$(document).ready(function(){

		//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 link1 = a.indexOf('features');
	var link2 = a.indexOf('pricing');
	var link3 = a.indexOf('products');
	var link4 = a.indexOf('selling');
	var link5 = a.indexOf('customize');
	
	//If the url directory is > 0 then this page needs to load the red background image.
	if(link1 > 0) {
		$("#01").attr({src:"/images/Nav-01-ovr.gif"});
		z=1;
	}
	
		if(link2 > 0) {
		$("#02").attr({src:"/images/Nav-02-ovr.gif"});
		z=2;
	}
		if(link3 > 0) {
		$("#03").attr({src:"/images/Nav-03-ovr.gif"});
		z=3;
	}
		if(link4 > 0) {
		$("#04").attr({src:"/images/Nav-04-ovr.gif"});
		z=4;
	}
		if(link5 > 0) {
		$("#05").attr({src:"/images/Nav-05-ovr.gif"});
		z=5;
	}
	
	$("#0"+z).attr({src:"/images/Nav-0"+z+"-ovr.gif"});
	
	if (z!=1){
		$("#01").hover( function () { 
			$("#01").attr({src:"/images/Nav-01-ovr.gif"});
		},
		function () {
			$("#01").attr({src:"/images/Nav-01.gif"});
		}
		);
	}
	
	if (z!=2){
		$("#02").hover( function () { 
			$("#02").attr({src:"/images/Nav-02-ovr.gif"});
		},
		function () {
			$("#02").attr({src:"/images/Nav-02.gif"});
		}
		);
	}
	
	if (z!=3){
		$("#03").hover( function () { 
			$("#03").attr({src:"/images/Nav-03-ovr.gif"});
		},
		function () {
			$("#03").attr({src:"/images/Nav-03.gif"});
		}
		);
	}
	
	if (z!=4){
		$("#04").hover( function () { 
			$("#04").attr({src:"/images/Nav-04-ovr.gif"});
		},
		function () {
			$("#04").attr({src:"/images/Nav-04.gif"});
		}
		);
	}
	
	if (z!=5){
		$("#05").hover( function () { 
			$("#05").attr({src:"/images/Nav-05-ovr.gif"});
		},
		function () {
			$("#05").attr({src:"/images/Nav-05.gif"});
		}
		);
	}
	
	if (z!=6){
		$("#06").hover( function () { 
			$("#06").attr({src:"/images/Nav-06-ovr.gif"});
		},
		function () {
			$("#06").attr({src:"/images/Nav-06.gif"});
		}
		);
	}

});