/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////	popularea cu submeniurile din partea dreapta	/////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
	/*var X_td_left = findPosX($('td_left')) ;	
	alert (X_td_left) ;	
	var Width_td_left = getWidth('td_left') ;
	alert (Width_td_left) ;	
	var X_td_middle_top = findPosX($('td_middle_top')) ;	
	alert (X_td_middle_top) ;	
	var Width_td_middle_top = getWidth('td_middle_top') ;
	alert (Width_td_middle_top) ;*/
	
	var X_td_right_submenus = findPosX($('td_right_submenus')) + 15 ;	
	//alert (X_td_right_submenus) ;
	
	//var Height_td_middle_top = getHeight('td_middle_top') ;
	//alert (Height_td_middle_top) ;
	
	var parametri = "sid=" + Math.random() ;
	
	var strHref = window.location.href ;
	parametri += "&curr_url=" + escape(trim(strHref)) ;
	
	//alert (parametri) ;
	
	var url = "../_submenus/_include_submenus.php" ;
	var opt = 	{
					method: 'post',
					parameters: parametri,
					onSuccess:	function(transport) {
									//alert ("success") ;
								},
					onComplete:	function(transport) {
									//alert ("complete") ;
									//alert (transport.responseText) ;
									
									$('td_include_submenus').update(transport.responseText) ;
									
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									//	modificam latimea divurilor ce contin imaginile pt categoriile de submeniuri, in functie de numarul de coloane de celule
									//	obs:	vor fi maxim 2 randuri de celule cu submeniuri;
									
									
									
									//	imaginea titlului pt categoria de submeniuri ce permit la afisarea produselor pe categorii (rochii, fuste, pantaloni, ....)
									var submenu_categorii = $('submenu_categorii').value ;
									if (submenu_categorii == 1)
										$('div_haine_fandoseli').style.width = "50px" ;
									else if (submenu_categorii >= 2) 
										$('div_haine_fandoseli').style.width = "65px" ;
									
									
									//	imaginea titlului pt categoria de submeniuri ce permit afisarea produselor pe culori
									var submenu_culori = $('submenu_culori').value ;
									if (submenu_culori == 1)
										$('div_culori').style.width = "50px" ;
									else if (submenu_culori >= 2) 
										$('div_culori').style.width = "65px" ;
									
									
									//	imaginea titlului pt categoria de submeniuri ce permit afisarea produselor pe intervale de preturi
									var submenu_preturi = $('submenu_preturi').value ;
									if (submenu_preturi == 1)
										$('div_preturi').style.width = "50px" ;
									else if (submenu_preturi >= 2) 
										$('div_preturi').style.width = "65px" ;
									
									
									//	imaginea titlului pt categoria de submeniuri ce permit afisarea ummagumma
									var submenu_ummagumma = $('submenu_ummagumma').value ;
									if (submenu_ummagumma == 1)
										$('div_ummagumma').style.width = "50px" ;
									else if (submenu_ummagumma >= 2) 
										$('div_ummagumma').style.width = "65px" ;
									
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									
									
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									//	pozitionam divurile cu care am lucrat mai sus
									
									//	pozitionare relativa la latura de sus a ferestrei
									
									var Height_td_middle_top = 10 ;
									var divs_top = parseInt(Height_td_middle_top) ;
									$('div_haine_fandoseli').style.top = divs_top + "px" ;
									$('div_culori').style.top = divs_top + "px" ;
									$('div_preturi').style.top = divs_top + "px" ;
									$('div_ummagumma').style.top = divs_top + "px" ;
									
									//	pozitionare relativa la latura din partea stanga a ferestrei
									var divs_left = parseInt(X_td_right_submenus) ;									
									$('div_haine_fandoseli').style.left = divs_left + "px" ;
									
									if (submenu_categorii == 1)
										var width_categorii = 50 ;
									else if (submenu_categorii >= 2) 
										var width_categorii = 65 ;										
									$('div_culori').style.left = divs_left + width_categorii + 5 + "px" ;
									
									if (submenu_culori == 1)
										var width_culori = 50 ;
									else if (submenu_culori >= 2) 
										var width_culori = 65 ;
									$('div_preturi').style.left = divs_left + width_categorii + 5 + width_culori + 5 + "px" ;
									
									if (submenu_preturi == 1)
										var width_preturi = 50 ;
									else if (submenu_preturi >= 2) 
										var width_preturi = 65 ;
									$('div_ummagumma').style.left = divs_left + width_categorii + 5 + width_culori + 5 + width_preturi + 5 + "px" ;
									
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									//	pozitionarea divurilor ce reprezinta submeniurile
									
									var top_divs = Height_td_middle_top + 50 + 10 ;
									var left_divs = X_td_right_submenus ;
									
									//	submeniurile categoriilor de produse								
									var num_of_categorii = $('num_of_categorii').value ;	//	numarul de categorii de produse
									var num_of_rows_categorii = $('submenu_categorii').value ;	//	numarul de randuri pe care vor fi afisate categoriile de produse
									
									if (num_of_rows_categorii == 1) {	//	daca afisam doar pe un singur rand
										var divs = 1 ;	//	variabila ce stocheaza numarul de divuri gasite
										for (var i = 1; i <= num_of_categorii; i++) {	//	luam fiecare div ce contine cate o categorie si le pozitionam unul sub altul
											if (divs == 1) {	//	daca suntem la primul div gasit
												$('div_submenu_categorii_' + i).style.top = top_divs + "px" ;
												$('div_submenu_categorii_' + i).style.left = left_divs + 10 + "px" ;
											} else {
												$('div_submenu_categorii_' + i).style.top = top_divs + (i - 1) * 35 + "px" ;
												$('div_submenu_categorii_' + i).style.left = left_divs + 10 + "px" ;
											}
											divs++ ;											
										}
									}
									else if (num_of_rows_categorii >= 2) {
										var divs = 1 ;	//	variabila ce stocheaza numarul de divuri gasite
										var curr_row = 1 ;	//	numarul randului curent
										if (num_of_rows_categorii == 2)
											var max_num_of_divs_on_row = 9 ;
										else if (num_of_rows_categorii > 2)
											var max_num_of_divs_on_row = Math.ceil(num_of_categorii / 2) ;
										for (var i = 1; i <= num_of_categorii; i++) {	//	luam fiecare div ce contine cate o categorie si le pozitionam unul sub altul
											if (curr_row == 1) {	//	suntem la primul rand
												if (divs == 1) {	//	daca suntem la primul div gasit din primul rand
													$('div_submenu_categorii_' + i).style.top = top_divs + "px" ;
													$('div_submenu_categorii_' + i).style.left = left_divs + "px" ;
												} else {
													$('div_submenu_categorii_' + i).style.top = top_divs + (i - 1) * 35 + "px" ;
													$('div_submenu_categorii_' + i).style.left = left_divs + "px" ;
												}
											} else if (curr_row == 2) {	//	suntem la al doilea rand
												if (divs == max_num_of_divs_on_row + 1) {	//	daca suntem la primul div gasit din cel de-al doilea rand
													$('div_submenu_categorii_' + i).style.top = top_divs + "px" ;
													$('div_submenu_categorii_' + i).style.left = left_divs + 35 + "px" ;
												} else {
													var j = i - max_num_of_divs_on_row ;
													$('div_submenu_categorii_' + i).style.top = top_divs + (j - 1) * 35 + "px" ;
													$('div_submenu_categorii_' + i).style.left = left_divs + 35 + "px" ;
												}
											}
											divs++ ;
											if (divs == max_num_of_divs_on_row + 1)
												curr_row = 2 ;
										}
									}									
									
									//	submeniurile culorilor							
									var num_of_culori = $('num_of_culori').value ;	//	numarul de culori
									var num_of_rows_culori = $('submenu_culori').value ;	//	numarul de randuri pe care vor fi afisate culorile
									if (num_of_rows_categorii == 1)
										var temp_left_culori = 50 + 5 ;
									else if (num_of_rows_categorii == 2)
										var temp_left_culori = 65 + 5 ;
									if (num_of_rows_culori == 1) {
										var divs = 1 ;	//	variabila ce stocheaza numarul de divuri gasite
										for (var i = 1; i <= num_of_culori; i++) {	//	luam fiecare div ce contine cate o categorie si le pozitionam unul sub altul
											if (divs == 1) {	//	daca suntem la primul div gasit
												$('div_submenu_culori_' + i).style.top = top_divs + "px" ;
												$('div_submenu_culori_' + i).style.left = left_divs + temp_left_culori + 10 + "px" ;
											} else {
												$('div_submenu_culori_' + i).style.top = top_divs + (i - 1) * 35 + "px" ;
												$('div_submenu_culori_' + i).style.left = left_divs + temp_left_culori + 10 + "px" ;
											}
											divs++ ;											
										}
									}
									else if (num_of_rows_culori >= 2) {
										var divs = 1 ;	//	variabila ce stocheaza numarul de divuri gasite
										var curr_row = 1 ;	//	numarul randului curent
										if (num_of_rows_culori == 2)
											var max_num_of_divs_on_row = 9 ;
										else if (num_of_rows_culori > 2)
											var max_num_of_divs_on_row = Math.ceil(num_of_culori / 2) ;
										for (var i = 1; i <= num_of_culori; i++) {	//	luam fiecare div ce contine cate o categorie si le pozitionam unul sub altul
											if (curr_row == 1) {	//	suntem la primul rand
												if (divs == 1) {	//	daca suntem la primul div gasit din primul rand
													$('div_submenu_culori_' + i).style.top = top_divs + "px" ;
													$('div_submenu_culori_' + i).style.left = left_divs + temp_left_culori + "px" ;
												} else {
													$('div_submenu_culori_' + i).style.top = top_divs + (i - 1) * 35 + "px" ;
													$('div_submenu_culori_' + i).style.left = left_divs + temp_left_culori + "px" ;
												}
											} else if (curr_row == 2) {	//	suntem la al doilea rand
												if (divs == max_num_of_divs_on_row + 1) {	//	daca suntem la primul div gasit din cel de-al doilea rand
													$('div_submenu_culori_' + i).style.top = top_divs + "px" ;
													$('div_submenu_culori_' + i).style.left = left_divs + temp_left_culori + 35 + "px" ;
												} else {
													var j = i - max_num_of_divs_on_row ;
													$('div_submenu_culori_' + i).style.top = top_divs + (j - 1) * 35 + "px" ;
													$('div_submenu_culori_' + i).style.left = left_divs + temp_left_culori  + 35 + "px" ;
												}
											}
											divs++ ;
											if (divs == max_num_of_divs_on_row + 1)
												curr_row = 2 ;
										}
									}									
									
									
									//	submeniurile intervalelor de preturi							
									var num_of_preturi = $('num_of_preturi').value ;	//	numarul de intervale de preturi
									var num_of_rows_preturi = $('submenu_preturi').value ;	//	numarul de randuri pe care vor fi afisate intervalele de preturi
									if (num_of_rows_culori == 1)
										var temp_left_preturi = temp_left_culori + 50 + 5 ;
									else if (num_of_rows_culori == 2)
										var temp_left_preturi = temp_left_culori + 65 + 5 ;
									if (num_of_rows_preturi == 1) {
										var divs = 1 ;	//	variabila ce stocheaza numarul de divuri gasite
										for (var i = 1; i <= num_of_preturi; i++) {	//	luam fiecare div ce contine cate o categorie si le pozitionam unul sub altul
											if (divs == 1) {	//	daca suntem la primul div gasit
												$('div_submenu_preturi_' + i).style.top = top_divs + "px" ;
												$('div_submenu_preturi_' + i).style.left = left_divs + temp_left_preturi + 10 + "px" ;
											} else {
												$('div_submenu_preturi_' + i).style.top = top_divs + (i - 1) * 35 + "px" ;
												$('div_submenu_preturi_' + i).style.left = left_divs + temp_left_preturi + 10 + "px" ;
											}
											divs++ ;											
										}
									}
									else if (num_of_rows_preturi >= 2) {
										var divs = 1 ;	//	variabila ce stocheaza numarul de divuri gasite
										var curr_row = 1 ;	//	numarul randului curent
										if (num_of_rows_preturi == 2)
											var max_num_of_divs_on_row = 9 ;
										else if (num_of_rows_preturi > 2)
											var max_num_of_divs_on_row = Math.ceil(num_of_preturi / 2) ;
										for (var i = 1; i <= num_of_preturi; i++) {	//	luam fiecare div ce contine cate o categorie si le pozitionam unul sub altul
											if (curr_row == 1) {	//	suntem la primul rand
												if (divs == 1) {	//	daca suntem la primul div gasit din primul rand
													$('div_submenu_preturi_' + i).style.top = top_divs + "px" ;
													$('div_submenu_preturi_' + i).style.left = left_divs + temp_left_preturi + "px" ;
												} else {
													$('div_submenu_preturi_' + i).style.top = top_divs + (i - 1) * 35 + "px" ;
													$('div_submenu_preturi_' + i).style.left = left_divs + temp_left_preturi + "px" ;
												}
											} else if (curr_row == 2) {	//	suntem la al doilea rand
												if (divs == max_num_of_divs_on_row + 1) {	//	daca suntem la primul div gasit din cel de-al doilea rand
													$('div_submenu_preturi_' + i).style.top = top_divs + "px" ;
													$('div_submenu_preturi_' + i).style.left = left_divs + temp_left_preturi + 35 + "px" ;
												} else {
													var j = i - max_num_of_divs_on_row ;
													$('div_submenu_preturi_' + i).style.top = top_divs + (j - 1) * 35 + "px" ;
													$('div_submenu_preturi_' + i).style.left = left_divs + temp_left_preturi  + 35 + "px" ;
												}
											}
											divs++ ;
											if (divs == max_num_of_divs_on_row + 1)
												curr_row = 2 ;
										}
									}
									
									
									//	submeniurile ummagumma						
									var num_of_ummagumma = $('num_of_ummagumma').value ;	//	numarul de ummagumma
									//alert (num_of_ummagumma) ;
									
									var num_of_rows_ummagumma = $('submenu_ummagumma').value ;	//	numarul de randuri pe care vor fi afisate ummagumma
									
									//alert (num_of_rows_ummagumma) ;
									
									if (num_of_rows_preturi == 1)
										var temp_left_ummagumma = temp_left_preturi + 50 + 5 ;
									else if (num_of_rows_preturi == 2)
										var temp_left_ummagumma = temp_left_preturi + 65 + 5 ;
									if (num_of_rows_ummagumma == 1) {
										var divs = 1 ;	//	variabila ce stocheaza numarul de divuri gasite
										for (var i = 1; i <= num_of_ummagumma; i++) {	//	luam fiecare div ce contine cate o categorie si le pozitionam unul sub altul
											if (divs == 1) {	//	daca suntem la primul div gasit
												$('div_submenu_ummagumma_' + i).style.top = top_divs + "px" ;
												$('div_submenu_ummagumma_' + i).style.left = left_divs + temp_left_ummagumma + 10 + "px" ;
											} else {
												$('div_submenu_ummagumma_' + i).style.top = top_divs + (i - 1) * 35 + "px" ;
												$('div_submenu_ummagumma_' + i).style.left = left_divs + temp_left_ummagumma + 10 + "px" ;
											}
											divs++ ;											
										}
									}
									else if (num_of_rows_ummagumma >= 2) {
										var divs = 1 ;	//	variabila ce stocheaza numarul de divuri gasite
										var curr_row = 1 ;	//	numarul randului curent
										if (num_of_rows_ummagumma == 2)
											var max_num_of_divs_on_row = 9 ;
										else if (num_of_rows_ummagumma > 2)
											var max_num_of_divs_on_row = Math.ceil(num_of_ummagumma / 2) ;
										for (var i = 1; i <= num_of_ummagumma; i++) {	//	luam fiecare div ce contine cate o categorie si le pozitionam unul sub altul
											if (curr_row == 1) {	//	suntem la primul rand
												if (divs == 1) {	//	daca suntem la primul div gasit din primul rand
													$('div_submenu_ummagumma_' + i).style.top = top_divs + "px" ;
													$('div_submenu_ummagumma_' + i).style.left = left_divs + temp_left_ummagumma + "px" ;
												} else {
													$('div_submenu_ummagumma_' + i).style.top = top_divs + (i - 1) * 35 + "px" ;
													$('div_submenu_ummagumma_' + i).style.left = left_divs + temp_left_ummagumma + "px" ;
												}
											} else if (curr_row == 2) {	//	suntem la al doilea rand
												if (divs == max_num_of_divs_on_row + 1) {	//	daca suntem la primul div gasit din cel de-al doilea rand
													$('div_submenu_ummagumma_' + i).style.top = top_divs + "px" ;
													$('div_submenu_ummagumma_' + i).style.left = left_divs + temp_left_ummagumma + 35 + "px" ;
												} else {
													var j = i - max_num_of_divs_on_row ;
													$('div_submenu_ummagumma_' + i).style.top = top_divs + (j - 1) * 35 + "px" ;
													$('div_submenu_ummagumma_' + i).style.left = left_divs + temp_left_ummagumma  + 35 + "px" ;
												}
											}
											divs++ ;
											if (divs == max_num_of_divs_on_row + 1)
												curr_row = 2 ;
										}
									}
									
									
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									//	facem vizibile divurile cu care am lucrat mai sus
									var t = setTimeout("show_divs()", 300);
									
									
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
									/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
																		
								},
					onFailure:	function(transport) {
									alert ("Ajax Error - display the submenus from the right -") ;
								}
				}
	new Ajax.Request(url, opt) ;
	
	
function show_divs() {
	$('td_right_submenus').update('') ;
	
	$('div_haine_fandoseli').show() ;
	$('div_culori').show() ;
	$('div_preturi').show() ;
	$('div_ummagumma').show() ;
				
	var num_of_categorii = $('num_of_categorii').value ;
	var num_of_culori = $('num_of_culori').value ;
	var num_of_preturi = $('num_of_preturi').value ;
	var num_of_ummagumma = $('num_of_ummagumma').value ;
	
	//alert ("making visible") ;
	for (var i = 1; i <= num_of_categorii; i++) {	//	luam fiecare div ce contine cate o categorie si le facem vizibile
		//alert (i) ;
		$('div_submenu_categorii_' + i).show() ;
	}
									
	for (var i = 1; i <= num_of_culori; i++) {	//	luam fiecare div ce contine cate o categorie si le facem vizibile
		$('div_submenu_culori_' + i).show() ;
	}
									
	for (var i = 1; i <= num_of_preturi; i++) {	//	luam fiecare div ce contine cate o categorie si le facem vizibile
		$('div_submenu_preturi_' + i).show() ;
	}
	
	var div_relativ = '' ;
	for (var i = 1; i <= num_of_ummagumma; i++) {	//	luam fiecare div ce contine cate o categorie si le facem vizibile
		$('div_submenu_ummagumma_' + i).show() ;
		div_relativ = 'div_submenu_ummagumma_' + i ;
	}	
	
}

function pozitioneaza_menu_submenu() {
	var num_of_ummagumma = $('num_of_ummagumma').value ;
	//alert (num_of_ummagumma) ;
	for (var i = 1; i <= num_of_ummagumma; i++) {	//	luam fiecare div ce contine cate o categorie si le facem vizibile
		$('div_submenu_ummagumma_' + i).show() ;
		div_relativ = 'div_submenu_ummagumma_' + i ;
	}	
	//alert (div_relativ) ;
	var dist_up_down = 80 ;	//	distanta dintre meniurile din partea dreapta si XXX
	var dist_between = 10 ;	//	distanta dintre obiectele XXX
	var Left_div_relativ = parseInt(findPosX($(div_relativ))) ;
	var Top_div_relativ = parseInt(findPosY($(div_relativ))) ;
	var Width_div_relativ = parseInt(getWidth(div_relativ)) ;
	var Height_div_relativ = parseInt(getHeight(div_relativ)) ;	
	
	var Width_img_zaza = parseInt(getWidth('img_zaza')) ;
	var Height_img_zaza = parseInt(getHeight('img_zaza')) ;
	
	var Width_img_current_menu = parseInt(getWidth('img_current_menu')) ;
	var Height_img_current_menu = parseInt(getHeight('img_current_menu')) ;
	
	var Width_div_zaza_text = parseInt(getWidth('div_zaza_text')) ;
	
	var Left_img_zaza = Left_div_relativ + Width_div_relativ - Width_img_zaza ;
	var Top_img_zaza = Top_div_relativ + Height_div_relativ + dist_up_down
	
	$('img_zaza').style.left = Left_img_zaza + "px" ;
	$('img_zaza').style.top = Top_img_zaza + "px" ;
	
	$('input_Left_img_zaza').value = Left_img_zaza ;
	$('input_Top_img_zaza').value = Top_img_zaza ;
	
	var Left_img_current_submenu = Left_img_zaza ;
	var Top_img_current_submenu = Top_img_zaza + Height_img_zaza + dist_between ;
	
	$('img_current_submenu').style.left = Left_img_current_submenu + "px" ;
	$('img_current_submenu').style.top = Top_img_current_submenu + "px" ;
	
	var Left_div_zaza_text = Left_img_current_submenu - dist_between - Width_div_zaza_text ;
	var Top_div_zaza_text = Top_img_current_submenu ;
	
	$('input_Left_div_zaza_text').value = Left_div_zaza_text ;
	$('input_Top_div_zaza_text').value = Top_div_zaza_text ;
	
	$('div_zaza_text').style.left = Left_div_zaza_text + "px" ;
	$('div_zaza_text').style.top = Top_div_zaza_text + "px" ;
	
	var Left_img_current_menu = Left_img_current_submenu - dist_between - Width_img_current_menu ;
	var Top_img_current_menu = Top_img_current_submenu - dist_between - Height_img_current_menu ;
	
	$('img_current_menu').style.left = Left_img_current_menu + "px" ;
	$('img_current_menu').style.top = Top_img_current_menu + "px" ;
	
}