$(function(){
	lpanel = $('.homepanel.left .bg');
	rpanel = $('.homepanel.right .bg');

	lheight = lpanel.height();
	rheight = rpanel.height();	

	// hide all li's except the first 3
	$('.homepanel.left .bg li').slice(3).hide();
	$('.homepanel.right .bg li').slice(3).hide();

	//show handles when enough contents
	if($('.homepanel.left .bg li').size()>3){
		$('.homepanel.left .foldhandle').show();
	}
	if($('.homepanel.right .bg li').size()>3){
		$('.homepanel.right .foldhandle').show();
	}	

	l_new_height = 0;
	r_new_height = 0;

	if(lpanel.height()<rpanel.height()){ //equalize heights
		l_new_height = rpanel.height();
		r_new_height = l_new_height;
	}
	else{
		r_new_height = lpanel.height();
		l_new_height = r_new_height;
	}

	lpanel.css({ height:0, minHeight:0 })
	rpanel.css({ height:0, minHeight:0 })

	lpanel.animate({ height:l_new_height }, 1000, 'easeOutQuad');
	rpanel.animate({ height:r_new_height }, 1000, 'easeOutQuad');	
	
	lspeed = $('.homepanel.left .bg li').size() * 50; //get amount of elements to use in animation speed
	rspeed = $('.homepanel.right .bg li').size() * 50;	
  
	$('.homepanel.right .foldhandle').toggle( //right
	function(){ 
		$('.homepanel.right .bg').animate({ height:rheight }, rspeed, 'easeOutQuad');
		$('.homepanel.right .bg li').show();
		$('.homepanel.right .foldhandle').css( "background-position","center -12px").blur();
	},
	function(){
		$('.homepanel.right .bg').animate({ height:r_new_height }, rspeed, 'easeOutQuad', function(e){
			$('.homepanel.right .bg li').slice(3).fadeOut("fast");
		});
		$('.homepanel.right .foldhandle').css( "background-position","center 2px").blur();
	}	
	);
  
	$('.homepanel.left .foldhandle').toggle( //left
	function(){
		$('.homepanel.left .bg').animate({ height:lheight }, lspeed, 'easeOutQuad');
		$('.homepanel.left .bg li').show();
		$('.homepanel.left .foldhandle').css( "background-position","center -12px");
	},
	function(){ 
		$('.homepanel.left .bg').animate({ height:l_new_height }, lspeed, 'easeOutQuad', function(e){
			$('.homepanel.left .bg li').slice(3).fadeOut("fast");
		});
		$('.homepanel.left .foldhandle').css( "background-position","center 2px");
	}	
	);	
	
});