var swatchCurrentPosition = 0;

$(document).ready(function ()
{
	//var currentPosition = 0;
	var slideWidth = 205; // swatch width
	var dilly = $('#slide img').length;
	var willy = (Math.ceil(dilly / 3)) * 205;
	var numberOfSlides = (willy / 205) - 2;
	var qs = getQueryString()["p"];
	
	if (qs != null && isNumeric(qs))
	{
		if (parseInt(qs) <= numberOfSlides - 1)
		{
			swatchCurrentPosition = parseInt(qs);
			
			$("#slide").css("marginLeft", slideWidth * (-swatchCurrentPosition) + "px");
		}
	}

	//window.alert(willy); //use this to find out how the math is working

	$("#slide").width(willy);
 
	$('#slidesContainer').css('overflow', 'hidden');
	
	$('#slideshow')
		.prepend('<span class="control" id="leftControl">Clicking moves left</span>')
		.append('<span class="control" id="rightControl">Clicking moves right</span>');

	// Hide left arrow control on first load
	manageControls(swatchCurrentPosition);

	// Create event listeners for .controls clicks
	$('.control')
		.bind('click', function(){
		// Determine new position
	swatchCurrentPosition = ($(this).attr('id') == 'rightControl') ? swatchCurrentPosition + 1 : swatchCurrentPosition - 1;
		
	// Hide / show controls
		manageControls(swatchCurrentPosition);
		// Move slideInner using margin-left
		$('#slide').animate({
			'marginLeft' : slideWidth * (-swatchCurrentPosition)
		});
	});

	// manageControls: Hides and Shows controls depending on currentPosition
	function manageControls(position){
		// Hide left arrow if position is first slide
	if(position==0){ $('#leftControl').hide() } else{ $('#leftControl').show() }
	// Hide right arrow if position is last slide
		if(position==numberOfSlides-1){ $('#rightControl').hide() } else{ $('#rightControl').show() }
	}	
});

function getQueryString()
{
	var values = new Array();
	var queryString = unescape(location.search.substring(1));
	var pairs = queryString.split("&");
	
	for (var i = 0; i < pairs.length; i++)
	{
		var pair = pairs[i].split("=");
		values[pair[0]] = pair[1];
	}
	
	return values;
}

function isNumeric(text)
{
	var validChars = "0123456789";
	var isNumber = true;
	var currentChr;
	
	for (i = 0; i < text.length && isNumber == true; i++)
	{ 
		currentChr = text.charAt(i); 
		
		if (validChars.indexOf(currentChr) == -1) 
		{
			isNumber = false;
		}
	}
	
	return isNumber;
}