// JavaScript Document

var target = 0;
var trollywidth = 0;

var windowwidth = 600;
var trollyorder = "ab";

function settarget()
{
	target = 0 - trollywidth;
	document.getElementById('trollya').style.width = (trollywidth * 2) + "px";
	gentleroll();
}

function givemecurrenttop()
{
	var currenttop = document.getElementById('trollya').style.left.substring(0,document.getElementById('trollya').style.left.length -2); // Strip off the 'px' from the left value

	if(!currenttop)
		currenttop = 0;
		
	return(currenttop);
}

function gentleroll()
{
	var incquant = -1;
	
	var currenttop = givemecurrenttop();
	var newtop = 0;
	
	
	if (currenttop == target)
	{
		//alert("Reached end, switching order");
		target = 0 - trollywidth;
		newtop = 0;
	}
	else
	{
		var difference = target - currenttop;
	
		
		newtop = parseInt(currenttop) + parseInt(incquant);
		
		if (difference < 0){
			if (newtop < target){
				newtop = target;
			}
		}
		
		if (difference > 0){
			if (newtop > target){
				newtop = target;
			}
		}
	}
	
	document.getElementById('trollya').style.left = newtop + 'px';

	setTimeout(gentleroll,50);

}





// PRELOADING IMAGES
if (document.images)
{
	homelink_over = new Image(); homelink_over.src = "images/headerbuttons/Home-Over.png"; 
	homelink = new Image(); homelink.src = "images/headerbuttons/Home.png"; 
	
	personalised_over = new Image(); personalised_over.src = "images/headerbuttons/Personalised-Bags-Over.png"; 
	personalised = new Image(); personalised.src = "images/headerbuttons/Personalised-Bags.png";  
	
	lunchbags_over = new Image(); lunchbags_over.src = "images/headerbuttons/Lunch-Bags-Over.png"; 
	lunchbags = new Image(); lunchbags.src = "images/headerbuttons/Lunch-Bags.png"; 
	
	backpacks_over = new Image(); backpacks_over.src = "images/headerbuttons/Back-Packs-Over.png"; 
	backpacks = new Image(); backpacks.src = "images/headerbuttons/Back-Packs.png"; 
	
	messengerbags_over = new Image(); messengerbags_over.src = "images/headerbuttons/Messenger-Bags-Over.png"; 
	messengerbags = new Image(); messengerbags.src = "images/headerbuttons/Messenger-Bags.png"; 
	
	headersearchbutton_over = new Image(); headersearchbutton_over.src = "images/headerbuttons/Magnifying-Glass-Over.png"; 
	headersearchbutton = new Image(); headersearchbutton.src = "images/headerbuttons/Magnifying-Glass.png"; 
	
	basketicon_over = new Image(); basketicon_over.src = "images/headerbuttons/Basket-Over.png"; 
	basketicon = new Image(); basketicon.src = "images/headerbuttons/Basket.png"; 
}
 
function handleOver(sender)
{
	if (document.images)
	{
		if(sender.id == "homelink")
			document.getElementById(sender.id).style.background = "url("+homelink_over.src+")";
		if(sender.id == "personalised")
			document.getElementById(sender.id).style.background = "url("+personalised_over.src+")";
		if(sender.id == "lunchbags")
			document.getElementById(sender.id).style.background = "url("+lunchbags_over.src+")";
		if(sender.id == "backpacks")
			document.getElementById(sender.id).style.background = "url("+backpacks_over.src+")";
		if(sender.id == "messengerbags")
			document.getElementById(sender.id).style.background = "url("+messengerbags_over.src+")";
		if(sender.id == "headersearchbutton")
			document.getElementById(sender.id).style.background = "url("+headersearchbutton_over.src+")";
		if(sender.id == "basketicon")
			document.getElementById(sender.id).style.background = "url("+basketicon_over.src+")";
	}
}
 
function handleOut(sender)
{
	if (document.images)
	{
		if(sender.id == "homelink")
			document.getElementById(sender.id).style.background = "url("+homelink.src+")";
		if(sender.id == "personalised")
			document.getElementById(sender.id).style.background = "url("+personalised.src+")";
		if(sender.id == "lunchbags")
			document.getElementById(sender.id).style.background = "url("+lunchbags.src+")";
		if(sender.id == "backpacks")
			document.getElementById(sender.id).style.background = "url("+backpacks.src+")";
		if(sender.id == "messengerbags")
			document.getElementById(sender.id).style.background = "url("+messengerbags.src+")";
		if(sender.id == "headersearchbutton")
			document.getElementById(sender.id).style.background = "url("+headersearchbutton.src+")";
		if(sender.id == "basketicon")
			document.getElementById(sender.id).style.background = "url("+basketicon.src+")";
	}
}