function showMenu(index, caller){
	$(caller).parent().parent().children("context").hide();
	$("#contextMenu\\.id\\["+index+"\\]").show();
	$("#crtPageMenu").hide();
	$(caller).parent().children().removeClass("Active");
	$(caller).addClass("Active");
}

function outContext(index){
	$("#contextMenu\\.id\\["+index+"\\]").hide();
	$("#crtPageMenu").show();
	$('.TopItem').removeClass("Active");
	$('.Selected').addClass("Active");
}
function overContext(index){
	$("#contextMenu\\.id\\["+index+"\\]").show();
	$('.TopItem').removeClass("Active");
	$("#TopItem\\.id\\["+index+"\\]").addClass("Active");
}
function menuOut(){
	$('.TopItem').removeClass("Active");
	$('.Selected').addClass("Active");
	$('.context').hide();
	$("#crtPageMenu").show();
}


/****
/*	0	Parent Name
/*	1	Parent dir
/*	2	pages
/*		0 pageName
/*		1 css icon class
/*		2 link
/****/


var pagesArray = [
				[
					"Persoane fizice","PersoaneFizice",[
										new Array("RCA & Carte Verde","rca", "Rca.aspx"),
										new Array("Casco", "casco", "Casco.aspx"),
										new Array("Locuinta", "locuinta", "Casa.aspx"),
										new Array("Calatorii", "calatorii", "Calatorii.aspx"),
										new Array("Raspundere civila", "raspunderecivila","RaspundereCivila.aspx"),
										new Array("Viata", "viata", "Viata.aspx"),
										new Array("Accidente", "accidente", "Accidente.aspx")//,
										//new Array("Altele", "altele", "Altele.aspx")
										]
				], 
				[
					"Persoane juridice","PersoaneJuridice",[
										new Array("Angajati","angajati", "Angajati.aspx"),
										new Array("Auto","auto", "Auto.aspx"),
										new Array("Cladiri si bunuri","cladiri", "BunuriSiCladiri.aspx"),
										new Array("Raspundere civila","raspunderecivila2", "RaspundereCivila.aspx"),
										new Array("Cargo","cargo", "Cargo.aspx"),
										new Array("Credite si garantii","garantii", "GarantiiSiRiscuri.aspx"),
										new Array("Altele","altele", "Altele.aspx")
										]
				],
				[
					"IMM","IMM",[
										new Array("Asigurari IMM","imm", "AsigurariIMM.aspx")
										]
				], 
				[
					"Daune","Daune",[
										new Array("Daune auto","dauneauto", "Auto.aspx"),
										new Array("Daune locuinte","dlocuinta", "BunuriSiCladiri.aspx"),
										new Array("Daune viata","viata","Viata.aspx"),
										new Array("Daune sanatate","dsanatate", "Sanatate.aspx"),
										new Array("Daune calatorii","dmedicale", "Altele.aspx"),
										new Array("Daune accidente","daccidenete", "Accidente.aspx")
										]
				],
				[
					"Companie","Companie",[
										new Array("Istoria noastra","istorie", "IstoriaNoastra.aspx"),
										new Array("Allianz-Tiriac astazi","aztazi", "AllianzTiriacAstazi.aspx"),
										new Array("Organizatia noastra","organizatia", "OrganizatiaNoastra.aspx"),
										new Array("Performantele noastre","performante", "PerformanteleNoastre.aspx"),
										new Array("Comunitate","comunitate", "Comunitate.aspx"),
										new Array("Grupul Allianz","grupul", "GrupulAllianz.aspx"),
										new Array("Biroul de presa","presa", "BiroulDePresa.aspx")
										]
				],
				[
					"Cariere","Cariere",[
										new Array("Lucreaza la Allianz-Tiriac","shake", "LucreazaLaAZT.aspx"),
										new Array("Colaboratori Allianz-Tiriac","colaboratori", "ColaboratoriAZT.aspx"),
										new Array("Posturi disponibile","posturi", "PosturiDisponibile.aspx")
										]
				] 
			];






function writeMenu(selTop, selPage, siteRoot){
	var menuHtml = "";
	menuHtml += '<div class="CrtPageMenu" onmouseout="menuOut()">';
	menuHtml += '<div class="TopMenu">';
	
	for(var i = 0; i < pagesArray.length; i++){
		if(selTop == i){
			if(i==0){
				menuHtml += '<div class="TopItem First Active Selected" id="TopItem.id['+i+']" onmouseover="showMenu('+i+', this)">';
			} else {
				menuHtml += '<div class="TopItem Active Selected" id="TopItem.id['+i+']" onmouseover="showMenu('+i+', this)">';
			}
		} else {
			if(i==0){
				menuHtml += '<div class="TopItem First" id="TopItem.id['+i+']" onmouseover="showMenu('+i+', this)">';
			} else {
				menuHtml += '<div class="TopItem" id="TopItem.id['+i+']" onmouseover="showMenu('+i+', this)">';
			}
		}
		menuHtml +=  pagesArray[i][0] + '</div>';
	}
	menuHtml += '<div class="clear_float"></div></div>';
	// end top menu;
	
	//start crt page
	menuHtml += '<div class="BottomMenu" id="crtPageMenu">';
	for(var i = 0; i < pagesArray.length; i++){
		if(selTop == i){
			for(var j = 0; j < (pagesArray[i][2]).length; j++){
				if(selPage == j){
					menuHtml += '<div class="BottomItem Active Selected" onmouseover="$(this).addClass(\'Active\')" onmouseout="$(this).removeClass(\'Active\')">';
				}
				else{
					menuHtml += '<div class="BottomItem" onmouseover="$(this).addClass(\'Active\')" onmouseout="$(this).removeClass(\'Active\')">';
				}
				menuHtml += '<div class="MenuIcon ' + pagesArray[i][2][j][1] + '"><a href="'+siteRoot+pagesArray[i][1]+'/'+pagesArray[i][2][j][2]+'"><img src="'+siteRoot+'images/empty_pixel.gif" alt=""/></a></div>';
				menuHtml += '<div><a class="MenuText" href="'+siteRoot+pagesArray[i][1]+'/'+pagesArray[i][2][j][2]+'">'+pagesArray[i][2][j][0]+'</a></div>';
				menuHtml += '</div>';
				if(j < 7){
					menuHtml += '<div class="BottomSeparator"></div>';
				}
			}
		}
	}

	menuHtml += '</div><div class="clear_float"></div>';
	
	for(var i = 0; i < pagesArray.length; i++){
		menuHtml += '<div class="BottomMenu context" id="contextMenu.id['+ i +']" onmouseout="outContext('+ i +')" onmouseover="overContext('+ i +')">';
		
			for(var j = 0; j < (pagesArray[i][2]).length; j++){
				if(selTop == i && selPage == j){
					menuHtml += '<div class="BottomItem Active Selected" onmouseover="$(this).addClass(\'Active\')" onmouseout="$(this).removeClass(\'Active\')">';
				}
				else{
					menuHtml += '<div class="BottomItem" onmouseover="$(this).addClass(\'Active\')" onmouseout="$(this).removeClass(\'Active\')">';
				}
				menuHtml += '<div class="MenuIcon ' + pagesArray[i][2][j][1] + '"><a href="'+siteRoot+pagesArray[i][1]+'/'+pagesArray[i][2][j][2]+'"><img src="'+siteRoot+'images/empty_pixel.gif" alt=""/></a></div>';
				menuHtml += '<div><a class="MenuText" href="'+siteRoot+pagesArray[i][1]+'/'+pagesArray[i][2][j][2]+'">'+pagesArray[i][2][j][0]+'</a></div>';
				menuHtml += '</div>';
				if(j < 7){
					menuHtml += '<div class="BottomSeparator"></div>';
				}
			}
		menuHtml += '</div><div class="clear_float"></div>';
	}
	
	menuHtml += '</div>';
	
	$('#MenuWrapper').html(menuHtml);
	
}