/* *** Array for Submenu Item Count *****/
var submenu_array = new Array();
submenu_array[1] = 3;
submenu_array[2] = 3;
submenu_array[3] = 2;
submenu_array[4] = 0;
submenu_array[5] = 0;
submenu_array[6] = 0;
submenu_array[7] = 0;
submenu_array[8] = 2;

/* *** Array for the a href submenu Strings *****/
var submenu_string_array = new Array();

submenu_string_array[1] = new Array();
submenu_string_array[1][0] = 'kopieUndDruck'
submenu_string_array[1][1] = 'kopierkarten'
submenu_string_array[1][2] = 'diplomarbeitenUndDissertationen'

submenu_string_array[2] = new Array();
submenu_string_array[2][0] = 'spiralbindung'
submenu_string_array[2][1] = 'thermobindung'
submenu_string_array[2][2] = 'kalenderbindung'

submenu_string_array[3] = new Array();
submenu_string_array[3][0] = 'transferdruck'
submenu_string_array[3][1] = 'flexUndFlockdruck'

submenu_string_array[8] = new Array();
submenu_string_array[8][0] = 'kontakt'
submenu_string_array[8][1] = 'anfrage'

/*
 * TODO: submenu for kontakt
 */


default_menu ='';
default_sub_menu ='';


 /* The Function submenu() gets the ID of the MainMenuPoint which was hovert
  * then it sets the Code of the right Submenu and sets the global Variable
  * and the Time for Submenu-Hovering-effect
  */
function submenu(topMenuId){
    var submenu_div = document.getElementById('submenu');
	var innerString = '<ul class="inner_Sub'+topMenuId+'" id="'+ topMenuId +'">';


	if(topMenuId >= 1 && topMenuId <= 8)
	{
		for(var i=0; i < submenu_array[topMenuId]; i++){
            innerString += '<li class="menu_item smi'+i;
            if(default_sub_menu == i && topMenuId == default_menu)
                innerString += '_a';
            innerString += '"><a href="';
            innerString += submenu_string_array[topMenuId][i] + '.php';
            innerString += '"><span>';
            innerString += submenu_string_array[topMenuId][i];
            innerString += '</span></a></li>';
		}
	}

	innerString += '</ul>';
	submenu_div.innerHTML = innerString;
}

 /* The Function load_default_menu() just loads the right Menu with the
  * default_menu Variable and the submenu(int) function
  */
function load_default_menu(){
        submenu(default_menu);
}

 /* JQuery ftw
  */
$(document).ready(function() {
    $("div#main_menu_container").mouseleave(function(){load_default_menu()});
});
 /* The Function set_default_menu() gets the ID of the Main_container
  * It is saved in the golbal Variable 'default_menu'
  * And this Variable is used for the Menu later
  */
function set_default_menu(){
    var container_name = document.getElementById('main_page').getElementsByTagName("*")[0].id;
    //The Top id Number is the 15th char - > 'main_container_X'
    default_menu = parseInt(container_name[15]);

    //The Sub id Number is the 16th char - > 'main_container_XY'
    //if there is no SubId Y is a Point so default_sub_menu gets NaN and we
    //set it to an empty String
    default_sub_menu = parseInt(container_name[16]);
    submenu(default_menu);
}