/*******************************************************************************
 * 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
 ******************************************************************************/
var visitus = new Array()
visitus[0] = '<a href="galleries.cfm">Antique Shops/Art Galleries</a>'
visitus[1] = '<a href="boating.cfm">Boating</a>'
visitus[2] = '<a href="deceptionpass.cfm">Deception Pass</a>'
visitus[3] = '<a href="entertainment.cfm">Entertainment</a>'
visitus[4] = '<a href="fishing.cfm">Fishing/Crabbing</a>'
visitus[5] = '<a href="kayaking.cfm">Kayaking</a>'
visitus[6] = '<a href="ferries.cfm">Ride the Ferries</a>'
visitus[7] = '<a href="whalewatching.cfm">Whale Watching</a>'
visitus[8] = '<a href="wildlife.cfm">Watchable Wildlife</a>'

var shopping = new Array()
shopping[0] = '<a href="shopping.cfm">Shop Anacortes</a>'
shopping[1] = '<a href="opensundays.cfm">Open Sundays</a>'
shopping[2] = '<a href="buycloseby.cfm">Buy Close By</a>'

var directions = new Array()
directions[0] = '<a href="directions.cfm">Maps & Directions</a>'
directions[1] = '<a href="transportation.cfm">Transportation</a>'

var viewanacortes = new Array()
viewanacortes[0] = '<a href="epostcards.cfm">E-Postcards</a>'
viewanacortes[1] = '<a href="gallery.cfm">Photo Gallery</a>'
viewanacortes[2] = '<a href="anacortes-video.cfm">Anacortes Videos</a>'

var relocateNav = ['<a href="relocate_community_information.cfm">Doing Business in Anacortes</a>', 
                   '<a href="relocate_index.cfm">Moving to Anacortes</a>'];

// var relocateNav = ['<a href="relocate_asd.cfm">Anacortes School District</a>', 
//                    '<a href="relocate_parks.cfm">Anacortes Parks &amp; Recreation</a>', 
//                    '<a href="relocate_library.cfm">Anacortes Library</a>', 
//                    '<a href="relocate_housing.cfm">Housing</a>',  
//                    '<a href="relocate_military.cfm">Military Discounts</a>', 
//                    '<a href="relocate_churches.cfm">Churches</a>', 
//                    '<a href="relocate_health.cfm">Island Hospital/Health Care Providers</a>',
//                    '<a href="relocate_community_information.cfm">Community information</a>'];

                  
var menuwidth = '100px' // default menu width
var menubgcolor = '#88a7b8' // menu bgcolor
var disappeardelay = 250
// menu disappear speed onMouseout (in miliseconds)
var hidemenu_onclick = "yes" // hide menu when user clicks within menu?
// ///No further editting needed

var ie4 = document.all
var ns6 = document.getElementById && !document.all

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){
    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 = "-500px"
    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") + 140 + "px";
        if (!isIE())
			dropmenuobj.style.top = dropmenuobj.y - obj.offsetHeight + -10 + "px";
		else
			dropmenuobj.style.top = dropmenuobj.y - obj.offsetHeight + 63 + "px";
	}
    
    return clickreturnvalue();
}

function clickreturnvalue(){
    if (ie4 || ns6) 
        return false
    else 
        return true
}

function isIE()
{
	return /msie/i.test(navigator.userAgent) && !/opera/i.test(navigator.userAgent);
}

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