$(document).ready(function(){
	init();
	var slideduration = 500;
	
	function init(){
		var noPages = $(".page").size();
		$(".flowpages").width(500*noPages);
		$(".page").eq(0).addClass('current').children(".review_content").children(".style-info").show();
		$(".page").css("opacity","0.33");
		$(".current").css("opacity","1.0");
		offsetter();
		
	};
   
	$('.page').live("click", function(){
		if($(this).hasClass("current")){
			return false;
		}else{
			
			$('.current').fadeTo("normal",0.33);
         	$('.current').removeClass('current');
			$(this).fadeTo("normal",1.0);
        	$(this).addClass('current');
			$(this).children(".review_content").children(".style-info").show();
        	offsetter();
          	return false;
		} 
       });
		
	function offsetter(){
		var flowwidth = $('#flow').width();
		
		var pagewidth = $('.current').width();
		
		var thisposition = $('.current').offset();
		
		var flowposition = $('#flow').offset();
		
		var offset = thisposition.left - flowposition.left;
		offset -=(flowwidth-pagewidth)/2;
		
		$('.flowpages').animate({
		       "left":"-="+offset
		    }, slideduration, "easeOutQuint");
		
	}
	
	
});