// Flyout menu script added by Brian Timmer on 9/10/2007
var pastSubMenu="";
var pastMenuItem="";
var time="";

var Y_Adjustment = 30;


function getRealPos(el,which) {
    iPos = 0
    while (el!=null) {
	    iPos += el["offset" + which]
	    el = el.offsetParent
    }
    return iPos
}

function openMainMenu(fo, mi) {
    if (pastSubMenu!="") closeMainMenu();
	
    window.clearTimeout(time);
    var el = document.getElementById(mi);
    var _x = getRealPos(el, "Left");
    var _y = getRealPos(el, "Top");
	
    document.getElementById(fo).style.top = eval(_y + Y_Adjustment) + "px";
    document.getElementById(fo).style.left = eval(_x) + "px";
    document.getElementById(fo).style.display = "block";
	
    pastSubMenu = fo;
    pastMenuItem = mi;
}

function closeMainMenu() {
    document.getElementById(pastSubMenu).style.display = "none";
}

function delayClose() {
    time=window.setTimeout("closeMainMenu()", 200);
}
// END Flyout scripting

// Image Gallery auto wiring by Brian Timmer on 10/5/2007
window.onload = function() {
    if (document.getElementById) {
		var sh = document.getElementById("showcase");
		if (sh != null) {
	        var as = sh.getElementsByTagName("a");          
	        for (var i=0; i<as.length; i++) {
	            if (as[i].className == "product-detail-sm") {
	                as[i].onclick = function() { 
	                    var img = this.getElementsByTagName("img");
	                    if (img.length > 0) {
	                        src = img[0].src.toLowerCase().replace("-small","-medium");
	                        document.getElementById("detail-image").src = src;
	                    }
	                };
	            }
	        }
	        
	        // auto hook up the detail image
	        var di = document.getElementById("detail-image");
	        di.onclick = function() { 
	            src = di.src.toLowerCase().replace("-medium","-large");
	            window.open(src, "", "");
	        };
		}
    }
}