// JavaScript Document
// detect browser 
NS4 = (document.layers) ? 1 : 0; 
IE4 = (document.all) ? 1 : 0; 
// W3C stands for the W3C standard 
W3C = (document.getElementById) ? 1 : 0; 

function makeVisible ( name ) { 
var ele; 
tempbut = "but" + name;

if ( W3C ) { 
ele = document.getElementById(name);
ele5 = document.getElementById(tempbut);

ele1 = document.getElementById("butproductinfo15");
ele2 = document.getElementById("butproductinfo750");
ele3 = document.getElementById("butproductinfo500");
ele4 = document.getElementById("butproductinfo330");

} else if ( NS4 ) { 
ele = document.layers[name]; 
ele5 = document.layers[tempbut];

ele1 = document.layers["butproductinfo15"];
ele2 = document.layers["butproductinfo750"];
ele3 = document.layers["butproductinfo500"];
ele4 = document.layers["butproductinfo330"];

} else { // IE4 
ele = document.all[name]; 
ele5 = document.all[tempbut]; 

ele1 = document.all["butproductinfo15"]; 
ele2 = document.all["butproductinfo750"]; 
ele3 = document.all["butproductinfo500"]; 
ele4 = document.all["butproductinfo330"]; 

} 

	ele1.className = "but15flatcap";
	ele2.className = "but750sportscap";
	ele3.className = "but500flatmsportscap";
	ele4.className = "but330sportscap";
	if(name == "productinfo15")
	{
		ele5.className = "but15flatcaphover";
	}
	if(name == "productinfo750")
	{
		ele5.className = "but750sportscaphover";
	}
	if(name == "productinfo500")
	{
		ele5.className = "but500flatmsportscaphover";
	}
	if(name == "productinfo330")
	{
		ele5.className = "but330sportscaphover";
	}

if ( NS4 ) { 
ele.visibility = "show";	
} else { // IE4 & W3C & Mozilla 
ele.style.visibility = "visible"; 
ele.style.display = "block"; 
} 
} 

function makeInvisible ( name ) { 

if (W3C) { 
document.getElementById(name).style.visibility = "hidden"; 
document.getElementById(name).style.display = "none"; 
} else if (NS4) { 
document.layers[name].visibility = "hide"; 
} else { 
document.all[name].style.visibility = "hidden"; 
document.all[name].style.style.display = "none"; 
} 
}