function imageswap(elemId, path, divId, imgtype, prev, next){
var px = "";
var browser = navigator.appName;
var offSet = 32;
var offSetLeft = 778;
var offSetTop = 400;

if ( browser == "Netscape"){ 
	px = "px";
	offSetLeft = 0;
	offSetTop = 90;
	offset=0;
}
var imgpath = document.getElementById("mainhelmet").src;


if (elemId == "viewopposite")
{
	
	
	if (imgpath.indexOf("_f_") > 0)
	{	
		var img = imgpath.substring(0, imgpath.indexOf("_f_"));
		
		path = img + "_r_290x290.jpg"; 
		document.getElementById("mainhelmet").src = path;
		document.getElementById("dropshadow").src = "images/buttons/dropshadow_b.jpg";

	}else if (imgpath.indexOf("_r_") > 0)
	{
		var img = imgpath.substring(0, imgpath.indexOf("_r_"));
		
		path = img + "_f_290x290.jpg";  
		document.getElementById("mainhelmet").src = path;
		document.getElementById("dropshadow").src = "images/buttons/helmet_shadow.gif";
	}
	
	return;

}else{
	
	document.getElementById("mainhelmet").src = "images/helmets/" + path + "/" + imgtype + "_290x290.jpg";
	imgpath = document.getElementById("mainhelmet").src;
	if (imgpath.indexOf("_f_") > 0)
	{
		document.getElementById("hmrightswitch").style.display = "block";
	}else{
		document.getElementById("hmrightswitch").style.display = "none";

	}

	//offSetLeft = parseInt(offSetLeft) + parseInt(document.getElementById(elemId).offsetLeft);
	//offSetTop = parseInt(offSetTop) + (parseInt(document.getElementById(elemId).offsetTop) - offSet);
	
	//document.getElementById("helmet_on").style.left = document.getElementById(elemId).offsetLeft+px;
	//document.getElementById("helmet_on").style.top = document.getElementById(elemId).offsetTop +px;
	document.getElementById(divId).innerHTML = document.getElementById(elemId).alt;
	var parent = document.getElementById("hmhelmets");
	var child = document.getElementById("hmhelmets").firstChild;

	while (child != parent.lastChild)
	{
		
		var id = child.id;
		document.getElementById(id).style.border="1px solid white";
		child = child.nextSibling;
		
	}

	document.getElementById(elemId).style.border="1px solid black";
	//document.getElementById(prev).style.border="1px solid white";
	//document.getElementById(next).style.border="1px solid white";
	//document.getElementById(elemId).focus();
	
}

	if (next != '1' && document.getElementById(next) != null)
	{
		document.getElementById("prev").innerHTML="<img src=\"images/buttons/left_arrow_on.gif\" alt=\"Next\" width=\"10\" height=\"17\" />";
		var endtemp = document.getElementById(next).src.indexOf("_55x55.jpg");
		var begintemp = document.getElementById(next).src.lastIndexOf("/");
		var nextalt = document.getElementById(next).alt;
		var nextimgpath = document.getElementById(next).src.substring(begintemp+1, endtemp);
		var nextimgId = parseInt(next) + 1;
		document.getElementById("next").innerHTML="<img onMouseOver=\"this.style.cursor='pointer'\" onMouseOut=\"this.style.cursor='default'\" src=\"images/buttons/right_arrow_on.gif\" alt=\"Next\"  onclick=\"javascript:imageswap('" + next + "', '" + path + "', '" + divId + "', '" + nextimgpath + "','" + elemId + "','" + nextimgId + "');\" width=\"10\" height=\"17\" />";
		document.getElementById(next).style.border="1px solid white";
	
	}else{
		document.getElementById("next").innerHTML="<img src=\"images/buttons/right_arrow_off.gif\" alt=\"Next\" width=\"10\" height=\"17\" />";
	}

	if (parseInt(elemId) == 1){
		document.getElementById("prev").innerHTML="<img src=\"images/buttons/left_arrow_off.gif\" alt=\"Next\" width=\"10\" height=\"17\" />";
	
	}else{
		var prevendtemp = document.getElementById(prev).src.indexOf("_55x55.jpg");
		var prevbegintemp = document.getElementById(prev).src.lastIndexOf("/");
		var prevalt = document.getElementById(prev).alt;
		var previmgId = parseInt(prev) - 1 ;
		document.getElementById(prev).style.border="1px solid white";
		var previmgpath = document.getElementById(prev).src.substring(prevbegintemp+1, prevendtemp);
		document.getElementById("prev").innerHTML="<img onMouseOver=\"this.style.cursor='pointer'\" onMouseOut=\"this.style.cursor='default'\" src=\"images/buttons/left_arrow_on.gif\" alt=\"Prev\"  onclick=\"javascript:imageswap('" + prev + "', '" + path + "', '" + divId + "', '" + previmgpath + "','" + previmgId + "','" + elemId + "');\" width=\"10\" height=\"17\" />";
		
		
	}

}

function imageborder(elemId){
	
	document.getElementById(elemId).style.border="1px solid white";
	//document.getElementById(elemId).stlye.border-color="#FFFFFF";
	//alert("test");
}