//MAN NAV ON LEFT

var IgNoreImg = ""; var MIImages = new Array(); MIImages[0] = new Array(); MIImages[0][0] = new Image(); MIImages[0][0].src="/images/nav-profiles-f1.gif"; MIImages[0][1] = new Image(); MIImages[0][1].src="/images/nav-profiles-f2.gif"; MIImages[0][2] = new Image(); MIImages[0][2].src="/images/nav-profiles-f3.gif"; MIImages[1] = new Array(); MIImages[1][0] = new Image(); MIImages[1][0].src="/images/nav-portfolio-f1.gif"; MIImages[1][1] = new Image(); MIImages[1][1].src="/images/nav-portfolio-f2.gif"; MIImages[1][2] = new Image(); MIImages[1][2].src="/images/nav-portfolio-f3.gif"; MIImages[2] = new Array(); MIImages[2][0] = new Image(); MIImages[2][0].src="/images/nav-services-f1.gif"; MIImages[2][1] = new Image(); MIImages[2][1].src="/images/nav-services-f2.gif"; MIImages[2][2] = new Image(); MIImages[2][2].src="/images/nav-services-f3.gif"; MIImages[3] = new Array(); MIImages[3][0] = new Image(); MIImages[3][0].src="/images/nav-noise-f1.gif"; MIImages[3][1] = new Image(); MIImages[3][1].src="/images/nav-noise-f2.gif"; MIImages[3][2] = new Image(); MIImages[3][2].src="/images/nav-noise-f3.gif"; MIImages[4] = new Array(); MIImages[4][0] = new Image(); MIImages[4][0].src="/images/nav-culture-f1.gif"; MIImages[4][1] = new Image(); MIImages[4][1].src="/images/nav-culture-f2.gif"; MIImages[4][2] = new Image(); MIImages[4][2].src="/images/nav-culture-f3.gif"; function SwapOut(event){ var e = event || window.event; e.cancelBubble = true; e.returnValue = false; var ImageId = e.srcElement ? e.srcElement.id : e.target.id
var NumId = ImageId.replace("MI", ""); SwapBackAll(); document.getElementById(ImageId).src=MIImages[NumId][1].src; return;}
function SwapBackAll(){ for(var t=0; t<MIImages.length; t++){ if(IgNoreImg !== "MI"+t){ document.getElementById("MI"+t).src=MIImages[t][0].src;}
}
return;}
function SetStaticMenuNode(id){ document.getElementById(id).src=MIImages[parseInt(id.replace("MI", ""))][2].src; return;}
var MI0HandlerMOut = null; var MI1HandlerMOut = null; var MI2HandlerMOut = null; var MI3HandlerMOut = null; var MI4HandlerMOut = null; var MI0HandlerMOver = null; var MI1HandlerMOver = null; var MI2HandlerMOver = null; var MI3HandlerMOver = null; var MI4HandlerMOver = null; function LoadMainMenu(id){ if(id){ IgNoreImg=id;}else{ IgNoreImg="";}
document.getElementById("MI0").src=MIImages[0][0].src; document.getElementById("MI1").src=MIImages[1][0].src; document.getElementById("MI2").src=MIImages[2][0].src; document.getElementById("MI3").src=MIImages[3][0].src; document.getElementById("MI4").src=MIImages[4][0].src; if(IgNoreImg.length>0)
SetStaticMenuNode(id); for(var t=0; t<MIImages.length; t++){ if(IgNoreImg !== "MI"+t){ eval("MI"+t+"HandlerMOut = Function.createDelegate(document.getElementById(\"MI"+t+"\"), SwapBackAll)"); eval("$addHandler(document.getElementById(\"MI"+t+"\"), 'mouseout', MI"+t+"HandlerMOut)"); eval("MI"+t+"HandlerMOver = Function.createDelegate(document.getElementById(\"MI"+t+"\"), SwapOut)"); eval("$addHandler(document.getElementById(\"MI"+t+"\"), 'mouseover', MI"+t+"HandlerMOver)");}
}
return;}



function CancelEvent(e){
    try{
        var evt=window.event || e //cross browser event object
        if (evt && evt.stopPropagation){ //if stopPropagation method supported
            evt.stopPropagation();
        }else{
            evt.cancelBubble=true
        }
    }catch(er){
    }
}

// SUB MENU

var MAnimations = new Array();

function MdelayMouseOver(a)
{
    CancelEvent();
    clearTimeout(MhideSubMenuTimers[a]);
    document.getElementById('MenuLeft_'+a).className="MMenuLeftOn";
    document.getElementById('MenuMid_'+a).className="MMenuMidOn";
    document.getElementById('MenuRight_'+a).className="MMenuRightOn";
    return;
}


var MhideSubMenuTimers = new Array();
function MhideSubMenu(a)
{
    CancelEvent();
    MhideSubMenuTimers[a] = setTimeout("MDelayhideSubMenu("+a+")", 100);
}


function MDelayhideSubMenu(a){
    CancelEvent();
    clearTimeout(MhideSubMenuTimers[a]);
    document.getElementById('MenuLeft_'+a).className="MMenuLeftOff";
    document.getElementById('MenuMid_'+a).className="MMenuMidOff";
    document.getElementById('MenuRight_'+a).className="MMenuRightOff"; 
    document.getElementById('SubMenu_'+a).style.visibility='hidden';
    return;
}





//Extending the Animator Object

YoYo = function(elementtoanimate,elementtotrigger,start,end,style,speed,menuItemIndex){

    this._element = elementtoanimate;
    this._trigger = elementtotrigger;
    this._start = start;
    this._end = end;
    this._style = style;
    this._speed = speed;
    this._menuItemIndex = menuItemIndex;
    

    var OnMouseOverLBHandler = null;
    var OnMouseOutLBHandler = null;
}

YoYo.prototype = {
 
     Initialize : function() {
       
        this._animator = new Animator({transition: Animator.makeEaseOut(1),duration: this._speed});
        
       
        this._animator.addSubject(new NumericalStyleSubject(this._element, this._style, this._start, this._end));
        
        this.OnMouseOverHandler = Function.createDelegate(this, this.OnMouseOver);
        $addHandler(this._trigger,"mouseover", this.OnMouseOverHandler);
        
        this.OnMouseOutHandler = Function.createDelegate(this, this.OnMouseOut);
        $addHandler(this._trigger,"mouseout", this.OnMouseOutHandler);
       
     },
   
    OnMouseOver : function(e) {
        
        if(this._menuItemIndex){
            MdelayMouseOver(this._menuItemIndex);
        }
      
        this._animator.seekTo(1);
        this.CancelBubble(e);
          
    },


    OnMouseOut : function(e) {
        if(this._menuItemIndex){
            MhideSubMenu(this._menuItemIndex);
        }
        this._animator.seekTo(0);
        this.CancelBubble(e);
    },
    
    CancelBubble : function(e){
        var evt=window.event || e //cross browser event object
        if (evt && evt.stopPropagation){ //if stopPropagation method supported
            evt.stopPropagation();
        }else{
            evt.cancelBubble=true
        }
    }
    
    
}