var ancho=210
var alto=57
//var posicion=100 // posicion style left
var retroceso=3 // cuanto va a la izquierda
var aumentoHorizontal=0// cuanto crece acia la derecha
var aumentoVertical=0 //cuanto crece acia la abajo


// variables propias
//var temporizador
var anchoActual=ancho
var altoActual=alto


/****************************Precarga de imagenes ************************************************/

function preCarga() {
	if (!document.images) return;
	var ar = new Array();
	var arguments = preCarga.arguments;
	for (var i = 0; i < arguments.length; i++) {
	ar[i] = new Image();
	ar[i].src = arguments[i];
	}
}


function Apagar(objeto){
	switch(objeto)
	{
	case 'Imagen-Asistencia':
		 mouseOut('Imagen-Asistencia',0);
	  break    
	case 'Imagen-Limpieza':
		mouseOut('Imagen-Limpieza',250);
	  break
	  
	 case 'Imagen-Otros':
		mouseOut('Imagen-Otros',500);
	  break   
	}
}
/*****************  Redimensionar **************************************************/
function mouseOver(objeto)
{

var elemento=document.getElementById(objeto)
   //temporizador=setTimeout("mouseOver('"+objeto+"')", 20)
   //var temporizador=setTimeout("Desiluminar('"+objeto+"')", 5000)
   altoActual=altoActual+aumentoVertical;
   anchoActual=anchoActual+aumentoHorizontal
 
   elemento.width=anchoActual
   elemento.height=altoActual
   
/*poner borde relieve a las fotos
elemento.style.borderBottom="2px solid #3C3C7C"
elemento.style.borderRight="2px solid #3C3C7C" */

Iluminar(objeto)
Normal(objeto) //ponenormal las otras imagenes
}


/***************** Posicionar normal la imagen ***************************************************/
function mouseOut(objeto,izquierda)
{

    var elemento=document.getElementById(objeto)

/*	altoActual=alto
	anchoActual=ancho
	elemento.height = alto;
	elemento.width = ancho;
	elemento.style.left=izquierda+"px" */

	/*quitar relieve
	elemento.style.borderBottom="0px solid #3C3C7C"
    elemento.style.borderRight="0px solid #3C3C7C" */
	
	//if ( temporizador != null) clearTimeout(temporizador)	
	//document.getElementById('contenido').style.background= '#000000'
	//document.getElementById('fondo').src='Imagenes/marco.gif'
	Desiluminar(objeto)
}


function Normal(objeto){
	switch(objeto)
	{
	case 'Imagen-Asistencia':
		mouseOut('Imagen-Limpieza',250);
		mouseOut('Imagen-Otros',500);
	  break    
	case 'Imagen-Limpieza':
		mouseOut('Imagen-Asistencia',0);
		mouseOut('Imagen-Otros',500);
	  break
	  
	 case 'Imagen-Otros':
		 mouseOut('Imagen-Asistencia',0);
		 mouseOut('Imagen-Limpieza',250);
	  break   
	}
}


/******************** ILUMINAR DIV ****************************************/
function Iluminar(objeto){
var seccion

	switch(objeto)
	{
	case 'Imagen-Asistencia':
		nombreID='d1'
		seccion=document.getElementById('tituloAsistencia')//Titulo seccion
	  break    
	case 'Imagen-Limpieza':
		nombreID='d2'
		seccion=document.getElementById('tituloLimpieza')//Titulo seccion
	  break
	  
	 case 'Imagen-Otros':
		nombreID='d3'
		seccion=document.getElementById('tituloOtrosServicios')//Titulo seccion
	  break   
	}
	seccion.style.color="#FFFFFF"
	
	//Esquinas arriba
	seccion=document.getElementById(nombreID+'1')
		seccion.style.backgroundImage="url(Imagenes/top_left_Iluminado.gif)"
	seccion=document.getElementById(nombreID+'2')
		seccion.style.backgroundColor="#99ccff"
	seccion=document.getElementById(nombreID+'3')
	//Contenido
		seccion.style.backgroundImage="url(Imagenes/top_right_Iluminado.gif)"
	seccion=document.getElementById(nombreID+'4')
		seccion.style.backgroundColor="#99ccff"
	//Esquinas abajo
	seccion=document.getElementById(nombreID+'5')
		seccion.style.backgroundImage="url(Imagenes/bottom_left_Iluminado.gif)"
	seccion=document.getElementById(nombreID+'6')
		seccion.style.backgroundColor="#99ccff"
	seccion=document.getElementById(nombreID+'7')
		seccion.style.backgroundImage="url(Imagenes/bottom_right_Iluminado.gif)"

	seccion=document.getElementById(objeto+"D");//cojo el objeto del destello
	seccion.src="Imagenes/animacion.gif";
}


/****************** DESILUMINAR DIV **************************************************/
function Desiluminar(objeto){
var seccion

	switch(objeto)
	{
	case 'Imagen-Asistencia':
		nombreID='d1'
		seccion=document.getElementById('tituloAsistencia')//Titulo seccion
		seccion.style.color="#64a9c1"
	  break    
	case 'Imagen-Limpieza':
		nombreID='d2'
		seccion=document.getElementById('tituloLimpieza')//Titulo seccion
		seccion.style.color="#f48e21"
	  break
	  
	 case 'Imagen-Otros':
		nombreID='d3'
		seccion=document.getElementById('tituloOtrosServicios')//Titulo seccion
		seccion.style.color="#76caa6"
	  break   
	}
	
	//Esquinas arriba
	seccion=document.getElementById(nombreID+'1')
		seccion.style.backgroundImage="url(Imagenes/top_left.gif)"
	seccion=document.getElementById(nombreID+'2')
		seccion.style.backgroundColor="#FFFFFF"
	seccion=document.getElementById(nombreID+'3')
	//Contenido
		seccion.style.backgroundImage="url(Imagenes/top_right.gif)"
	seccion=document.getElementById(nombreID+'4')
		seccion.style.backgroundColor="#FFFFFF"
	//Esquinas abajo
	seccion=document.getElementById(nombreID+'5')
		seccion.style.backgroundImage="url(Imagenes/bottom_left.gif)"
	seccion=document.getElementById(nombreID+'6')
		seccion.style.backgroundColor="#FFFFFF"
	seccion=document.getElementById(nombreID+'7')
		seccion.style.backgroundImage="url(Imagenes/bottom_right.gif)"

	seccion=document.getElementById(objeto+"D");//cojo el objeto del destello
	seccion.src="Imagenes/transpa.gif";
}

/*
function Ver(){
var	menu=document.getElementById('menu')
menu.style.visibility="visible"
} */