var mainpanelpic=1;
var leftpanelpic=1;
var newspan=1;
var clickthrough=0;
var clickthrough_offer=0;
var screenRefresh=0

function gogroceries() {
	
	window.location = "http://groceries.asda.com";
}

function doClear(field) {

	    if (field.defaultValue == field.value) field.value = '';
	    else if (field.value == '') field.value = field.defaultValue;

	
}

function setupScreen(){
	setupMainpanel();
	setupLeftpanel();


	pic1= new Image(); 
	pic1.src="HomeImages/MainPanel/mainpanel1.jpg";
	pic2= new Image(); 
	pic2.src="HomeImages/MainPanel/mainpanel2.jpg";
	pic3= new Image(); 
	pic3.src="HomeImages/MainPanel/mainpanel3.jpg";
	pic4= new Image(); 
	pic4.src="HomeImages/MainPanel/mainpanel4.jpg";


	var setupRefresh = window.setTimeout('startAutoslide()',4000);

}

function startAutoslide() {
	screenRefresh =	window.setInterval ('changeMainpanelpic("up")', 4000);

	
}

function showatoz(){
	el = document.getElementById("menuoverlay");
	el.style.visibility = (el.style.visibility == "visible") ? "hidden" : "visible";
}

 function signup(){
	alert('Will submit email to mail list manager');
	
}

function loadlink(){
	switch (clickthrough){
		case 0:
		window.location = panel_Clickthrough_Link[0];
		break;
		case 1:
		window.location = panel_Clickthrough_Link[1];
		break;
		case 2:
		window.location = panel_Clickthrough_Link[2];
		break;
		case 3:
		window.location = panel_Clickthrough_Link[3];
		break;

	}

}

function loadlink_offer(){
	switch (clickthrough_offer){
		case 0:
		window.location = offerpanel_Clickthrough_Link[0];
		break;
		case 1:
		window.location = offerpanel_Clickthrough_Link[1];
		break;
		case 2:
		window.location = offerpanel_Clickthrough_Link[2];
		break;
		case 3:
		window.location = offerpanel_Clickthrough_Link[3];
		break;

	}

}


function setupMainpanel(){	
	panelImage = "url(HomeImages/MainPanel/mainpanel1.jpg)";
    document.getElementById('maintop').style.backgroundImage = panelImage;    

}

function setupLeftpanel(){	
	var randompic=Math.floor(Math.random()*4)
			switch (randompic){
				case 0:   	panelImage = "url(HomeImages/ValuePanel/valuepanel1.gif)"; 
							clickthrough_offer = 0;
				break;
				case 1:   	panelImage = "url(HomeImages/ValuePanel/valuepanel2.gif)"; 
							clickthrough_offer = 1;
				break;
				case 2:   	panelImage = "url(HomeImages/ValuePanel/valuepanel3.gif)"; 
							clickthrough_offer = 2;
				break;
				case 3:   	panelImage = "url(HomeImages/ValuePanel/valuepanel4.gif)"; 
							clickthrough_offer = 3;
				break;
			}

    document.getElementById('botleft').style.backgroundImage = panelImage;    

}



function changeMainpanelpic(upordown){
	if(upordown=="up")
	{
		switch (mainpanelpic){
			case 1: panelImage = "url(HomeImages/MainPanel/mainpanel2.jpg)";
			clickthrough = 1;
			mainpanelpic++;
			break;
			case 2: panelImage = "url(HomeImages/MainPanel/mainpanel3.jpg)";
			clickthrough = 2;
			mainpanelpic++;
			break;
			case 3: panelImage = "url(HomeImages/MainPanel/mainpanel4.jpg)";
			clickthrough = 3;
			mainpanelpic++;
			break;
			case 4: panelImage = "url(HomeImages/MainPanel/mainpanel1.jpg)";
			clickthrough = 0;
			mainpanelpic=1;
			break;
		}
	  	
	}
	else
	{
		switch (mainpanelpic){
			case 1: panelImage = "url(HomeImages/MainPanel/mainpanel4.jpg)";
			clickthrough = 3;
			mainpanelpic=4;
			break;
			case 2: panelImage = "url(HomeImages/MainPanel/mainpanel1.jpg)";
			clickthrough = 0;
			mainpanelpic--;
			break;
			case 3: panelImage = "url(HomeImages/MainPanel/mainpanel2.jpg)";
			clickthrough = 1;
			mainpanelpic--;
			break;
			case 4: panelImage = "url(HomeImages/MainPanel/mainpanel3.jpg)";
			clickthrough = 2;
			mainpanelpic--;
			break;
		}
	}
	document.getElementById('maintop').style.backgroundImage = panelImage;  
	
	
}

function newsright(){
	
            var newspic=newspan+1;
			document.getElementById('news_thumb').innerHTML = '<a href="'+news_link[newspan]+'"><img src="HomeImages/MoreCorp/morecorp'+(newspic)+'.jpg"></a>';
			document.getElementById('newsheadline').innerHTML = '<span class="tabhead"><a href="'+news_link[newspan]+'">'+news_headline[newspan]+'</a></span>';
			document.getElementById('newssub').innerHTML = '<span class="newssubtext">'+news_subhead[newspan]+'</span>';
			document.getElementById('thenewsstory').innerHTML='<span class="newsstorytext">'+news_text[newspan]+'</span><a href="'+news_link[newspan]+'">&nbsp;Read More</a>';


	
	if(newspan+1<number_of_news_items){
		newspan++;
	}
	else{
		newspan=0;
	}
}

function newsleft(){
	
	if(newspan>0){
		newspan--;
	}
	else{
		newspan=number_of_news_items-1;
	}
            var newspic=newspan+1;
			document.getElementById('news_thumb').innerHTML = '<img src="HomeImages/MoreCorp/morecorp'+(newspic)+'.jpg">';
			document.getElementById('newsheadline').innerHTML = '<span class="tabhead">'+news_headline[newspan]+'</span>';
			document.getElementById('newssub').innerHTML = '<span class="newssubtext">'+news_subhead[newspan]+'</span>';
			document.getElementById('thenewsstory').innerHTML='<span class="newsstorytext">'+news_text[newspan]+'</span><a href="'+news_link[newspan]+'">&nbsp;Read More</a>';


	

}



function mainleft(){
	clearInterval(screenRefresh);
	changeMainpanelpic("down");
}

function mainright(){
	clearInterval(screenRefresh);
	changeMainpanelpic("up");
	
}

function leftpanleft(){
	changeleftpanelpic("down");
}

function leftpanright(){
	changeleftpanelpic("up");
	
}

function changeleftpanelpic(upordown){
	if(upordown=="up")
	{
		switch (leftpanelpic){
			case 1: leftpanelImage = "url(HomeImages/ValuePanel/valuepanel2.gif)";
			leftpanelpic++;
			clickthrough_offer = 1;
			break;
			case 2: leftpanelImage = "url(HomeImages/ValuePanel/valuepanel3.gif)";
			leftpanelpic++;
			clickthrough_offer = 2;
			break;
			case 3: leftpanelImage = "url(HomeImages/ValuePanel/valuepanel4.gif)";
			leftpanelpic++;
			clickthrough_offer = 3;
			break;
			case 4: leftpanelImage = "url(HomeImages/ValuePanel/valuepanel1.gif)";
			leftpanelpic=1;
			clickthrough_offer = 0;
			break;s
		}
	  	
	}
	else
	{
		switch (leftpanelpic){
			case 1: leftpanelImage = "url(HomeImages/ValuePanel/valuepanel4.gif)";
			leftpanelpic=4;
			clickthrough_offer = 3;
			break;
			case 2: leftpanelImage = "url(HomeImages/ValuePanel/valuepanel1.gif)";
			leftpanelpic--;
			clickthrough_offer = 0;
			break;
			case 3: leftpanelImage = "url(HomeImages/ValuePanel/valuepanel2.gif)";
			leftpanelpic--;
			clickthrough_offer = 1;
			break;
			case 4: leftpanelImage = "url(HomeImages/ValuePanel/valuepanel3.gif)";
			leftpanelpic--;
			clickthrough_offer = 0;
			break;
		}
	}
	document.getElementById('botleft').style.backgroundImage = leftpanelImage;  
}