// JavaScript Document
//Javascript for the Buttons

//the site url of the webapp. Define this immediately after including buttonmouseover.js
var js_site_url = "";

function buttonUp(id, base_url)
{
	base_url = base_url || "";
	if (id==1)
	{
		document.getElementById("signup_up").style.display = "block";
		document.getElementById("signup_hover").style.display = "none";
	}
	if (id==2)
	{
		document.getElementById("backbutton_up").style.display = "block";
		document.getElementById("backbutton_hover").style.display = "none";
	}
	if (id==3)
	{
		document.getElementById("nextbutton_up").style.display = "block";
		document.getElementById("nextbutton_hover").style.display = "none";
	}
	if (id==4)
	{
		document.getElementById("homebutton_up").style.display = "block";
		document.getElementById("homebutton_hover").style.display = "none";
	}
	if (id==5)
	{
		document.getElementById("submit_contactform").style.background = "url(" + base_url +"pics/button_submit_up.png)";
	}
	if (id==6)
	{
		document.getElementById("next_up").style.display = "block";
		document.getElementById("next_hover").style.display = "none";
		
		document.getElementById("next_up2").style.display = "block";
		document.getElementById("next_hover2").style.display = "none";
		
		document.getElementById("next_up3").style.display = "block";
		document.getElementById("next_hover3").style.display = "none";
		
		document.getElementById("next_up4").style.display = "block";
		document.getElementById("next_hover4").style.display = "none";
		
		document.getElementById("next_up5").style.display = "block";
		document.getElementById("next_hover5").style.display = "none";
		
		document.getElementById("next_up6").style.display = "block";
		document.getElementById("next_hover6").style.display = "none";
		
		document.getElementById("next_up7").style.display = "block";
		document.getElementById("next_hover7").style.display = "none";
		
		
		document.getElementById("next_up8").style.display = "block";
		document.getElementById("next_hover8").style.display = "none";
		
		
		
		document.getElementById("next_up10").style.display = "block";
		document.getElementById("next_hover10").style.display = "none";
	}
	if (id==7)
	{
		document.getElementById("back_up2").style.display = "block";
		document.getElementById("back_hover2").style.display = "none";
		
		document.getElementById("back_up3").style.display = "block";
		document.getElementById("back_hover3").style.display = "none";
		
		document.getElementById("back_up4").style.display = "block";
		document.getElementById("back_hover4").style.display = "none";
		
		document.getElementById("back_up5").style.display = "block";
		document.getElementById("back_hover5").style.display = "none";
		
		document.getElementById("back_up6").style.display = "block";
		document.getElementById("back_hover6").style.display = "none";
		
		
		document.getElementById("back_up7").style.display = "block";
		document.getElementById("back_hover7").style.display = "none";
		
		
		document.getElementById("back_up8").style.display = "block";
		document.getElementById("back_hover8").style.display = "none";
		
		document.getElementById("back_up9").style.display = "block";
		document.getElementById("back_hover9").style.display = "none";
		
		
		document.getElementById("back_up10").style.display = "block";
		document.getElementById("back_hover10").style.display = "none";
		
	}
	if (id==8)
	{
		document.getElementById("qf_submit").style.background = "url(" + base_url + "pics/button_done_up.png)";
	}
	if (id==9)
	{
		document.getElementById("ssc_searchsubmit").style.background = "url(" + base_url + "pics/button_go_up.png)";
	}
	if (id==10)
	{
		document.getElementById("broadband_signupsubmit").style.background = "url(" + base_url + "pics/button_submit_up.png)";
	}
	if (id==11)
	{
		document.getElementById("signup_up2").style.display = "block";
		document.getElementById("signup_hover2").style.display = "none";
	}
	if (id==12)
	{
		document.getElementById("signup_up3").style.display = "block";
		document.getElementById("signup_hover3").style.display = "none";
	}
	if (id==13)
	{
		document.getElementById("signup_up4").style.display = "block";
		document.getElementById("signup_hover4").style.display = "none";
	}
	if (id==14)
	{
		document.getElementById("signup_formlink_submit1").style.background = "url(" + base_url + "pics/button_signupnow_up.png)";
	}
	if (id==15)
	{
		document.getElementById("signup_formlink_submit2").style.background = "url(" + base_url + "pics/button_signupnow_up.png)";
	}
	if (id==16)
	{
		document.getElementById("signup_formlink_submit3").style.background = "url(" + base_url + "pics/button_signupnow_up.png)";
	}
	if (id==17)
	{
		document.getElementById("contactus_formlink_submit1").style.background = "url(" + base_url + "pics/button_contactus_up.png)";
	}
	if (id==18)
	{
		document.getElementById("backtotop_up1").style.display = "block";
		document.getElementById("backtotop_hover1").style.display = "none";
	}
	if (id==19)
	{
		document.getElementById("freequote_up1").style.display = "block";
		document.getElementById("freequote_hover1").style.display = "none";
	}
	if (id==20)
	{
		document.getElementById("submit_nextbutton1").style.background = "url(pics/button_next_up.png)";
		
		document.getElementById("submit_nextbutton2").style.background = "url(pics/button_next_up.png)";
		
		
		document.getElementById("submit_nextbutton3").style.background = "url(pics/button_next_up.png)";
		
		
		document.getElementById("submit_nextbutton4").style.background = "url(pics/button_next_up.png)";
		
		
		
		document.getElementById("submit_nextbutton5").style.background = "url(pics/button_next_up.png)";
		
		
		document.getElementById("submit_nextbutton6").style.background = "url(pics/button_next_up.png)";
		
		
		document.getElementById("submit_nextbutton7").style.background = "url(pics/button_next_up.png)";
		
		
		document.getElementById("submit_nextbutton8").style.background = "url(pics/button_next_up.png)";
		
		
	}
	if (id==21)
	{
		
		
		
		document.getElementById("submit_backbutton2").style.background = "url(pics/button_back_up.png)";
		
		
		document.getElementById("submit_backbutton3").style.background = "url(pics/button_back_up.png)";
		
		
		document.getElementById("submit_backbutton4").style.background = "url(pics/button_back_up.png)";
		
		
		
		document.getElementById("submit_backbutton5").style.background = "url(pics/button_back_up.png)";
		
		
		document.getElementById("submit_backbutton6").style.background = "url(pics/button_back_up.png)";
		
		
		document.getElementById("submit_backbutton7").style.background = "url(pics/button_back_up.png)";
		
		
		document.getElementById("submit_backbutton8").style.background = "url(pics/button_back_up.png)";
		
		
		document.getElementById("submit_backbutton9").style.background = "url(pics/button_back_up.png)";
		
	}
	if(id==22)
	{
		document.getElementById("next_up10").style.display = "block";
		document.getElementById("next_hover10").style.display = "none";
	}
	if(id==23)
	{
		document.getElementById("localconnection_login").style.background = "url(pics/button_login_up.png)";
	}
	if(id==24)
	{
		document.getElementById("localconnection_logout").style.background = "url(pics/button_logout_up.png)";
	}
	if(id==25)
	{
		document.getElementById("localconnection_logout_up1").style.display = "block";
		document.getElementById("localconnection_logout_hover1").style.display = "none";
	}
	if(id==26)
	{	
		document.getElementById("update_submit").style.background = "url(pics/button_update_up.png)";
		
	}
	if(id==27)
	{	
		document.getElementById("addphone_submit").style.background = "url(pics/button_addphone_up.png)";
		
	}
	if(id==28)
	{	
		document.getElementById("addpc_submit").style.background = "url(pics/button_addpc_up.png)";
		
	}
	if(id==29)
	{	
		document.getElementById("addplan_submit").style.background = "url(pics/button_addplan2_up.png)";
		
	}
}




function buttonHover(id, base_url)

{
	
	base_url = base_url || "";
	
	if (id==1)
	{
		document.getElementById("signup_up").style.display = "none";
		document.getElementById("signup_hover").style.display = "block";
	}
	if (id==2)
	{
		document.getElementById("backbutton_up").style.display = "none";
		document.getElementById("backbutton_hover").style.display = "block";
	}
	if (id==3)
	{
		document.getElementById("nextbutton_up").style.display = "none";
		document.getElementById("nextbutton_hover").style.display = "block";
	}
	if (id==4)
	{
		document.getElementById("homebutton_up").style.display = "none";
		document.getElementById("homebutton_hover").style.display = "block";
	}
	if (id==5)
	{
		document.getElementById("submit_contactform").style.background = "url("+ base_url + "pics/button_submit_hover.png)";
	}
	if (id==6)
	{
		document.getElementById("next_up").style.display = "none";
		document.getElementById("next_hover").style.display = "block";
		
		document.getElementById("next_up2").style.display = "none";
		document.getElementById("next_hover2").style.display = "block";
		
		document.getElementById("next_up3").style.display = "none";
		document.getElementById("next_hover3").style.display = "block";
		
		document.getElementById("next_up4").style.display = "none";
		document.getElementById("next_hover4").style.display = "block";
		
		document.getElementById("next_up5").style.display = "none";
		document.getElementById("next_hover5").style.display = "block";
		
		document.getElementById("next_up6").style.display = "none";
		document.getElementById("next_hover6").style.display = "block";
		
		document.getElementById("next_up7").style.display = "none";
		document.getElementById("next_hover7").style.display = "block";
		
		
		document.getElementById("next_up8").style.display = "none";
		document.getElementById("next_hover8").style.display = "block";
		
		
		
		document.getElementById("next_up10").style.display = "none";
		document.getElementById("next_hover10").style.display = "block";
	}
	if (id==7)
	{
		document.getElementById("back_up2").style.display = "none";
		document.getElementById("back_hover2").style.display = "block";
		
		document.getElementById("back_up3").style.display = "none";
		document.getElementById("back_hover3").style.display = "block";
		
		document.getElementById("back_up4").style.display = "none";
		document.getElementById("back_hover4").style.display = "block";
		
		document.getElementById("back_up5").style.display = "none";
		document.getElementById("back_hover5").style.display = "block";
		
		document.getElementById("back_up6").style.display = "none";
		document.getElementById("back_hover6").style.display = "block";
		
		
		document.getElementById("back_up7").style.display = "none";
		document.getElementById("back_hover7").style.display = "block";
		
		document.getElementById("back_up8").style.display = "none";
		document.getElementById("back_hover8").style.display = "block";
		
		document.getElementById("back_up9").style.display = "none";
		document.getElementById("back_hover9").style.display = "block";
		
		document.getElementById("back_up10").style.display = "none";
		document.getElementById("back_hover10").style.display = "block";
	}
	if (id==8)
	{
		document.getElementById("qf_submit").style.background = "url("+ base_url + "pics/button_done_hover.png)";
	}
	if (id==9)
	{
		document.getElementById("ssc_searchsubmit").style.background = "url("+ base_url + "pics/button_go_hover.png)";
	}
	if (id==10)
	{
		document.getElementById("broadband_signupsubmit").style.background = "url("+ base_url + "pics/button_submit_hover.png)";
	}
	if (id==11)
	{
		document.getElementById("signup_up2").style.display = "none";
		document.getElementById("signup_hover2").style.display = "block";
	}if (id==12)
	{
		document.getElementById("signup_up3").style.display = "none";
		document.getElementById("signup_hover3").style.display = "block";
	}
	if (id==13)
	{
		document.getElementById("signup_up4").style.display = "none";
		document.getElementById("signup_hover4").style.display = "block";
	}
	if (id==14)
	{
		document.getElementById("signup_formlink_submit1").style.background = "url("+ base_url + "pics/button_signupnow_hover.png)";
	}
	if (id==15)
	{
		document.getElementById("signup_formlink_submit2").style.background = "url("+ base_url + "pics/button_signupnow_hover.png)";
	}
	if (id==16)
	{
		document.getElementById("signup_formlink_submit3").style.background = "url("+ base_url + "pics/button_signupnow_hover.png)";
	}
	if (id==17)
	{
		document.getElementById("contactus_formlink_submit1").style.background = "url("+ base_url + "pics/button_contactus_hover.png)";
	}
	if (id==18)
	{
		document.getElementById("backtotop_up1").style.display = "none";
		document.getElementById("backtotop_hover1").style.display = "block";
	}
	if (id==19)
	{
		document.getElementById("freequote_up1").style.display = "none";
		document.getElementById("freequote_hover1").style.display = "block";
	}
	if (id==20)
	{
		document.getElementById("submit_nextbutton1").style.background = "url(pics/button_next_hover.png)";
		
		document.getElementById("submit_nextbutton2").style.background = "url(pics/button_next_hover.png)";
		
		
		document.getElementById("submit_nextbutton3").style.background = "url(pics/button_next_hover.png)";
		
		
		document.getElementById("submit_nextbutton4").style.background = "url(pics/button_next_hover.png)";
		
		
		
		document.getElementById("submit_nextbutton5").style.background = "url(pics/button_next_hover.png)";
		
		
		document.getElementById("submit_nextbutton6").style.background = "url(pics/button_next_hover.png)";
		
		
		document.getElementById("submit_nextbutton7").style.background = "url(pics/button_next_hover.png)";
		
		
		document.getElementById("submit_nextbutton8").style.background = "url(pics/button_next_hover.png)";
		
		
	}
	if (id==21)
	{
		
		
		
		document.getElementById("submit_backbutton2").style.background = "url(pics/button_back_hover.png)";
		
		
		document.getElementById("submit_backbutton3").style.background = "url(pics/button_back_hover.png)";
		
		
		document.getElementById("submit_backbutton4").style.background = "url(pics/button_back_hover.png)";
		
		
		
		document.getElementById("submit_backbutton5").style.background = "url(pics/button_back_hover.png)";
		
		
		document.getElementById("submit_backbutton6").style.background = "url(pics/button_back_hover.png)";
		
		
		document.getElementById("submit_backbutton7").style.background = "url(pics/button_back_hover.png)";
		
		
		document.getElementById("submit_backbutton8").style.background = "url(pics/button_back_hover.png)";
		
		
		document.getElementById("submit_backbutton9").style.background = "url(pics/button_back_hover.png)";
		
	}
	if(id==22)
	{
		document.getElementById("next_up10").style.display = "none";
		document.getElementById("next_hover10").style.display = "block";
	}
	if(id==23)
	{
		document.getElementById("localconnection_login").style.background = "url(pics/button_login_hover.png)";
	}
	if(id==24)
	{
		document.getElementById("localconnection_logout").style.background = "url(pics/button_logout_hover.png)";
	}
	if(id==25)
	{
		document.getElementById("localconnection_logout_up1").style.display = "none";
		document.getElementById("localconnection_logout_hover1").style.display = "block";
	}
	if(id==26)
	{
		
		document.getElementById("update_submit").style.background = "url(pics/button_update_hover.png)";
	}
	if(id==27)
	{	
		document.getElementById("addphone_submit").style.background = "url(pics/button_addphone_hover.png)";
		
	}
	if(id==28)
	{	
		document.getElementById("addpc_submit").style.background = "url(pics/button_addpc_hover.png)";
		
	}
	if(id==29)
	{	
		document.getElementById("addplan_submit").style.background = "url(pics/button_addplan2_hover.png)";
		
	}
}


function getFirstUnderscoreCss(element) 
{
	var cssArray = element.className.split(" ");
	for (var i in cssArray) 
	{
		if (cssArray[i].substring(0,1) == "_")
		{
			return cssArray[i].substring(1);
		}
	}	
	return "";
}

//super dooper sweet buttonmouseover function
//can be used for input or div
function button(action, element)
{
	if (action=="hover")
	{		
		element.style.background = "url(" + js_site_url + "pics/button_" + getFirstUnderscoreCss(element) + "_hover.png)";
	}
	else if (action=="up")
	{
		element.style.background = "url(" + js_site_url + "pics/button_" + getFirstUnderscoreCss(element) +"_up.png)";
	}
}

//for img buttons
function buttonImage(action, element)
{
	if (action=="hover")
	{		
		element.src= js_site_url + "pics/button_" + getFirstUnderscoreCss(element) + "_hover.png";
	}
	else if (action=="up")
	{
		element.src = js_site_url + "pics/button_" + getFirstUnderscoreCss(element) +"_up.png";
	}
}