/***********************************************
* AnyLink Drop Down Menu- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for full source code
* Modified in http://www.dynamicdrive.com/forums by jscheuer1
* To work with image maps (rect shapes only)
***********************************************/

var menu1 = new Array()
menu1[0] = '<a href="services.aspx" >Overview<\/a>'
menu1[1] = '<a href="publishedrates.aspx" >Published Rates & Consulting Services<\/a>'
menu1[2] = '<a href="spotquotes.aspx" >Automated Spot Quotes<\/a>'
menu1[3] = '<a href="difference.aspx" >CarrierStore Difference<\/a>'
menu1[4] = '<a href="takeatour.aspx" >Take a Tour<\/a>'
menu1[5] = '<a href="links.aspx" >Useful Links</a>'

var menu2 = new Array()
menu2[0] = '<a href="technology.aspx" >Overview<\/a>'
menu2[1] = '<a href="carrierstorexchange.aspx" >CarrierStore xCHANGE<\/a>'
menu2[2] = '<a href="transportation.aspx" >Transportation Management System<\/a>'

var menu3 = new Array()
menu3[0] = '<a href="carrierstore.aspx" >CarrierStore Team<\/a>'
menu3[1] = '<a href="presscoverage.aspx" >Press Coverage<\/a>'
menu3[2] = '<a href="capabilitiesbrochure.aspx" >Capabilities Brochure<\/a>'

var menu4 = new Array()
menu4[0] = '<a href="testimonial.aspx" >Customer Testimonials<\/a>'
menu4[1] = '<a href="casestudy.aspx" >Case Study<\/a>'

var menuwidth = '250px' //default menu width
var menubgcolor = '#94C8E0;' //menu bgcolor
var disappeardelay = 250 //menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick = "yes" //hide menu when user clicks within menu?

/////No further editing needed

var ie4 = document.all
var ns6 = document.getElementById && !document.all
var mapflag = 0

if (ie4 || ns6)
    document.write('<div id="dropmenudiv" style="visibility:hidden;width:' + menuwidth + ';background-color:' + menubgcolor + '" onMouseover="clearhidemenu()" onMouseout="dynamichide(event)"><\/div>')

function getposOffset(what, offsettype) {
    if (what.parentNode && typeof what.parentNode.tagName !== 'undefined' && what.parentNode.tagName.toLowerCase() == 'map') {
        mapflag = 1;
        var ocoords = what.coords.split(',')
        var totaloffset = (offsettype == "left") ? ocoords[0] * 1 : ocoords[3] * 1;
        var mapIm = what.parentNode.parentNode.getElementsByTagName('img')
        for (var i_tem = 0; i_tem < mapIm.length; i_tem++)
            if (mapIm[i_tem].getAttribute('usemap', 0) && mapIm[i_tem].getAttribute('usemap', 0).replace(/^.*(#.*)/g, '$1') == '#' + what.parentNode.name)
            var parentEl = mapIm[i_tem];
    }
    else {
        mapflag = 0;
        var totaloffset = (offsettype == "left") ? what.offsetLeft : what.offsetTop;
        var parentEl = what.offsetParent;
    }
    while (parentEl != null) {
        totaloffset = (offsettype == "left") ? totaloffset + parentEl.offsetLeft : totaloffset + parentEl.offsetTop;
        parentEl = parentEl.offsetParent;
    }
    return totaloffset;
}


function showhide(obj, e, visible, hidden, menuwidth) {
    if (ie4 || ns6)
        dropmenuobj.style.left = dropmenuobj.style.top = -500
    if (menuwidth != "") {
        dropmenuobj.widthobj = dropmenuobj.style
        dropmenuobj.widthobj.width = menuwidth
    }
    if (e.type == "click" && obj.visibility == hidden || e.type == "mouseover")
        obj.visibility = visible
    else if (e.type == "click")
        obj.visibility = hidden
}

function iecompattest() {
    return (document.compatMode && document.compatMode != "BackCompat") ? document.documentElement : document.body
}

function clearbrowseredge(obj, whichedge) {
    var edgeoffset = 0
    if (whichedge == "rightedge") {
        var windowedge = ie4 && !window.opera ? iecompattest().scrollLeft + iecompattest().clientWidth - 15 : window.pageXOffset + window.innerWidth - 15
        dropmenuobj.contentmeasure = dropmenuobj.offsetWidth
        if (windowedge - dropmenuobj.x < dropmenuobj.contentmeasure)
            edgeoffset = dropmenuobj.contentmeasure - obj.offsetWidth
    }
    else {
        var topedge = ie4 && !window.opera ? iecompattest().scrollTop : window.pageYOffset
        var windowedge = ie4 && !window.opera ? iecompattest().scrollTop + iecompattest().clientHeight - 15 : window.pageYOffset + window.innerHeight - 18
        dropmenuobj.contentmeasure = dropmenuobj.offsetHeight
        if (windowedge - dropmenuobj.y < dropmenuobj.contentmeasure) { //move up?
            edgeoffset = dropmenuobj.contentmeasure + obj.offsetHeight
            if ((dropmenuobj.y - topedge) < dropmenuobj.contentmeasure) //up no good either?
                edgeoffset = dropmenuobj.y + obj.offsetHeight - topedge
        }
    }
    return edgeoffset
}

function populatemenu(what) {
    if (ie4 || ns6)
        dropmenuobj.innerHTML = what.join("")
}


function dropdownmenu(obj, e, menucontents, menuwidth) {
    if (window.event) event.cancelBubble = true
    else if (e.stopPropagation) e.stopPropagation()
    clearhidemenu()
    dropmenuobj = document.getElementById ? document.getElementById("dropmenudiv") : dropmenudiv
    populatemenu(menucontents)

    if (ie4 || ns6) {
        showhide(dropmenuobj.style, e, "visible", "hidden", menuwidth)
        dropmenuobj.x = getposOffset(obj, "left")
        dropmenuobj.y = getposOffset(obj, "top")
        dropmenuobj.style.left = dropmenuobj.x - clearbrowseredge(obj, "rightedge") - 1 + "px"
        var oHeight = mapflag ? 0 : obj.offsetHeight + 46
        dropmenuobj.style.top = dropmenuobj.y - clearbrowseredge(obj, "bottomedge") + oHeight + "px"
    }

    return clickreturnvalue()
}

function clickreturnvalue() {
    if (ie4 || ns6) return false
    else return true
}

function contains_ns6(a, b) {
    while (b.parentNode)
        if ((b = b.parentNode) == a)
        return true;
    return false;
}

function dynamichide(e) {
    if (ie4 && !dropmenuobj.contains(e.toElement))
        delayhidemenu()
    else if (ns6 && e.currentTarget != e.relatedTarget && !contains_ns6(e.currentTarget, e.relatedTarget))
        delayhidemenu()
}

function hidemenu(e) {
    if (typeof dropmenuobj != "undefined") {
        if (ie4 || ns6)
            dropmenuobj.style.visibility = "hidden"
    }
}

function delayhidemenu() {
    if (ie4 || ns6)
        delayhide = setTimeout("hidemenu()", disappeardelay)
}

function clearhidemenu() {
    if (typeof delayhide != "undefined")
        clearTimeout(delayhide)
}

if (hidemenu_onclick == "yes")
    document.onclick = hidemenu

