var x0;
var y0;
var x1;
var y1;
var dim;
var coordenadas;
var entre=0;
var sali=0;
var timer_id;
var tiempo_espera_menu=1.9; //en segundos

function abrirMenu(){
	$('servicesList').appear({ duration: 0.5, afterFinish:function(){
		obtenerPosicion();		
	} });
}

function cerrarMenu(){

	if (timer_id){
		window.clearTimeout(timer_id);	
	}
	$('servicesList').fade({ duration: 0.5 });	
	entre=0;
	sali=0;
	
}

function esperar_y_cerrarMenu(){
	timer_id=window.setTimeout("cerrarMenu()", tiempo_espera_menu*1000)
}

function obtenerPosicion(){
	dim=$('servicesList').getDimensions();
	coordenadas=$("servicesList").cumulativeOffset();
	x0=coordenadas[0];
	y0=coordenadas[1];
	x1=x0+dim.width;
	y1=y0+dim.height;
}

function estoyDentro(mouseX, mouseY){
	if (mouseX >= x0 && mouseX <= x1 && mouseY >= y0 && mouseY <= y1){
		return true
	}
	else {
		return false
	}
	
}

Event.observe(window, 'load', function() {
	
	$('goServices').observe('click', function(event){
		if ($('servicesList').visible()==false){
			abrirMenu();
		}
	});

	document.observe('mousemove', function(event){
		mouseX = Event.pointerX(event);
		mouseY = Event.pointerY(event);
		if ($('servicesList').visible()==true){	
			if (estoyDentro(mouseX,mouseY)==true) {
					entre++;
					sali=0;
					if (timer_id){
						window.clearTimeout(timer_id);	
					}
			}
			else{
				if (entre>0){
					sali++;
					if (sali==1){
						esperar_y_cerrarMenu();
					}
				}		
			}
		}
		//document.title= mouseX + " , " + mouseY + "entre="+ entre + " sali="+ sali + "cont" + contador; 
	});
	
	document.observe('mouseup', function(event){
		if (estoyDentro(mouseX,mouseY)==false && $('servicesList').visible()==true){
			cerrarMenu();
		}
	});
	
	if ($("carousel-wrapper")) {
		
		new Carousel('carousel-wrapper', $$('#carousel-content .slide'), $$('a.carousel-control', 'a.carousel-jumper'), {duration:1, auto:true, frequency:6, visibleSlides:1, circular:true});
	}
	
});