﻿if (!everylittlebit) var everylittlebit = {};

everylittlebit.page = {

    featureCount: 0,
    featurePause: 6,    // seconds
    currentTimeout: null,
    
    featureClip: false,
    featureDims: null,
    
    featureData: null,
    
    handleReady : function() {
        $("#Body img[usemap]").each(function(){
            var $this = $(this);
            var img = $(this).get(0);
            
            var hoverImages = {};
            hoverImages.com = {};
            hoverImages.res = {};
            hoverImages.com.Washington = new Image();
            hoverImages.com.Washington.src = img.src.replace(/\w+\.png/, "StatesMapComWA.png");
            hoverImages.com.Idaho = new Image();
            hoverImages.com.Idaho.src = img.src.replace(/\w+\.png/, "StatesMapComID.png");
            hoverImages.com.Oregon = new Image();
            hoverImages.com.Oregon.src = img.src.replace(/\w+\.png/, "StatesMapComOR.png");
            hoverImages.res.Washington = new Image();
            hoverImages.res.Washington.src = img.src.replace(/\w+\.png/, "StatesMapResWA.png");
            hoverImages.res.Idaho = new Image();
            hoverImages.res.Idaho.src = img.src.replace(/\w+\.png/, "StatesMapResID.png");
            hoverImages.res.Oregon = new Image();
            hoverImages.res.Oregon.src = img.src.replace(/\w+\.png/, "StatesMapResOR.png");
            
            img.hoverImages = hoverImages;
            img.originalSrc = img.src;                        
        });
        $("#Body map area").each(function(){
        
            $(this).hover(function(){
                var $this = $(this);
                var title = $this.attr("title");
                //var code = title.substring(0,2).toUpperCase();
                var name = $this.parent().attr("name");
                var img = $("img[usemap='#" + name + "']").get(0);
                if (img.src.match(/Com/)) {
                    img.src = img.hoverImages.com[title].src;
                } else {
                    img.src = img.hoverImages.res[title].src;
                }
                $this.css("cursor", "pointer");
            },function(){
                var $this = $(this);
                var title = $this.attr("title");
                //var code = title.substring(0,2).toUpperCase();
                var name = $this.parent().attr("name");
                var img = $("img[usemap='#" + name + "']").get(0);
                img.src = img.originalSrc;
                $this.css("cursor", "default");
            });
        });
    }
        
}
$(document).ready(function(){everylittlebit.page.handleReady();});