var c5AniDuration=800;
var c5AniTimeout=7000;
var c5Animateion="easeInOutQuad";
var c5AniCoun=0;
var c5hsIndex=0;

/*
Animations

easeInOutQuad
easeInOutCubic
easeInOutQuart
easeInOutQuint
easeInOutSine
easeInOutExpo
easeInOutCirc
easeInOutElastic
easeInOutBack
easeInOutBounce
*/

$(function(){
	$('.c5col').css("top","235px").eq(0).css("top","0px");
	$('.c5leftside img').hide().eq(0).show();
	
	//$('.c5list li a').click(function(){return false;});
	
	$(window).bind("load",function(){		
		$('.c5leftside').c5Scroller();
	});
	
	
	$('.c5hslidemoveleft').click(function(){
		c5hsMoveLeft();
		return false;									  
	});
	
	$('.c5hslidemoveright').click(function(){
		c5hsMoveRight();
		return false;									  
	});
	
	$.fn.c5hsAni = function(){
		c5hsCount=$('.c5hslidercontentholder').size()-1;
		
		if(c5hsIndex==c5hsCount)
		{
			c5hsAnimate(0, c5hsIndex, $(this));
			c5hsIndex=0;
		}
		else
		{
			c5hsAnimate(c5hsIndex+1, c5hsIndex, $(this));
			c5hsIndex++;
		}
	};
	
	$.fn.c5Scroller = function(){
		IndexImg=$(this).children("img").size()-1;
		
		if(c5AniCoun==IndexImg)
		{
			c5Animate(0, c5AniCoun,$(this));
			c5AniCoun=0;
		}
		else
		{
			c5Animate(c5AniCoun+1, c5AniCoun,$(this));
			c5AniCoun++;
		}
	};
	
	$.fn.c5crossfade = function(){
		c5imgcount=$(this).children('img').size()-1;
		$(this).children('img').each(function(i){
			if($(this).css("display")=="block")
			{
				if(i==c5imgcount)
				{
					c5crossfadeAni(i,0,$(this).parent());
				}
				else
				{
					c5crossfadeAni(i,i+1,$(this).parent());
				}
			}
		});
	};
	
});


// js function
function c5crossfadeAni(c5fOut, c5fIn, c5Felement)
{	
	c5Felement.animate({
		top:"0px"				
	},c5AniTimeout,function(){
		$(this).children("img").eq(c5fOut).fadeOut(c5AniDuration);
		$(this).children("img").eq(c5fIn).fadeIn(c5AniDuration,function(){
			c5Felement.c5crossfade();														
		});
	});
}

function c5hsMoveLeft()
{
	$('.c5hslidercontentholder').css("left","-"+$('.c5hslideviewwindow').width()+"px").eq(c5hsIndex).css("left","0");
	c5hsCount=$('.c5hslidercontentholder').size()-1;
	
	if(c5hsIndex==c5hsCount)
	{
		c5hsAniIn=0;
		c5hsAniOut=c5hsIndex;
		c5hsIndex=0;
	}
	else
	{
		c5hsAniOut=c5hsIndex;
		c5hsIndex++;
		c5hsAniIn=c5hsIndex;
		
	}
	
	c5hsAniLeft=$('.c5hslideviewwindow').width();
	
	$('.c5hslidercontentholder').eq(c5hsAniIn).animate({left:"0px"},c5AniDuration, c5Animateion);	
	
	$('.c5hslidercontentholder').eq(c5hsAniOut).animate({
		left:c5hsAniLeft+"px"
	},c5AniDuration, c5Animateion,function(){
		$(this).css("left","-"+c5hsAniLeft+"px");
	});
}
function c5hsMoveRight()
{
	$('.c5hslidercontentholder').css("left",$('.c5hslideviewwindow').width()+"px").eq(c5hsIndex).css("left","0");
	c5hsCount=$('.c5hslidercontentholder').size()-1;
	
	if(c5hsIndex==0)
	{
		c5hsAniIn=c5hsCount;
		c5hsAniOut=0;
		c5hsIndex=c5hsCount;
	}
	else
	{
		c5hsAniOut=c5hsIndex;
		c5hsIndex--;
		c5hsAniIn=c5hsIndex;
		
	}
	
	c5hsAniLeft=$('.c5hslideviewwindow').width();
	
	$('.c5hslidercontentholder').eq(c5hsAniIn).animate({left:"0px"},c5AniDuration, c5Animateion);	
	
	$('.c5hslidercontentholder').eq(c5hsAniOut).animate({
		left:"-"+c5hsAniLeft+"px"
	},c5AniDuration, c5Animateion,function(){
		$(this).css("left",c5hsAniLeft+"px");
	});
}

function c5hsAnimate(c5hsIn, c5hsOut, c5hsSection)
{
	c5hsAniLeft=$('.c5hslideviewwindow').width();
	
	$(c5hsSection).animate({
		top:"0px"					   
	},c5AniTimeout, function(){
		
		$('.c5hslidercontentholder').eq(c5hsIn).animate({left:"0px"},c5AniDuration, c5Animateion);
		
		$('.c5hslidercontentholder').eq(c5hsOut).animate({
			left:"-"+c5hsAniLeft+"px"
		},c5AniDuration, c5Animateion,function(){
			$(this).css("left",c5hsAniLeft+"px");
			$('.c5hslideviewwindow').c5hsAni();
		});
		
	});
}

function c5Animate(c5In, c5Out, c5Section)
{	
	c5secheight=$('.c5col').eq(c5Out).height()+20;
	
	$(c5Section).animate({
		top:"0px"					 
	},c5AniTimeout,function(){
		$('.c5col').eq(c5Out).animate({"top":"-"+c5secheight+"px"},c5AniDuration, c5Animateion, function(){
			$(this).css("top",c5secheight+"px")																	
		});
		$('.c5col').eq(c5In).animate({"top":"0px"},c5AniDuration, c5Animateion);
		
		$(c5Section).children("img").eq(c5Out).fadeOut(c5AniDuration);
		$(c5Section).children("img").eq(c5In).fadeIn(c5AniDuration,function(){
			$('.c5leftside').c5Scroller();														
		});
	});
}