var mouseOverBusPosition = {noMenu: 0, carteMenu: 1, tarifMenu: 2};
 
 Ext.onReady(function() {
     var logo = Ext.get('logo');
    logo.on("click", function(){window.location.href = GlobalParams.MakeUrl("/")}, logo);

    var busDiv = Ext.get('bus');
    if(busDiv) {
        busDiv.on("mousemove", busMouseMove, busDiv);
        busDiv.on("mouseout", busMouseOut, busDiv);
        busDiv.on("click", busMouseClick, busDiv);
    }
    var searchBox = Ext.get('searchVal');
    searchBox.on("click", searchBoxCick, searchBox);
    searchBox.on("blur", searchBoxBlur, searchBox);
    searchBox.on("keydown", searchBoxKeydown, searchBox);

    var searchBtn = Ext.get('searchBtn');
    searchBtn.on("click", searchBtnClick, searchBtn);


 });

 function searchBoxCick(evt, el, o)
 {
    el.focus();
    el.select();
 }

 function searchBoxBlur(evt, el, o)
 {
    var text = el.value.replace(/^\s\s*/, '').replace(/\s\s*$/, '');
    if(text == ''){
        el.value = "Rechercher";
    }    
 }

 function searchBoxKeydown(e, t, o)
 {
    if (e.getKey() == 13) {

        searchBtnClick();
        e.stopEvent();
    }
 }

 function searchBtnClick() {
    var val = Ext.get('searchVal').getValue();

    window.location.href = GlobalParams.MakeUrl("/recherche/") + "?q=" + val;
 }

 function getMouseOverBusPos(busDiv, mouseEvent)
 {
    var divXY = busDiv.getXY();
    var mouseXY = mouseEvent.getXY();
    var relX = mouseXY[0] - divXY[0];
    var relY = mouseXY[1] - divXY[1];
    if(relY > 127)
    {
        if(relX < 110)
        {
            return mouseOverBusPosition.carteMenu;
        }
        else
        {
            return mouseOverBusPosition.tarifMenu;
        }

    }
    else
    {
        return mouseOverBusPosition.noMenu
    }
 }

 
 function busMouseClick(evt, el, o)
 {
    switch(getMouseOverBusPos(this, evt))
    {
        case mouseOverBusPosition.carteMenu:
            window.location.href = GlobalParams.MakeUrl('carte');
            break;
        case mouseOverBusPosition.tarifMenu:
            window.location.href = GlobalParams.MakeUrl('tarifs');
            break;
    }
 }
 function busMouseMove(evt, el, o)
 {
    switch(getMouseOverBusPos(this, evt))
    {
        case mouseOverBusPosition.noMenu:
            busMouseOut();
            break;
        case mouseOverBusPosition.carteMenu:
            Ext.version ? Ext.get('mnuTarif').removeClass("navBkHover") : Ext.get('mnuTarif').removeCls("navBkHover");
            Ext.version ? Ext.get('mnuCarte').addClass("navGrHover") : Ext.get('mnuCarte').addCls("navGrHover");
            this.setStyle({cursor:'pointer'});
            break;
        case mouseOverBusPosition.tarifMenu:
            Ext.version ? Ext.get('mnuCarte').removeClass("navGrHover") : Ext.get('mnuCarte').removeCls("navGrHover");
            Ext.version ? Ext.get('mnuTarif').addClass("navBkHover") : Ext.get('mnuTarif').addCls("navBkHover");
            this.setStyle({cursor:'pointer'});
            break;
    }
 }

 function busMouseOut()
 {
     Ext.get('bus').setStyle({cursor:'default'});
     Ext.version ? Ext.get('mnuCarte').removeClass("navGrHover") : Ext.get('mnuCarte').removeCls("navGrHover");
     Ext.version ? Ext.get('mnuTarif').removeClass("navBkHover") : Ext.get('mnuTarif').removeCls("navBkHover");
 }