arrow_pos=1;
$(document).ready(function() {
	
	$('#scroll-left').click(function() {
		if(arrow_pos>1)
		{
			arrow_pos=arrow_pos-1;
			$('#arrow').animate({left:"-=250"}, 600,'easeOutBack', function(){}); 
			$('#titles').animate({left:"+=990"}, 600,'easeOutQuad', function(){}); 
		}
		else
		{
			arrow_pos=4;
			$('#arrow').animate({left:"-260"}, 600,'easeOutBack', function(){}); 
			$('#titles').animate({left:"-2970"}, 600,'easeOutQuad', function(){}); 
		}});

	$('#scroll-right').click(function() {
		if(arrow_pos<4)
		{
			
			arrow_pos=arrow_pos+1;
			$('#arrow').animate({left:"+=250"}, 600,'easeOutBack', function(){}); 
			$('#titles').animate({left:"-=990"}, 600,'easeOutQuad', function(){}); 
		}
		else
		{
			arrow_pos=1;
			$('#arrow').animate({left:"-1010"}, 600,'easeOutBack', function(){}); 
			$('#titles').animate({left:"0"}, 600,'easeOutQuad', function(){}); 
		}});
	
	$('#puff1').mouseover(function() {
		if(arrow_pos!=1)
		{
			arrow_pos=1;
			$('#arrow').animate({left:"-1010"}, 600,'easeOutBack', function(){}); 
			$('#titles').animate({left:"0"}, 600,'easeOutQuad', function(){}); 
		}});
	
	$('#puff2').mouseover(function() {
		if(arrow_pos!=2)
		{
			arrow_pos=2;
			$('#arrow').animate({left:"-760"}, 600,'easeOutBack', function(){}); 
			$('#titles').animate({left:"-990"}, 600,'easeOutQuad', function(){;}); 
		}});
	
	$('#puff3').mouseover(function() {
		if(arrow_pos!=3)
		{
			arrow_pos=3;
			$('#arrow').animate({left:"-510"}, 600,'easeOutBack', function(){}); 
			$('#titles').animate({left:"-1980"}, 600,'easeOutQuad', function(){}); 
		}});	
	
	$('#puff4').mouseover(function() {
		if(arrow_pos!=4)
		{
			arrow_pos=4;
			$('#arrow').animate({left:"-260"}, 600,'easeOutBack', function(){}); 
			$('#titles').animate({left:"-2970"}, 600,'easeOutQuad', function(){;}); 
		}});
		
	pageNav.init();			
});