var AppInit = {
    init: function()
    {
        AppInit.setupSearchBox();
        AppInit.setupFloorPlanner();
    },

    setupSearchBox: function()
    {
        var route_box = $('route_panel');
        if( route_box ){
            hideElement(route_box);
        }
        var search_tag = $('search_tag');
        var route_tag = $('route_tag');
        if( search_tag ){
            connect( search_tag, 'onclick', App.showSearchPanel );
        }
        if( route_tag ){
            connect( route_tag, 'onclick', App.showRoutePanel );
        }
    },

    setupFloorPlanner: function()
    {
        var divs = getElementsByTagAndClassName(null, 'floor_row');
        for( var i = 0; i < divs.length; i ++ ){
            connect( divs[i], 'onmouseenter', App.addHoverClass );
            connect( divs[i], 'onmouseleave', App.delHoverClass );
        }
    }
}

var App = {
    showSearchPanel: function(e) {
        var search_panel = $('search_panel');
        var route_panel = $('route_panel');
        if( search_panel && route_panel ){
            hideElement(route_panel);
            showElement(search_panel);
        }
        var search_container = $('search_container');
        if( search_container ){
            search_container.className = 'right_filled_double_tab search_selected';
        }
    },

    showRoutePanel: function(e) {
        var search_panel = $('search_panel');
        var route_panel = $('route_panel');
        if( search_panel && route_panel ){
            hideElement(search_panel);
            showElement(route_panel);
        }
        var search_container = $('search_container');
        if( search_container ){
            search_container.className = 'right_filled_double_tab route_selected';
        }
    },

    addHoverClass: function(e){
        var src = e.src();
        addElementClass(src, 'sfHover');
    },
    delHoverClass: function(e){
        var src = e.src();
        removeElementClass(src, 'sfHover');
    }
}