var defaultTabIndex = 0;
var activeMenuItem = false;
function init() {
	$('#remix_bk').fadeIn("slow");

    useLoadingImage('/images/ajax-loader.png');

    // call default content
    initializeList();    
    initTabMenu();
}

	function initTabMenu() {
    	
        var mainMenuObj = document.getElementById('tabMenu');
        var menuItems = mainMenuObj.getElementsByTagName('div');

        for(var no=0;no<menuItems.length;no++){
  			
            if (no==defaultTabIndex)
            {
                menuItems[no].className="activeItem";
                activeMenuItem=menuItems[no]
            }
            else
            {
                menuItems[no].onclick = onClickShowHide;
                menuItems[no].onmouseover = onMouseTab;
                menuItems[no].onmouseout = onMouseTab
            }
        }
    }

 	function onClickShowHide()
	{
        if(activeMenuItem){
            activeMenuItem.className = 'inactiveItem';
            activeMenuItem.onclick = onClickShowHide;
            activeMenuItem.onmouseover = onMouseTab;
            activeMenuItem.onmouseout = onMouseTab
		}

        activeMenuItem = this;
		activeMenuItem.className = 'activeItem';
        activeMenuItem.onclick = '';
        activeMenuItem.onmouseover = '';
        activeMenuItem.onmouseout = '';
        changeModule(activeMenuItem.id);
    }

    function onHistoryBack(tab)
	{
        if(activeMenuItem){
            activeMenuItem.className = 'inactiveItem';
            activeMenuItem.onclick = onClickShowHide;
            activeMenuItem.onmouseover = onMouseTab;
            activeMenuItem.onmouseout = onMouseTab
		}

        activeMenuItem = tab;
		activeMenuItem.className = 'activeItem';
        activeMenuItem.onclick = '';
        activeMenuItem.onmouseover = '';
        activeMenuItem.onmouseout = '';
    }

    function onMouseTab()
    {
        // this.style.backgroundImage="url(/images/m_b1_rollover.jpg)";
        if ( this.className == 'overItem' )
            this.className = 'inactiveItem';
        else
            this.className = 'overItem';
    }

    
    
    function focusOn(focusOnTab) {
    	var mainMenuObj = document.getElementById('tabMenu');
        var menuItems = mainMenuObj.getElementsByTagName('div');
		
        for(var no=0;no<menuItems.length;no++){
  			
            if (no==focusOnTab)
            {
                menuItems[no].className="activeItem";
                menuItems[no].onclick = "";
                menuItems[no].onmouseover = "";
                menuItems[no].onmouseout = "";
                activeMenuItem=menuItems[no]
            }
            else
            {
            	menuItems[no].className="";
                menuItems[no].onclick = onClickShowHide;
                menuItems[no].onmouseover = onMouseTab;
                menuItems[no].onmouseout = onMouseTab
            }
        }
    	
    }