var cwidth, mcounterL, mcounterR, cwholder, a, b, i, x, z, PicId;
mcounterL = 0;
mcounterR = 0;
a = 1;
i = 0;
y = 2;
cwholder = 0;


function rcontrol() {
    cwidth = document.body.clientWidth; 
		
  if ( cwidth <= 1200 ) {
    document.getElementById('L1').style.width = 237 + 'px' ;
		document.getElementById('L2').style.width = 237 + 'px' ;
		document.getElementById('L3').style.width = 289 + 'px' ;
		
    document.getElementById('R1').style.width = 180 + 'px' ;
		document.getElementById('R2').style.width = 180 + 'px' ;
		document.getElementById('R3').style.width = 235 + 'px' ;
		
		document.getElementById('center1').style.width = '0' + 'px' ;
		document.getElementById('center2').style.width = '0' + 'px' ;		
    }
    
  if ( cwidth > 1200 ) {		
		a = Math.floor((cwidth - (1200))/2);		
			
		
		if ( a < 127 ) {
			document.getElementById('L1').style.width = 237 + a + 'px' ;
			document.getElementById('L2').style.width = 237 + a + 'px' ;
			document.getElementById('L3').style.width = 289 + a + 'px' ;
			
			document.getElementById('R1').style.width = 180 + a + 'px' ;
			document.getElementById('R2').style.width = 180 + a + 'px' ;
			document.getElementById('R3').style.width = 235 + a + 'px' ;
                  
                  x = 237 + a;
			z = 180 + a;
                  }

			
			b = x + z ;
			b = cwidth - b;
			//alert(b);
			document.getElementById('center1').style.width = b + 'px' ;
			document.getElementById('center2').style.width = b + 'px' ;

                  //document.getElementById('coordleft').innerHTML = document.getElementById('L2').style.width;
                  //document.getElementById('coordcenter').innerHTML = b ;
                  //document.getElementById('coordright').innerHTML = document.getElementById('center2').style.width;
		  	
  }
	
		//document.getElementById('B1').innerHTML = document.getElementById('L1').style.width;
		//document.getElementById('B2').innerHTML = document.getElementById('R1').style.width;
		//document.getElementById('B3').innerHTML = document.getElementById('center1').style.width;
	
}


//Can Control
function changeCan() {
	for ( i = 1; i <= 6; i++ ) {
		PicId = 'canpic_' + i;
		document.getElementById(PicId).style.display = 'none';
		}
	 i++ ;
	 if ( y > 6 ) { y = 1; }
	 PicId = 'canpic_' + y;
	 document.getElementById(PicId).style.display = 'block';
	 y++;
	}
//.>




window.onload = function() {
  rcontrol();
}

window.onresize = function() {
  rcontrol();
}

//364 L
//329 R