﻿var topBotContenidoAbierto = false
var topBotContenidoAbiertoDelay = false
var lastBtnAbierto = null
var lastPanAbierto = null
//-------------------------------------
//-------------------------------------
function checkMouseOut(){
	$(document).mousemove(function(e){
		if (!topBotContenidoAbierto)return;
		if (lastPanAbierto == null) return;
		/////////
		var miY = e.pageY;
		var miX = e.pageX - $('.topBackground').position().left;
		///////////////////////////
		if (miY>130){
			//si está arriba
			if (
				miX - 30 	> $(lastPanAbierto).position().left + $(lastPanAbierto).width() 		|| 
				miX + 10 	< $(lastPanAbierto).position().left 
			){
				apaga()
				return;
			}
		}else{
			//si está abajo
			if (
				miX - 30 	> $(lastBtnAbierto).position().left + $(lastBtnAbierto).width() 		|| 
				miX + 10 	< $(lastBtnAbierto).position().left 
			){
				apaga()
				return;
			}
		}
		///////////////////////////
		if (miY> 500 || miY < 80){
			apaga()
			return;
		}
		///////////////////////////
	});	  
}
//-------------------------------------
//-------------------------------------
function abrirContenido(num){
	apaga()
	topBotContenidoAbierto = true
	$('.JsBtnlabel:eq('+(num)+')').fadeIn(1)
	lastPanAbierto = $('.JsBtnPanel:eq('+(num)+')')
	$(lastPanAbierto).fadeIn(1)
	prendePanel()
}
function apaga(){
	$('a').blur();
	$('.JsBtnlabel').fadeOut(1)
	$('.JsBtnPanel').fadeOut(1)
	apagaPanel()
	topBotContenidoAbierto = false
}
//-------------------------------------
//-------------------------------------
function prendePanel(){
	/*
	$('#opacity').css('filter', 'alpha(opacity=70)');
	$('#opacity').fadeIn(700, function() {
        topBotContenidoAbiertoDelay = true
     });
	 */
}
function apagaPanel(){
	/*
	$('#opacity').fadeOut(700, function() {
        topBotContenidoAbiertoDelay = false
     });
	 */
}
//-------------------------------------
//-------------------------------------
$(document).ready(function() {
	//apaga()
	checkMouseOut()
	//*****************************
	$('.JsBtnOpen').mouseover(function() {
	  lastBtnAbierto = $(this);
	  var ToOpen = new String ($(this).attr('class').split(' ').slice(-1))
	  var ToOpenNum = ToOpen.slice(5,6)
	  abrirContenido(Number (ToOpenNum)-1)
	 // $(this).disableTextSelect(); 
	  $('a').blur();
	});
	//*****************************
});

//-------------------------------------
//-------------------------------------
