// FUNCTII PENTRU MENIUL AST ///////////////////////////////////////////


// Pentru includere se adauga in zona head:
//   <script language="javascript" src="menueffects.js"></script>
// si se schimba calea daca se pune scriptul in folder




// Functia pentru schimbarea imaginilor din background /////////////////
// pentru cele 3 elemente child ale parintelul link-ului din meniu /////
   
// Sintaxa:
//   <div class="menu_option1">
//     <div id="mLeft1"></div>
//     <div id="mMiddle1">
//       <a href="#url" 
//        onmouseover="menuhover('mLeft1','mMiddle1','mRight1',1)" 
//        onmouseout="menuhover('mLeft1','mMiddle1','mRight1',0)">TEXT</a>
//     </div>
//     <div id="mRight1"></div>
//   </div>
   
// Functioneaza si pentru onmouseover si pentru onmouseout,
// ultimul parametru e 1 la onmouseover si 0 la onmouseout

function menuhover(leftDivId,middleDivId,rightDivId,state) {

//  In variabila add stocam terminatia imaginii selectate

  var add = '';

// Daca am trimis state 1 atunci se adauga terminatia definita,
// daca nu, se adauga un sir gol (adica nimic)
// ATENTIE! editeaza terminatia sa corespunda cu fisierele, 
// de ex add='_selected'

  if (state == 1) { add = '_blue' }

//  Acum setam stilul background-image la url-ul noii imagini
//  ATENTIE! editeaza calea spre fisier sa corespunda cu calea reala

  document.getElementById(leftDivId).style.backgroundImage = "url(../slices/menu_left"+add+".jpg)";
  document.getElementById(middleDivId).style.backgroundImage = "url(../slices/menu_middle"+add+".jpg)";
  document.getElementById(rightDivId).style.backgroundImage = "url(../slices/menu_right"+add+".jpg)";
}


function findPos(obj) {
	var curleft = curtop = 0;
	if (obj.offsetParent) {
		curleft = obj.offsetLeft
		curtop = obj.offsetTop
		while (obj = obj.offsetParent) {
			curleft += obj.offsetLeft
			curtop += obj.offsetTop
		}
	}
	return [curleft,curtop];
}




// Functia pentru mutarea submeniului //////////////////////////////////
// aliniat cu marginea dreapta la marginea dreapta a butonului din meniu

//   Se adauga:
//  - in tag-ul body:
//      <body onload="submenumove()">
//  - id-urile din butonul sursa al paginii au Selected in loc de numar:
//      <div class="mLeft" id="mLeftSelected"></div>
//      <div class="mMiddle" id="mMiddleSelected"> ........</div>
//      <div class="mRight" id="mRightSelected"></div>
//  - in divul cu partea dreapta a submeniului adauga si id langa clasa:
//      <div class="menu_suboption_right" id="menu_suboption_right">

function submenumove() {

//  Setam variabile pentru limita stanga si latimea meniului si a 
//  ultimului div din submeniu
  var mainMenuItem = document.getElementById('menu_optionSelected');
  var subMenuItem = document.getElementById('subMenuOptions');

  if ((mainMenuItem == null) || (subMenuItem == null))
  {
	return;
  }
  var mainMenuPos = findPos(mainMenuItem);
  var subMenuPos = findPos(subMenuItem);

  var ml = mainMenuPos[0];
  var mw = mainMenuItem.clientWidth;
  var dl = subMenuPos[0];
  var dw = subMenuItem.clientWidth + 20;
  var shift = mw + ml - dw - dl;

//  Repozitionam marind marginea dreapta a submeniului
   if (shift>0)
      document.getElementById('submenu').style.marginLeft = shift + "px";
}
