/************************************************************ 
			  Front-End hecho por Salim Afiune Maya
             	      Lenguaje(s): JavaScript
                           Version 1.0 
                       Derechos Recervados
*************************************************************/
/*********************************************************************** 
  Inicio       Archivo: SMenuFunciones.js
               Accion:  Creacion del Menu.
************************************************************************/
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////					F U N C I O N E S								////////////////////////////////////////////// Salim Afiune Maya ////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

function initPos(){
	XposSM = XVSize;									// Distancia de la derecha del navegador al inicio de la pagina
	YposSM = 0;											// Distancia de arriba del navegador al inicio de la pagina
}			
function ObtenXY () {									// Obtiene las coordenadas (x,y) para la posicion del Menu
	initPos();
	switch(Nivel){
	  case 1:for(var i = 0 ; i < MenuActivoResp ; i++)
			 	XposSM += SMenuWidths[i];
			 YposSM += ALTO_IMG + ALTO_MENU;
	  		 break;
	  case 2:for(var i = 0 ; i < MenuActivoResp + 1 ; i++)
			 	XposSM += SMenuWidths[i];
			 YposSM += ALTO_IMG + ALTO_MENU + (ALTO_ITEM*MenuItemActivo);
	  		 break;
	}
}
function PonMenuXY( m ) {
	ObtenXY();
	var browserName = navigator.appName; 
	if (browserName == 'Microsoft Internet Explorer') // IE
	{ 

		if (document.getElementById) {					//DOM2 browsers
			document.getElementById(m).style.left = XposSM
			document.getElementById(m).style.top = YposSM
		} else if (document.all) {						//IE4+
			document.all[m].style.pixelLeft = XposSM
			document.all[m].style.pixelTop = YposSM
		}
	} else { //FireFox
		document.getElementById(m).style.left = (XposSM-9)+"px"  //-10 para acoplamiendo
		document.getElementById(m).style.top = YposSM+"px"
	}
}
function AccionItem( index , set ) {				// Muestra u Oculta los Menu's
	switch(Nivel){
		case 1:	var menu = "item" + SMenuNames[index];
				break;
		case 2:	var menu = "Sub" + SMenuItemsNames[index+1];				
				break;
	}
	PonMenuXY( menu );								//Posiciona el SubMenu o el ItemMenu a [xpos,ypos]
	if (document.getElementById) 					// DOM2 browsers
		document.getElementById(menu).style.visibility = set;
	else if (document.all)				    		// IE4+
		document.all[menu].style.visibility = set;
}
function PonNivel ( Nivel ){						// Pone el Nivel en el que estan
	if(Nivel < this.Nivel )
		switch(this.Nivel){
			case 2: MenuItemActivo = -1;
					ChecaMenuActivo();	
					break;
			case 3:	if( Nivel == 2 ){		
						this.Nivel = 2;	
						CierraMenus();
					}else if(Nivel == 1 ){
						this.Nivel = 3;
						ChecaMenuActivo();
					}
					break;
		}
	this.Nivel = Nivel;
}
function PonMenuInactivo(){							// Funcion que pone el Menu Inactivo
	if(TiempoMenu)
		clearTimeout(TiempoMenu);
	switch(Nivel){
		case 1:	MenuActivo 	   = -1; 
				break;	
		case 2:	MenuItemActivo = -1; 
				break;	
		case 3:	MenuSubActivo  = -1; 
				break;	
	}
	TiempoMenu = setTimeout('ChecaMenuActivo();',550);	
}
function ChecaMenuActivo(){							// Funcion que checa que si el menu esta activo cierra los menus
	switch(Nivel){
		case 1:	if(MenuActivo == -1)
					CierraMenus();
				break;
		case 2:	if(MenuItemActivo == -1){
					CierraMenus();
					this.Nivel=1;
					ChecaMenuActivo();
				}
				break;
		case 3:	if(MenuSubActivo == -1){
					this.Nivel=2;
					ChecaMenuActivo();
				}
				break;
	}
}
function CierraMenus(){								// Cierra el o los menus necesarios
	switch(Nivel){
		case 1: for( var i = 0 ; i < SMenuNames.length ; i++ )
					AccionItem(i,"hidden");
				 break;
		case 2: for( var i = 0 ; i < SMenuItemsNames.length ; i += 3 )
					AccionItem(i,"hidden");
				break;
	}
}
function PonMenuActivo ( index ) {					// Pone el Menu Actico segun su nivel
	switch(Nivel){
		case 1: if( MenuActivo != index)
					CierraMenus();
				MenuActivo 		= index; 
				MenuActivoResp	= index;
				break;
		case 2: if( MenuItemActivo != index)
					CierraMenus();
				MenuItemActivo 	   = index; 
				break;
		case 3: MenuSubActivo 	   = index; 
				break;
	}
}
function Item( n , c , i){
	PonNivel(n);
	PonMenuActivo(c); 
	if(i != -1)AccionItem(i,"visible");
}
function Menu(){									// Escribimos Items y SubItems a nivel de Navegador 
	var str 	= "";
	var strSub 	= "";
	var ItemNum = 0;
	var SubNum  = 0;
	var Menu	= 0;
	var count,c,tempItemNum,tempSubNum;
	   
	for( Menu = 0 ; Menu < SMenuNames.length ; Menu++ ){		// Escribimos los Items del Menu
		str += '<div class="DivItemMenu" id="item' + SMenuNames[Menu] + '">';
		tempItemNum = ItemNum;
		if( Menu == SMenuItemsNames[tempItemNum])
			str += '<table width="' + SMenuWidths[Menu] + '" cellpadding="0" cellspacing="0" class="TabItemMenu">';
		count = c = 0;		
		while( Menu == SMenuItemsNames[ItemNum] ){
			str += '<tr><td>';
			str += '<a href="' + SMenuItemsNames[ItemNum+2] + '"';			
			str += ' onMouseOver= "javascript: Item(2,' + count + ',' + ItemNum + ');"';
			str += ' onMouseOut = "javascript: PonNivel(2); PonMenuInactivo();"';
			str += '>' + SMenuItemsNames[ItemNum+1] + '</a>';
			str += '</td></tr>';
			/**************************    Se crean sus SubItems    ***********************************************/				
				strSub += '<div class="DivItemMenu" id="Sub' + SMenuItemsNames[ItemNum+1] + '">';
				tempSubNum = SubNum;
				if( Menu == SMenuSubsNames[tempSubNum] && c == SMenuSubsNames[tempSubNum+1] )
					strSub += '<table width="' + SMenuWidths[Menu] + '" cellpadding="0" cellspacing="0" class="TabItemMenu">';
				while( Menu == SMenuSubsNames[SubNum] && c == SMenuSubsNames[SubNum+1] ){
					strSub += '<tr><td>';
					strSub += '<a href="' + SMenuSubsNames[SubNum+3] + '"';
					strSub += '  onMouseOver= "javascript: Item(3,' + SubNum + ',-1);"';
					strSub += '  onMouseOut = "javascript: PonNivel(3); PonMenuInactivo();"';
					strSub += ' >' + SMenuSubsNames[SubNum+2] + '</a>';
					strSub += '</td></tr>';
					SubNum += 4;
				}
				if( Menu == SMenuSubsNames[tempSubNum] && c == SMenuSubsNames[tempSubNum+1] )
					strSub += '</table>';
				strSub += '</div>';
			/******************************************************************************************************/
			ItemNum += 3;
			count += 3;
			c++;
		}
		if(Menu == SMenuItemsNames[tempItemNum])
			str += '</table>';
		str += '</div>';			
	}	
	str += strSub;
	document.write(str);DoResize();
}
function Ventana() { 
  var size = [0, 0]; 
  if (typeof window.innerWidth != 'undefined')  
    size = [ window.innerWidth, window.innerHeight ];  
  else if (typeof document.documentElement != 'undefined' 
      && typeof document.documentElement.clientWidth != 
      'undefined' && document.documentElement.clientWidth != 0)
            size = [ document.documentElement.clientWidth, document.documentElement.clientHeight ]; 
       else   
    		size = [ document.getElementsByTagName('body')[0].clientWidth, document.getElementsByTagName('body')[0].clientHeight ]; 
  return size; 
} window.onresize = function() { DoResize(); };

function DoResize(){
  var VSize = Ventana(); 
  var browserName = navigator.appName; 
	if (browserName == 'Microsoft Internet Explorer') // IE
	{ 
		if(VSize[0]  < 802)
  			XVSize = 0;
  		else
   	 		XVSize = 11 + ((VSize[0]-823)/2);
	} else { //FireFox
		if(VSize[0]  < 802)
  			XVSize = 9;
  		else
   	 		XVSize = 11 + ((VSize[0]-823)/2);
	}
  
}