	
	// JavaScript Document

	//
	//	funcShadows
	//	Fecha de creacion: 11 / 11 / 2010
	//	Descripción: Contiene las funciones para dar efectos de sombras
	//

	var arrayShadowIMG = null;

	function initMotorShadow ()
	{
		var imagenes = new Array() 

		imagenes[0] = 'imgMotivosOrgullo';

		iniciarMotorShadow ( imagenes );
	}

	function iniciarMotorShadow ( arrayImagenes )
	{
		arrayShadowIMG = arrayImagenes;
		
		document.body.onmousemove = shadowAlgClientCoords;
	}

  	function shadowAlgClientCoords ( evt )
  	{
		var myEvent;
  	  	
  		if ( typeof evt == 'undefined' )	shadowAlgClientCoordsEventoOther   ( window.event );
  		else								shadowAlgClientCoordsEventoFirefox ( evt );
  	}
	
	function shadowAlgClientCoordsEventoOther(event)
	{
		var posicionLuzX = event.x;
		var posicionLuzY = event.y;
		
		var dimensiones	= getDimensionesPagina ();
		var anchoBody	= dimensiones[0];
		var altoBody	= dimensiones[1];
		
		for ( var actual = 0; actual < arrayShadowIMG.length; actual++ )
		{
			idImagenActual = arrayShadowIMG[actual];
			
			var centroObjetoX = document.getElementById(idImagenActual).x + (document.getElementById(idImagenActual).width / 2);
			var centroObjetoY = document.getElementById(idImagenActual).y + (document.getElementById(idImagenActual).height / 2);
			
			var offsetX = parseInt(((centroObjetoX - posicionLuzX) / anchoBody) * 15);
			var offsetY = parseInt(((centroObjetoY - posicionLuzY) / altoBody)  * 20);
			
			var maximoDistancia	= Math.max( Math.abs ( offsetX ) , Math.abs ( offsetY ) );
			var colorSombra		= null;
			var distSombra		= null;
			
			if		( maximoDistancia <= 2 )	{ colorSombra = "#a6a6a6"; distSombra = 3; }
			else if	( maximoDistancia <= 6 )	{ colorSombra = "#b0b0b0"; distSombra = 4; }
			else if	( maximoDistancia <= 9 )	{ colorSombra = "#b8b7b7"; distSombra = 4; }
			else if	( maximoDistancia <= 13 )	{ colorSombra = "#c0c0c0"; distSombra = 5; }
			else								{ colorSombra = "#c7c7c7"; distSombra = 6; }
			
			var sombraImagen = offsetX + 'px ' + offsetY + 'px ' + distSombra + 'px ' + colorSombra;
			
			//alert ( offsetX + " / " + offsetY + " // " + maximoDistancia + " :: " + sombraImagen );
			
			if (document.getElementById(idImagenActual).style.setAttribute) {
				document.getElementById(idImagenActual).style.setAttribute('-webkit-box-shadow', sombraImagen);
				document.getElementById(idImagenActual).style.setAttribute('-moz-box-shadow', sombraImagen);
				document.getElementById(idImagenActual).style.setAttribute('box-shadow', sombraImagen);
			}
			else {
				document.getElementById(idImagenActual).style.setProperty('-webkit-box-shadow', sombraImagen, '!important');
				document.getElementById(idImagenActual).style.setProperty('-moz-box-shadow', sombraImagen, '!important');
				document.getElementById(idImagenActual).style.setProperty('box-shadow', sombraImagen, '!important');
			}
		}
	}
	
	function shadowAlgClientCoordsEventoFirefox (event)
	{
		var posicionLuzX = event.x;
		var posicionLuzY = event.y;
		
		var dimensiones	= getDimensionesPagina ();
		var anchoBody	= dimensiones[0];
		var altoBody	= dimensiones[1];
		
		for ( var actual = 0; actual < arrayShadowIMG.length; actual++ )
		{
			idImagenActual = arrayShadowIMG[actual];
			
			var centroObjetoX = document.getElementById(idImagenActual).x + (document.getElementById(idImagenActual).width / 2);
			var centroObjetoY = document.getElementById(idImagenActual).y + (document.getElementById(idImagenActual).height / 2);
			
			var offsetX = parseInt(((centroObjetoX - posicionLuzX) / anchoBody) * 15);
			var offsetY = parseInt(((centroObjetoY - posicionLuzY) / altoBody)  * 20);
			
			var maximoDistancia	= Math.max ( Math.abs ( offsetX ) , Math.abs ( offsetY ) );
			var colorSombra		= null;
			var distSombra		= null;
			
			if		( maximoDistancia <= 2 )	{ colorSombra = "#a6a6a6"; distSombra = 3; }
			else if	( maximoDistancia <= 6 )	{ colorSombra = "#b0b0b0"; distSombra = 4; }
			else if	( maximoDistancia <= 9 )	{ colorSombra = "#b8b7b7"; distSombra = 4; }
			else if	( maximoDistancia <= 13 )	{ colorSombra = "#c0c0c0"; distSombra = 5; }
			else								{ colorSombra = "#c7c7c7"; distSombra = 6; }
			
			var sombraImagen = offsetX + 'px ' + offsetY + 'px ' + distSombra + 'px ' + colorSombra;
			
			//alert ( offsetX + " / " + offsetY + " // " + maximoDistancia + " :: " + sombraImagen );
			
			if (document.getElementById(idImagenActual).style.setAttribute) {
				document.getElementById(idImagenActual).style.setAttribute('-webkit-box-shadow', sombraImagen);
				document.getElementById(idImagenActual).style.setAttribute('-moz-box-shadow', sombraImagen);
				document.getElementById(idImagenActual).style.setAttribute('box-shadow', sombraImagen);
			}
			else {
				document.getElementById(idImagenActual).style.setProperty('-webkit-box-shadow', sombraImagen, '!important');
				document.getElementById(idImagenActual).style.setProperty('-moz-box-shadow', sombraImagen, '!important');
				document.getElementById(idImagenActual).style.setProperty('box-shadow', sombraImagen, '!important');
			}
		}
	}
	
	function getDimensionesPagina () 
	{ 
		var xScroll, yScroll;
		
		if (window.innerHeight && window.scrollMaxY) {	
			xScroll = window.innerWidth + window.scrollMaxX;
			yScroll = window.innerHeight + window.scrollMaxY;
		} else if (document.body.scrollHeight > document.body.offsetHeight){ // all but Explorer Mac
			xScroll = document.body.scrollWidth;
			yScroll = document.body.scrollHeight;
		} else { // Explorer Mac...would also work in Explorer 6 Strict, Mozilla and Safari
			xScroll = document.body.offsetWidth;
			yScroll = document.body.offsetHeight;
		}
		
		var windowWidth, windowHeight;
		
		if (self.innerHeight) {	// all except Explorer
			if(document.documentElement.clientWidth){
				windowWidth = document.documentElement.clientWidth; 
			} else {
				windowWidth = self.innerWidth;
			}
			windowHeight = self.innerHeight;
		} else if (document.documentElement && document.documentElement.clientHeight) { // Explorer 6 Strict Mode
			windowWidth = document.documentElement.clientWidth;
			windowHeight = document.documentElement.clientHeight;
		} else if (document.body) { // other Explorers
			windowWidth = document.body.clientWidth;
			windowHeight = document.body.clientHeight;
		}	
		
		// for small pages with total height less then height of the viewport
		if(yScroll < windowHeight){
			pageHeight = windowHeight;
		} else { 
			pageHeight = yScroll;
		}
	
		// for small pages with total width less then width of the viewport
		if(xScroll < windowWidth){	
			pageWidth = xScroll;		
		} else {
			pageWidth = windowWidth;
		}
	
		return [pageWidth,pageHeight];
	}
	
	/*

  	function shadowAlgClientCoordsEventoOther ( event )
  	{
		var offsetX = event.x - document.getElementById(idShadowIMG).x;
		var offsetY = event.y - document.getElementById(idShadowIMG).y;
		
		var maxX = document.getElementById(idShadowIMG).width;
		var maxY = document.getElementById(idShadowIMG).height;
		
		var variableX = parseInt ( ( ( offsetX / maxX ) * 16 ) - 8 );
		var variableY = parseInt ( ( ( offsetY / maxY ) * 16 ) - 8 );

		variableX = -variableX;
		variableY = -variableY;
		
		var sombraImagen = variableX + 'px ' + variableY + 'px 5px #c0c0c0'

		if ( document.getElementById(idShadowIMG).style.setAttribute ) 
		{
			document.getElementById(idShadowIMG).style.setAttribute ("-webkit-box-shadow",sombraImagen);
			document.getElementById(idShadowIMG).style.setAttribute ("-moz-box-shadow",sombraImagen);
			document.getElementById(idShadowIMG).style.setAttribute ("box-shadow",sombraImagen);
		}
		else
		{
			document.getElementById(idShadowIMG).style.setProperty ("-webkit-box-shadow",sombraImagen,null);
			document.getElementById(idShadowIMG).style.setProperty ("-moz-box-shadow",sombraImagen,null);
			document.getElementById(idShadowIMG).style.setProperty ("box-shadow",sombraImagen,null);
		}
  	}
  	
  	function shadowAlgClientCoordsEventoFirefox ( event )
  	{
		var offsetX = event.offsetX;
		var offsetY = event.offsetY;

		var maxX = document.getElementById(idShadowIMG).width;
		var maxY = document.getElementById(idShadowIMG).height;
		
		var variableX = parseInt ( ( ( offsetX / maxX ) * 16 ) - 8 );
		var variableY = parseInt ( ( ( offsetY / maxY ) * 16 ) - 8 );

		variableX = -variableX;
		variableY = -variableY;
		
		var sombraImagen = variableX + 'px ' + variableY + 'px 5px #c0c0c0'

		if ( document.getElementById(idShadowIMG).style.setAttribute ) 
		{
			document.getElementById(idShadowIMG).style.setAttribute ('-webkit-box-shadow',sombraImagen);
			document.getElementById(idShadowIMG).style.setAttribute ('-moz-box-shadow',sombraImagen);
			document.getElementById(idShadowIMG).style.setAttribute ('box-shadow',sombraImagen);
		}
		else
		{
			document.getElementById(idShadowIMG).style.setProperty ('-webkit-box-shadow',sombraImagen,'!important');
			document.getElementById(idShadowIMG).style.setProperty ('-moz-box-shadow',sombraImagen,'!important');
			document.getElementById(idShadowIMG).style.setProperty ('box-shadow',sombraImagen,'!important');
		}
  	}
  	
  	*/
  	
	
