$(document).ready( function() {

	// Initialize Slider
	// .. Controls
	$(".scontrol").click( function() {
	
		scrollSpeed = 420;
		scrollSlider( $(this).attr( "rel" ) );
		clearInterval( scrollTimer );
		
	});
	scrollTimer = setInterval( scrollSlider, 5000, 'right' );
});


var animating = false;
var scrollTimer;
var scrollSpeed = 1500;
function scrollSlider( dir )
{
	var slideTo = 0;
	var show = $(".tblSliderContent").attr("rel");
	
	// Find the scroll distance between images
	var pos = new Array();
	var num = $(".sliderimage").length;
	$(".sliderimage").each( function(i, elem) {	
		if( i == 0 )
			pos[i] = $(this).position().left;
		
		if( i == show )
			pos[1] = $(this).position().left;
		
		//if( i == (num-show) )
			//pos[2] = $(this).position().left * -1;
		if( i == num-1 )
			pos[2] = $(this).position().left * -1;
	});
	
	if( dir == "right" )
		slideTo = $("#slidercontent").position().left - (pos[1]-pos[0]);
	else
		slideTo = $("#slidercontent").position().left + (pos[1]-pos[0]);
	
	if( animating == false && slideTo <= 0 && slideTo >= pos[2] )
	{
		animating = true;
		$("#slidercontent").animate({left: slideTo},scrollSpeed, function(){ animating = false; });
	}
	else if( animating == false )
	{
		animating = true;
		$("#slidercontent").animate({left: 0},scrollSpeed*1.618, function(){ animating = false; });
	}
}