var once = 0;
 $(document).ready(function() {
  // Handler for .ready() called.
  
 
 
  win();
  /*
  
.ribbonMain .main_panel {654px
.ribbonMain .right_panel {351px
	.ribbonMain .left_panel {
  */
});		


$(window).resize(function() {
 	win();
});
	 
	
function win() {
	var w = $(window).width();
	var w2 = $(window).width()/100;
	
	if(once==0) {
		var mpw= (w-654)/2;
		$(".main_panel").show().css({ "top" :"200px" , "left" : mpw + "px", "opacity":0 });
		$(".right_panel").hide().css({"right": mpw/w2+ "%" , "opacity":0 });
		 $(".left_panel").hide().css({"left": mpw/w2 +"%" , "opacity":0 });
		$(".right_panel2").hide().css({"right": mpw/w2+ "%" , "opacity":0 });
		 $(".left_panel2").hide().css({"left": mpw/w2 +"%", "opacity":0  });
			
			
		$(".main_panel").animate( { "top" :"175px", "opacity":1}, "slow", false, function() {
			
			var wprc = (mpw - 200)/w2;
			var wprc2 = (mpw - 350)/w2;
			if(wprc<3) { wprc = 3; }
			if(wprc2<0) { wprc2 =0; }
			$(".right_panel").show().animate({"right": wprc + "%" , "opacity":1});
			$(".left_panel").show().animate({"left": wprc + "%" , "opacity":1});
			
			$(".right_panel2").delay(300).show().animate({"right": wprc2 + "%", "opacity":1 });
			$(".left_panel2").delay(300).show().animate({"left": wprc2 + "%", "opacity":1 });
			
		});
		
		once=1;
	} else {
		
		var mpw= (w-654)/2;
		//$(".right_panel").css({"right": mpw  - 256 + "px" });
		//$(".left_panel").css({"left": mpw  - 256+"px" });
			
		$(".main_panel").css({ "left" : mpw + "px" });
	} 
	/*
	var bw = parseInt(   $(".benefits li").eq(0).width()) + 32*2;
	
	 var bwli = Math.floor(  w / bw );
	// alert(bw + " " + bwli + " " +  w + " "  +w/ $(".benefits li").eq(0).width() )
	 $(".benefits").width( bwli*bw  );
	 */
	
}