/////////////////////////////////////////////////////
//                                                 //
//  SECTION 5: BROWSER SNIFFER & DOMS                                //
//  ---------------------------------------------  //
//  Document Object switch routine use to          //
//  maintain cross-browser compatibility.          //
//                                                 //
/////////////////////////////////////////////////////


// BROWSER SNIFFER (Sniff out the good and bad browsers)

function Is() {
    var agent = navigator.userAgent.toLowerCase();
    this.major = parseInt(navigator.appVersion);
    this.minor = parseFloat(navigator.appVersion);
    this.ns  = ((agent.indexOf('mozilla')!=-1) && ((agent.indexOf('spoofer')==-1) && (agent.indexOf('compatible') == -1)));
    this.ns2 = (this.ns && (this.major == 2));
    this.ns3 = (this.ns && (this.major == 3));
    this.ns4b = (this.ns && (this.minor < 4.04));
    this.ns4 = (this.ns && (this.major >= 4));
    this.ie   = (agent.indexOf("msie") != -1);
    this.ie3  = (this.ie && (this.major == 2));
    this.ie4  = (this.ie && (this.major >= 4));
    this.op3 = (agent.indexOf("opera") != -1);
    this.win   = (agent.indexOf("win")!=-1);
    this.mac   = (agent.indexOf("mac")!=-1);
    this.unix  = (agent.indexOf("x11")!=-1);
}

var is = new Is();


// DOCUMENT OBJECT SWITCH (Used for building cross_browser functions)

if(is.ns4) {
    doc = "document";
    sty = "";
    htm = ".document"
} else if(is.ie4) {
    doc = "document.all";
    sty = ".style";
    htm = ""
}


function poslayer(){
	layerObj = eval(doc + '["Layer3"]' + sty);
	if(is.ns4) {
		layerObj.left = -32;
	} else if(is.ie4) {
		layerObj.left = 4;
	}
	positionLayer();
}


/////////////////////////////////////////////////////
function positionLayer() {

    glovesObj = eval(doc + '["Gloves1"]' + sty);
    glovesObj.left = 97;
    glovesObj.top = 97;

    gloves2Obj = eval(doc + '["Gloves2"]' + sty);
    gloves2Obj.left = 97;
    gloves2Obj.top = 97;

    gloves3Obj = eval(doc + '["Gloves3"]' + sty);
    gloves3Obj.left = 97;
    gloves3Obj.top = 97;

}
/////////////////////////////////////////////////////

var menu_selection = "gloves";


function menuToggle(selection) {

	positionLayer();
	    btn_up = new Image();
		btn_up.src = "images/btn_up.jpg";
	    btn_dn = new Image();
		btn_dn.src = "images/btn_dn.jpg";


	buttonImg = eval(doc + '["Layer2"]' + '.document');
	buttonImg[menu_selection].src = btn_dn.src;
	buttonImg[selection].src = btn_up.src;
    
    var old_page = eval(menu_selection + "Obj");
    old_page.visibility = "hidden";
	
    var new_page = eval(selection + "Obj");
    new_page.visibility = "visible";

    menu_selection = selection;

}



///////////////////////////////////////////////////////////////