// This function changes the Bottom image depending up on the category in focus.
function changeCatImage(idwhat)
{
	var ImageSrc
	var ImageName
	
	switch(idwhat)
	{
		case 'Divisions':
			ImageName = 'rolloverdiv.jpg'
			break
		case 'Products':
			ImageName = 'rolloverpro.jpg'
			break
		case 'Services':
			ImageName = 'rolloverserv.jpg'
			break
		case 'Industries':
			ImageName = 'rolloverind.jpg'
			break
		case 'Default':
			ImageName = 'rolloverdef.jpg'
			break
	}
	
	ImageSrc = "images/home/" + ImageName
	document.all.item('rollover').src = ImageSrc;
	
}
function highlighttext(whichway,idwho)
{
	if (whichway == "IN")
		document.all.item(idwho).style.color = "rgb(197,0,0)"
	else
		document.all.item(idwho).style.color = "rgb(255,102,0)"
}
// When a category is in focus... change the arrow, display the line and introduction text
function SelectCat(idwhat)
{
	var stext
	var ImageSrc
	var ImageName
	var VerticalLine
	var tdid
	
	var RollOverImageSrc
	var RollOverImageName
	
	tdid = "td" + idwhat
	ImageName = "img" + idwhat
	ImageSrc = "images/home/Categoriesbuttonhl.gif"
	document.all.item(ImageName).src = ImageSrc;
	VerticalLine = "v" + "11" //idwhat
	document.all.item(VerticalLine).style.visibility = 'visible';
	document.all.item(tdid).style.color = "rgb(206,0,0)"
	
	switch (idwhat)
	{
		case 11://WWM
			stext = "From our Houston HQ, we send our equipment and support around the globe."
			stext = stext + " Whether buying, renting or renting-to-own, our customers know they can always depend on our quality and service."
			document.all.item(VerticalLine).height = 159
			document.all.item(VerticalLine).style.top = "360px"//"443px"
			document.all.item(VerticalLine).style.left = "8px"
			RollOverImageName = "rolloverwwm.jpg"
			break
		case 12://WRS
			stext = "Our large fleet of late-model equipment gives us the flexibility to provide what you need, when you need it."
			document.all.item(VerticalLine).height = 134
			document.all.item(VerticalLine).style.top =  "385px"//"468px"
			document.all.item(VerticalLine).style.left = "8px"
			RollOverImageName = "rolloverwrs.jpg"
			break
		case 13://WMPD
			stext = "We specialize in providing the entire spread of equipment necessary to support a pipeline project - large or small,"
			stext = stext + " international or domestic - on a lease, sale or rental-purchase-option basis."
			document.all.item(VerticalLine).height = 107
			document.all.item(VerticalLine).style.top =  "412px"//"495px"
			document.all.item(VerticalLine).style.left = "8px"
			RollOverImageName = "rolloverwmpd.jpg"
			break
		case 14://Superior
			stext = "We manufacture the highest quality equipment and ancillary products for pipeline construction industry, including kits for "
			stext = stext + "converting mechanical side booms and tractors to hydraulic-controlled side booms."
			document.all.item(VerticalLine).height = 67
			document.all.item(VerticalLine).style.top =  "450px"//"533px"
			document.all.item(VerticalLine).style.left = "8px"
			RollOverImageName = "rolloversuperior.jpg"
			break
		case 15://Superior Water
			stext = "We specialize in producing the highest quality products for water supply applications in the civil construction industry."
			document.all.item(VerticalLine).height = 45
			document.all.item(VerticalLine).style.top =  "474px"//"557px"
			document.all.item(VerticalLine).style.left = "8px"
			RollOverImageName = "rolloversuperiorw.jpg"
			break
		case 16://OEM
			stext = "We collaborate with our customers to design and fabricate customized equipment using component vehicles "
			stext = stext + "and machinery specially adapted to suit the job at hand."
			document.all.item(VerticalLine).height = 21
			document.all.item(VerticalLine).style.top =  "498px"//"581px"
			document.all.item(VerticalLine).style.left = "8px"
			RollOverImageName = "rolloversuperioroem.jpg"
			break
		case 21://For Sale
			stext = "Our prices are competitive, our inventory includes newly manufactured as well as pre-owned equipment, and we can assist you in obtaining financing."
			document.all.item(VerticalLine).height = 159
			document.all.item(VerticalLine).style.top =  "360px"//"443px"
			document.all.item(VerticalLine).style.left = "206px"//"208px"
			RollOverImageName = "rolloversale.jpg"
			break
		case 22: //For Rent // Under Construction link img location (330,460)
			stext = "To accommodate the demands of your project, we offer a standard rental arrangement, payable monthly, and a rental-purchase option, applying rental fees toward the purchase of the machine."
			document.all.item(VerticalLine).height = 133
			document.all.item(VerticalLine).style.top =  "386px"//"469px"
			document.all.item(VerticalLine).style.left = "206px"//"208px"
			//displayUC(330,377)//displayUC(330,460)
			RollOverImageName = "rolloverrent.jpg"
			break
		case 23://Attachments // Under Construction link img location (330,485)
			stext = "Many machines we rent or sell can be reconfigured using a selection of our available attachments. This adds flexibility and increases utility to our customers."
			document.all.item(VerticalLine).height = 106
			document.all.item(VerticalLine).style.top =  "413px"//"496px"
			document.all.item(VerticalLine).style.left = "206px"//"208px"
			//displayUC(330,402)//displayUC(330,485)
			RollOverImageName = "rolloveratt.jpg"
			break
		case 24://Parts // Under Construction link img location (330,515)
			stext = "You can check the status of your order for parts using our online capabilities."
			document.all.item(VerticalLine).height = 79
			document.all.item(VerticalLine).style.top =  "440px"//"523px"
			document.all.item(VerticalLine).style.left = "206px"//"208px"
			//displayUC(330,432)//displayUC(330,515)
			RollOverImageName = "rolloverparts.jpg"
			break
		case 25:// SUPERIOR Products
			stext = "Our wholly-owned manufacturing subsidiary produces highly-specialized equipment and accessories for the pipeline construction industry."
			document.all.item(VerticalLine).height = 51
			document.all.item(VerticalLine).style.top =  "467px"//"550px"
			document.all.item(VerticalLine).style.left = "206px"//"208px"
			RollOverImageName = "rolloversuppro.jpg"
			break
		case 31:
			stext = "Log-in to access your password-protected account, and view your current activity and details of past transactions.  You can earn bonus points that entitle you to free merchandise and other great benefits."
			document.all.item(VerticalLine).height = 160
			document.all.item(VerticalLine).style.top =  "360px"//"443px"
			document.all.item(VerticalLine).style.left = "398px"//"396px"
			RollOverImageName = "rollover.jpg"
			break
		case 32:
			stext = "You can order online and view your Cart's content using our secure transaction capability."
			document.all.item(VerticalLine).height = 133
			document.all.item(VerticalLine).style.top =  "387px"//"470px"
			document.all.item(VerticalLine).style.left = "398px"//"396px"
			RollOverImageName = "rollover.jpg"
			break
		case 33://Support // Under Construction link img location 
			stext = "Ask about built-in equipment financing; warranties; on-site maintenance programs; and online access to parts books, instruction manuals and regulatory information."
			document.all.item(VerticalLine).height = 159
			document.all.item(VerticalLine).style.top =  "362px"//"445px"
			document.all.item(VerticalLine).style.left = "398px"//"396px"
			//displayUC(510,355)//displayUC(510,438)
			RollOverImageName = "rolloversupport.jpg"
			break
		case 34://Downloads  // Under Construction link img location (510,465)
			stext = "Our customers have the option to download the Catalogues and Brochures"
			document.all.item(VerticalLine).height = 131
			document.all.item(VerticalLine).style.top =  "390px"//"473px"
			document.all.item(VerticalLine).style.left = "398px"//"396px"
			//displayUC(510,382)//displayUC(510,465)
			RollOverImageName = "rolloverdownload.jpg"
			break
		case 35://ContactUS
			stext = "Call, write or e-mail us -- we're ready to help with your project!  Click here for the address, telephone and e-mail contact information for all our locations worldwide."
			document.all.item(VerticalLine).height = 53
			document.all.item(VerticalLine).style.top =  "467px"//"550px"
			document.all.item(VerticalLine).style.left = "398px"//"396px"
			RollOverImageName = "rollovercontact.jpg"
			break
		case 36://About Us
			stext = "We rent and sell heavy equipment you need, and we've been doing it right since 1966. We'll go anywhere in the world to equip your crew and keep them productive until your job's complete."
			document.all.item(VerticalLine).height = 25
			document.all.item(VerticalLine).style.top =  "495px"//"578px"
			document.all.item(VerticalLine).style.left = "398px"//"396px"
			RollOverImageName = "rolloverabout.jpg"
			break
		case 37://Sell/Trade your equipment // Under Construction link img location (510,500)
			stext = "If you have machinery to sell or trade, let us know.  Our extensive industry contacts and fifty years of experience with heavy equipment can work to your benefit."
			document.all.item(VerticalLine).height = 99
			document.all.item(VerticalLine).style.top =  "423px"//"506px"
			document.all.item(VerticalLine).style.left = "398px"//"396px"
			//displayUC(510,417)//displayUC(510,500)
			RollOverImageName = "rolloverselltrade.jpg"
			break
		case 41:// Heavy Construction and Mining
			stext = "Our equipment is versatile and durable enough to handle the roughest terrains and the most challenging climates your industry faces."
			document.all.item(VerticalLine).height = 157
			document.all.item(VerticalLine).style.top =  "362px"//"445px"
			document.all.item(VerticalLine).style.left = "582px"//"575px"
			RollOverImageName = "rolloverhc.jpg"
			break
		case 42:// Cranes and Heavy Lifting
			stext = "You can configure our late-model, low-hour cranes for optimum strength and the stability demanded by your job's site."
			document.all.item(VerticalLine).height = 116
			document.all.item(VerticalLine).style.top = "403px"//"486px"
			document.all.item(VerticalLine).style.left = "582px"//"575px"
			RollOverImageName = "rollovercranes.jpg"
			break
		case 43://Pipeline Industry
			stext = "We're working alongside you throughout every phase of a pipeline project, whether your job is new construction, infrastructure replacement or maintenance."
			document.all.item(VerticalLine).height = 91
			document.all.item(VerticalLine).style.top =  "428px"//"511px"
			document.all.item(VerticalLine).style.left = "582px"//"575px"
			RollOverImageName = "rolloverpipeline.jpg"
			break
		case 44://Water Support
			stext = "When your problem is the water supply for your remote job site, the solution is in our fleet of Superior Quick-Water Portable Water Towers."
			document.all.item(VerticalLine).height = 66
			document.all.item(VerticalLine).style.top =  "453px"//"536px"
			document.all.item(VerticalLine).style.left = "582px"//"575px"
			RollOverImageName = "rolloverwatersup.jpg"
			break
		case 45:// Other Support Equipment
			stext = "We can supply generators, pumps, drills, compressors, discs, light towers, service trucks - any auxiliary equipment you can describe, we can provide!"
			document.all.item(VerticalLine).height = 41
			document.all.item(VerticalLine).style.top =  "478px"//"561px"
			document.all.item(VerticalLine).style.left = "582px"//"575px"
			RollOverImageName = "rolloverothersup.jpg"
			break
	}
	//document.all.item(VerticalLine).style.visibility = 'visible';
	rollovertext.innerText = stext
	RollOverImageSrc = "images/home/" + RollOverImageName
	document.all.item('rollover').src = RollOverImageSrc;
}
function displayUC(xposition,yposition)
{
	document.all.item('imgUC').style.left = xposition + "px"
	document.all.item('imgUC').style.top =  yposition + "px"
	document.all.item('imgUC').style.visibility = 'visible';
	//document.all.item('imgUC').style.width = 55
	//document.all.item('imgUC').style..height = 15
}
// When a category is out of focus, changing it back to the original format
function deSelectCat(idwhat)
{
	var stext
	var ImageSrc
	var ImageName
	var VerticalLine
	var tdid
	
	tdid = "td" + idwhat
	ImageName = "img" + idwhat
	if ((idwhat == 21) || (idwhat == 22)||(idwhat == 11) || (idwhat == 12)|| (idwhat == 13)|| (idwhat == 14)|| (idwhat == 15)|| (idwhat == 16))
	{
		document.all.item(tdid).style.color = "rgb(255,126,0)"
	}
	else
	{
		document.all.item(tdid).style.color = "rgb(77,77,77)"
	}
	
	ImageSrc = "images/home/Categoriesbutton2.gif"
	document.all.item(ImageName).src = ImageSrc;
	
	VerticalLine = "v" + "11" //idwhat
	document.all.item(VerticalLine).style.visibility = 'hidden';
	document.all.item('imgUC').style.visibility = 'hidden';
	
	stext = "We rent and sell heavy equipment you need, and we've been doing it right since 1966. We'll go anywhere in the world to equip your crew and keep them productive until your job's complete."
	rollovertext.innerText = stext
	
	document.all.item('rollover').src = "images/home/rolloverdef.jpg"
	
}
function initialize(idwhat)
{
	document.all.item("imgBannerExt").src = "images/Home/topban2.jpg"
	document.all.item("imgBannerExt").height = 22
	document.all.item("imgBannerExt").width = 181
}



// For Contact us
function hideTopMenu()// ---- call this in initialize
{
	document.all['Divisions'].style.visibility = 'hidden';
	document.all['Products'].style.visibility = 'hidden';
	document.all['Services'].style.visibility = 'hidden';
	document.all['Industries'].style.visibility = 'hidden';
}

function ChangeTopMenuColor(idwhat, whichway)
{
	if (whichway == "IN")
	{
		document.all.item(idwhat).style.backgroundColor = "rgb(212,125,0)";//"rgb(255,204,0)";
		document.all.item(idwhat).style.borderLeft = "rgb(212,125,0) 2px solid";//"rgb(255,204,0) 2px solid";
		document.all.item(idwhat).style.borderRight = "rgb(231,146,0) 2px solid";// to seperate this cell from the next.
		document.all.item(idwhat).style.color = "rgb(248,236,196)"//"rgb(77,77,77)"
		switch (idwhat)	//show the respective drop down menu
		{
			case 'tdDiv':
				document.all['Divisions'].style.visibility = 'visible';
				break
			case 'tdPro':
				document.all['Products'].style.visibility = 'visible';
				break
			case 'tdSer':
				document.all['Services'].style.visibility = 'visible';
				break
			case 'tdInd':
				document.all['Industries'].style.visibility = 'visible';
				break
		}
	}
	else
	{
		document.all.item(idwhat).style.backgroundColor = "rgb(247,166,0)";
		document.all.item(idwhat).style.borderLeft = "rgb(247,203,24) 2px solid";
		document.all.item(idwhat).style.borderRight = "rgb(231,146,0) 2px solid";
		document.all.item(idwhat).style.color = "rgb(255,255,255)"
		hideTopMenu()
	}
}
function subMenuEffects(idwhat, whichway)
{
	if (whichway == "IN")
	{
		document.all.item(idwhat).style.backgroundImage = "url(images/WMPD/wmpdmenugrad.gif)"
		document.all.item(idwhat).style.color = "rgb(247,166,0)"
	}
	else
	{
		document.all.item(idwhat).style.backgroundImage = "none" //"url(images/Home/searchgradient.gif)"
		document.all.item(idwhat).style.color = "rgb(77,77,77)"
	}
	
}