$(document).ready(function(){

    //verify this is working by using Firebug (Net\Images view, refresh page with clear cache; if rollovers preload, it works)
    //to see which images you need to add to the preload, use the above method with Firebug. Rollover any images to see if more images load
    jQuery.preloadImages = function()
    {
        for(var i = 0; i<arguments.length; i++){
            jQuery("<img>").attr("src", "/_images-base/" + arguments[i]);
        }
    }

    $.preloadImages("NavSub-01-ovr.gif","NavSub-02-ovr.gif","NavSub-03-ovr.gif","NavSub-04-ovr.gif","NavSub-05-ovr.gif","NavSub-06-ovr.gif");


		//gets the values in the url "?id=01"
	var x = location.search;
		//replaces ?id= with spaces and creates a new string y = "01"
	var y = x.replace('?id=',' ');
		//Takes the string "01" and converts it to an integer "1"
	var z = parseInt(y);
	
			//gets the url of the document. Searches for the given directories below to determine if you should display the background image.
	var a = location.href;
		//index position of the given string.  If exists >0 else if it does not exist it is -1

    var urlArray = a.split("/");
    var levelTwoUrl = urlArray[4];

    var link2 = a.indexOf('Residential');
	var link3 = a.indexOf('Business_Services');
	var link4 = a.indexOf('Support');
	var link5 = a.indexOf('My_Account');
	var link6 = a.indexOf('About_GWI');
	
	//If the url directory is > 0 then this page needs to load the correct background image.
	if(link2 > 0) {
		$("#2").attr({src:"/_images-base/NavSub-02-sel.gif"});
		z=2;
	}
	
		if(link3 > 0) {
		$("#3").attr({src:"/_images-base/NavSub-03-sel.gif"});
		z=3;
	}
    //if it's a support page and is NOT the searchResults.php page, highlight the support tab
		if(link4 > 0 && levelTwoUrl.indexOf("searchResults.php") == -1) {
		$("#4").attr({src:"/_images-base/NavSub-04-sel.gif"});
		z=4;
	}
		if(link5 > 0) {
		$("#5").attr({src:"/_images-base/NavSub-05-sel.gif"});
		z=5;
	}
		if(link6 > 0) {
		$("#6").attr({src:"/_images-base/NavSub-06-sel.gif"});
		z=6;
	}
	
	if (z!=1){
		$("#1").hover( function () { 
			$("#1").attr({src:"/_images-base/NavSub-01-ovr.gif"});
		},
		function () {
			$("#1").attr({src:"/_images-base/NavSub-01.gif"});
		}
		);
	}
	
	if (z!=2){
		$("#2").hover( function () { 
			$("#2").attr({src:"/_images-base/NavSub-02-ovr.gif"});
		},
		function () {
			$("#2").attr({src:"/_images-base/NavSub-02.gif"});
		}
		);
	}
	
	if (z!=3){
		$("#3").hover( function () { 
			$("#3").attr({src:"/_images-base/NavSub-03-ovr.gif"});
		},
		function () {
			$("#3").attr({src:"/_images-base/NavSub-03.gif"});
		}
		);
	}
	
	if (z!=4 ){
		$("#4").hover( function () { 
			$("#4").attr({src:"/_images-base/NavSub-04-ovr.gif"});
		},
		function () {
			$("#4").attr({src:"/_images-base/NavSub-04.gif"});
		}
		);
	}
	
	if (z!=5){
		$("#5").hover( function () { 
			$("#5").attr({src:"/_images-base/NavSub-05-ovr.gif"});
		},
		function () {
			$("#5").attr({src:"/_images-base/NavSub-05.gif"});
		}
		);
	}
	
	if (z!=6){
		$("#6").hover( function () { 
			$("#6").attr({src:"/_images-base/NavSub-06-ovr.gif"});
		},
		function () {
			$("#6").attr({src:"/_images-base/NavSub-06.gif"});
		}
		);
	}

});