var leftNavBuild = "";
var leftNavArray = new Array();
var leftVoiceArray = new Array();
var l = 0;

function leftNavItem(imgAlt,imgOn,imgOff,imgLink, subWidth)
{
    this.imgAlt = imgAlt;
    this.imgOn = "images/" + imgOn;
    this.imgOff = "images/" + imgOff;
    this.imgLink = imgLink;
    this.subWidth = subWidth;
    this.menuItems = new Array();
    this.menuPages = new Array();
    if(leftNavItem.arguments.length > 5)
    {
        for(var i=5;i<leftNavItem.arguments.length;i++)
        {
            this.menuItems[this.menuItems.length] = leftNavItem.arguments[i];
            i++;
            this.menuPages[this.menuPages.length] = leftNavItem.arguments[i];
        }
    }
    this.leftNavSubItem = leftNavSubItem;
}

function leftNavSubItem(what,where)
{
    this.menuItems[this.menuItems.length] = what;
    this.menuPages[this.menuPages.length] = where;
}

/*** Left Navigation Attributes ***/
// Behaviour Attributes
var leftNavTrans = false;
var leftNavTransOn = "blendTrans(duration=.3)";
var leftNavTransOff = "blendTrans(duration=.1)";
var leftNavSubTrans = "blendTrans(duration=.3)";
var leftNavSubClassOn = "leftSubItemOn";
var leftNavSubClassOff = "leftSubItemOff";
var leftNavSubLeft = 115;
var leftNavSubTop = 0;
var leftVoiceTrans = false;
var leftVoiceTransOn = "blendTrans(duration=.3)";
var leftVoiceTransOff = "blendTrans(duration=.1)";
var leftVoiceSubTrans = "blendTrans(duration=.3)";
var leftVoiceClassOn = "leftVoiceItemOn";
var leftVoiceClassOff = "leftVoiceItemOff";
var leftVoiceImgOn = newImage("images/leftNav_voice_off.gif");
var leftVoiceImgOff = newImage("images/leftNav_voice_off.gif");
var leftVoiceLeft = 125;
var leftVoiceTop = -65;

// Array Items
leftNavArray[l] = new leftNavItem("IEEE1284","leftnav_ieee_on.gif","leftnav_ieee_off.gif","products.asp?cid=280446",150); l++;
leftNavArray[l] = new leftNavItem("Category 5e & Category 6","leftnav_cat_on.gif","leftnav_cat_off.gif","#",150);
	leftNavArray[l].leftNavSubItem("Category 5e","products.asp?cid=280432");
	leftNavArray[l].leftNavSubItem("Category 6","products.asp?cid=280433"); l++;
leftNavArray[l] = new leftNavItem("Fiber Optic","leftnav_fiber_on.gif","leftnav_fiber_off.gif","#",150);
	leftNavArray[l].leftNavSubItem("Media Converters","products.asp?cid=280448");
	leftNavArray[l].leftNavSubItem("Patch Cable","patch.asp"); l++;
leftNavArray[l] = new leftNavItem("Cisco","leftnav_cisco_on.gif","leftnav_cisco_off.gif","products.asp?cid=280458",150); l++;
leftNavArray[l] = new leftNavItem("D-Subminiature","leftnav_serial_on.gif","leftnav_serial_off.gif","#",150);
	leftNavArray[l].leftNavSubItem("DB25","products.asp?cid=280459");
	leftNavArray[l].leftNavSubItem("DB25 Null Modem","products.asp?cid=280460");
	leftNavArray[l].leftNavSubItem("DB37","products.asp?cid=280461");
	leftNavArray[l].leftNavSubItem("DB9","products.asp?cid=280462");
	leftNavArray[l].leftNavSubItem("DB9 Null Modem","products.asp?cid=280463");
	leftNavArray[l].leftNavSubItem("DB9 to DB25","products.asp?cid=280464");
	leftNavArray[l].leftNavSubItem("DB9 to DB25 Null Modem","products.asp?cid=280465"); l++;
/*
leftNavArray[l] = new leftNavItem("Modular","leftnav_modular_on.gif","leftnav_modular_off.gif","#",150);
	leftNavArray[l].leftNavSubItem("Faceplates","faceplates.asp");
	leftNavArray[l].leftNavSubItem("Jacks and Assemblies","jacks.asp");
	leftNavArray[l].leftNavSubItem("Connecting Blocks","products.asp?cid=280437");
	leftNavArray[l].leftNavSubItem("Terminal Blocks","products.asp?cid=280445");
	leftNavArray[l].leftNavSubItem("Junction Blocks","products.asp?cid=280443");l++;
*/
leftNavArray[l] = new leftNavItem("DVI","leftnav_dvi_on.gif","leftnav_dvi_off.gif","products.asp?cid=280447",150); l++;
leftNavArray[l] = new leftNavItem("IEEE 1394 / USB","leftnav_fireusb_on.gif","leftnav_fireusb_off.gif","#",150);
	leftNavArray[l].leftNavSubItem("IEEE 1394","products.asp?cid=280434");
	leftNavArray[l].leftNavSubItem("USB","products.asp?cid=280435"); l++;
leftNavArray[l] = new leftNavItem("Video","leftnav_vid_on.gif","leftnav_vid_off.gif","products.asp?cid=280436",150); l++;
leftNavArray[l] = new leftNavItem("SCSI","leftnav_scsi_on.gif","leftnav_scsi_off.gif","#",150);
	leftNavArray[l].leftNavSubItem("SCSI 1","products.asp?cid=280467");
	leftNavArray[l].leftNavSubItem("SCSI 2","products.asp?cid=280468");
	leftNavArray[l].leftNavSubItem("SCSI 3","products.asp?cid=280469");
	leftNavArray[l].leftNavSubItem("Ultra SCSI","products.asp?cid=280471");
	//leftNavArray[l].leftNavSubItem("Ultra 2","products.asp?cid=280470");
	leftNavArray[l].leftNavSubItem("External / Internal","products.asp?cid=280466"); l++;
leftNavArray[l] = new leftNavItem("Media Converters","leftnav_media_on.jpg","leftnav_media_off.jpg","products.asp?cid=280448",160); l++;
leftNavArray[l] = new leftNavItem("Networking","networking_on.gif","networking_off.gif","#",150);
	//leftNavArray[l].leftNavSubItem("Accessories","products.asp?cid=1808427");
	leftNavArray[l].leftNavSubItem("Ethernet Switches","products.asp?cid=950516");
	leftNavArray[l].leftNavSubItem("Patch Panel & Cable Management","patchpanel.asp");
//"products.asp?cid=280468");
		
	//leftNavArray[l].leftNavSubItem("Tool Center","products.asp?cid=950515"); l++;
//leftNavArray[l] = new leftNavItem("Connectivity Products","leftnav_connect_on.gif","leftnav_connect_off.gif","products.asp?cid=CAT_ID_HERE",150);
//	leftNavArray[l].leftNavSubItem("Test Item 1","products.asp?cid=280467"); l++;

/*****************************/

var leftLastItem = -1;
var leftNavLoaded = false;
function leftNav(item)
{
    if(!leftNavLoaded) return;
    if(leftLastItem != -1) leftNavHide();
    var navApp = navigator.appVersion;
    var effects = (navApp.substring(navApp.indexOf("MSIE")+5,navApp.indexOf("MSIE")+8) >= 5.5 && leftNavTrans);
    var imgState = "leftNav" + item + "on";
    var imgObj = "leftNav" + item;
    var subObj = "leftSub" + item;
    var obj = findObj(imgObj);
    var menu = findObj(subObj);
    if(effects && leftNavTrans)
    {
        obj.style.filter = leftNavTransOn;
        menu.style.filter = leftNavSubTrans;
        obj.filters[0].stop();
        menu.filters[0].stop();
        obj.filters[0].apply();
        menu.filters[0].apply();
        swapImg(imgObj,imgState);
        obj.filters[0].play();
        moveDiv(subObj,getObjX(leftNavSubLeft,obj),getObjY(leftNavSubTop,obj));
        showDiv(subObj);
        menu.filters[0].play();
    }
    else
    {
        swapImg(imgObj,imgState);
        moveDiv(subObj,getObjX(leftNavSubLeft,obj),getObjY(leftNavSubTop,obj));
        showDiv(subObj);
    }
    leftLastItem = item;
}

function leftNavHide()
{
    if(leftLastItem != -1)
    {
        var navApp = navigator.appVersion;
        var effects = (navApp.substring(navApp.indexOf("MSIE")+5,navApp.indexOf("MSIE")+8) >= 5.5);
        var imgState = "leftNav" + leftLastItem + "off";
        var imgObj = "leftNav" + leftLastItem;
        var subObj = "leftSub" + leftLastItem;
        var obj = findObj(imgObj);
        var menu = findObj(subObj);
        if(effects && leftNavTrans)
        {
            obj.style.filter = leftNavTransOff;
            menu.style.filter = leftNavSubTrans;
            obj.filters[0].stop();
            menu.filters[0].stop();
            obj.filters[0].apply();
            menu.filters[0].apply();
            swapImg(imgObj,imgState);
            obj.filters[0].play();
            moveDiv(subObj,getObjX(leftNavSubLeft,obj),getObjY(leftNavSubTop,obj));
            hideDiv(subObj);
            menu.filters[0].play();
        }
        else
        {
            swapImg(imgObj,imgState);        
            hideDiv(subObj);
        }
    }
    leftLastItem = -1;
}

var leftVoiceOpen = false;
function leftVoice(state)
{
    if(!leftNavLoaded) return;
    var navApp = navigator.appVersion;
    var effects = (navApp.substring(navApp.indexOf("MSIE")+5,navApp.indexOf("MSIE")+8) >= 5.5);
    var imgObj = "leftVoiceImg";
    var subObj = "leftVoiceDiv";
    var imgState = (state)?"leftVoiceImgOff":"leftVoiceImgOn";
    var obj = findObj(imgObj);
    var menu = findObj("leftVoiceDiv");
    if(effects && leftVoiceTrans)
    {
        obj.style.filter = (state)?leftVoiceTransOff:leftVoiceTransOn;
        menu.style.filter = leftVoiceSubTrans;
        obj.filters[0].stop();
        menu.filters[0].stop();
        obj.filters[0].apply();
        menu.filters[0].apply();
        swapImg(imgObj,imgState);
        obj.filters[0].play();
        moveDiv(subObj,getObjX(leftVoiceLeft,obj),getObjY(leftVoiceTop,obj));
        (state)?hideDiv(subObj):showDiv(subObj);
        menu.filters[0].play();
    }
    else
    {
        swapImg(imgObj,imgState);
        moveDiv(subObj,getObjX(leftVoiceLeft,obj),getObjY(leftVoiceTop,obj));
        (state)?hideDiv(subObj):showDiv(subObj);
    }
    leftVoiceOpen = (state)?false:true;
}

leftNavBuild = "<div class='leftNav'>\n";
leftNavSubBuild = "";
for(i=0;i<leftNavArray.length;i++)
{
    leftNavSubBuild += "<div id='leftSub"+i+"' class='leftSubs' style='width:"+((leftNavArray[i].menuItems.length==0)?1:leftNavArray[i].subWidth)+"px;'>\n"
    for(j=0;j<leftNavArray[i].menuItems.length;j++)
    {
        leftNavSubBuild += "<div ";
        if(leftNavArray[i].menuItems.length == 1)
        {
            leftNavSubBuild += "class='"+leftNavSubClassOff+"One' onMouseOver=\"this.className='"+leftNavSubClassOn+"One';\" onMouseOut=\"this.className='"+leftNavSubClassOff+"One';\"";
        }
        else if (j == 0)
        {
            leftNavSubBuild += "class='"+leftNavSubClassOff+"Top' onMouseOver=\"this.className='"+leftNavSubClassOn+"Top';\" onMouseOut=\"this.className='"+leftNavSubClassOff+"Top';\"";
        }
        else if (j == leftNavArray[i].menuItems.length - 1)
        {
            leftNavSubBuild += "class='"+leftNavSubClassOff+"Bot' onMouseOver=\"this.className='"+leftNavSubClassOn+"Bot';\" onMouseOut=\"this.className='"+leftNavSubClassOff+"Bot';\"";
        }
        else
        {
            leftNavSubBuild += "class='"+leftNavSubClassOff+"' onMouseOver=\"this.className='"+leftNavSubClassOn+"';\" onMouseOut=\"this.className='"+leftNavSubClassOff+"';\"";
        }
        leftNavSubBuild += " onClick=\"location.href='"+leftNavArray[i].menuPages[j]+"';\">"+leftNavArray[i].menuItems[j]+"</div>\n";
    }
    leftNavSubBuild += "</div>\n";
    leftNavBuild += '<div class="leftNavItem"><a href="'+leftNavArray[i].imgLink+'" onMouseOver="leftNav('+i+',true);"><img src="'+((leftNavOn == i)?leftNavArray[i].imgOn:leftNavArray[i].imgOff)+'" alt="" name="leftNav'+i+'" id="leftNav'+i+'" width="127" height="24" border="0"></a></div>\n';
    eval("var leftNav"+i+"on = newImage('"+leftNavArray[i].imgOn+"')");
    eval("var leftNav"+i+"off = newImage('"+((leftNavOn == i)?leftNavArray[i].imgOn:leftNavArray[i].imgOff)+"')");
}
leftNavBuild += "</div>";
wl(leftNavBuild);

var leftVoiceBuild = '<div id="leftVoiceDiv" class="leftVoice">';
for(i=0;i<leftVoiceArray.length;i++)
{
        if(leftVoiceArray.length == 1)
        {
            leftVoiceBuild += '<div class="'+leftVoiceClassOff+'One" onMouseOver="this.className=\''+leftVoiceClassOn+'One\';" onMouseOut="this.className=\''+leftVoiceClassOff+'One\';" onClick="location.href=\''+leftVoiceArray[i][1]+'\';">'+leftVoiceArray[i][0]+'</div>';
        }
        else if (i == 0)
        {
            leftVoiceBuild += '<div class="'+leftVoiceClassOff+'Top" onMouseOver="this.className=\''+leftVoiceClassOn+'Top\';" onMouseOut="this.className=\''+leftVoiceClassOff+'Top\';" onClick="location.href=\''+leftVoiceArray[i][1]+'\';">'+leftVoiceArray[i][0]+'</div>';
        }
        else if (i == leftVoiceArray.length - 1)
        {
            leftVoiceBuild += '<div class="'+leftVoiceClassOff+'Bot" onMouseOver="this.className=\''+leftVoiceClassOn+'Bot\';" onMouseOut="this.className=\''+leftVoiceClassOff+'Bot\';" onClick="location.href=\''+leftVoiceArray[i][1]+'\';">'+leftVoiceArray[i][0]+'</div>';
        }
        else
        {
            leftVoiceBuild += '<div class="'+leftVoiceClassOff+'" onMouseOver="this.className=\''+leftVoiceClassOn+'\';" onMouseOut="this.className=\''+leftVoiceClassOff+'\';" onClick="location.href=\''+leftVoiceArray[i][1]+'\';">'+leftVoiceArray[i][0]+'</div>';
        }
}
leftVoiceBuild += "</div>";


function leftTrack(e)
{
    var ie=document.all;
    var ns=document.getElementById&&!document.all;
    if (!ie&&!ns) return;
    var obj = (ns)?e.target:event.srcElement;
    var top = (ns)?"HTML":"BODY";
    
    while (obj.tagName != top && obj.className!="leftSubs" && obj.className!="leftNav" && obj.className!="leftVoice" && obj.className!="leftVoiceLink")
    {
        obj=(ns)?obj.parentNode:obj.parentElement;
    }
    
    if (obj.className=="leftNav" || obj.className=="leftSubs" || obj.className=="leftVoice" || obj.className=="leftVoiceLink")
    {
        return false;
    }
    
    if (obj.tagName == top)
    {
        if(leftVoiceOpen) leftVoice(1);
        if(leftLastItem != -1) leftNavHide();
        return false;
    }
}

document.onmousemove = leftTrack;

function leftNavDone()
{
    leftNavLoaded = true;
}

document.onload = leftNavDone();

//prompt("",leftNavSubBuild);