$(document).ready(function(){

 /*-----------------FUNCIONES PARA EL calendario ini------------------*/

	$(".dia_con_evento").mouseenter(//al entrar con el raton
		function(){
			$(this).find("div").css("padding-top","15px");
			$(this).find("div").fadeIn(200);
			$(this).find("div").css("left",($(this).find("div").position().left)-70);
		}
	);

	$(".dia_con_evento").mouseleave(//al entrar con el raton
		function(){
			$(this).find("div").css("left",($(this).find("div").position().left)+70);
			$(this).find("div").hide();
		}
	);
/*-----------------FUNCIONES PARA EL calendario fin------------------*/


/*-----------------FUNCIONES PARA EL HOME ini------------------*/
    maxWidth = 902;
	
	img1minWidth = 251;
	img2minWidth = 399;
	img3minWidth = 250;
	
	img1leftBanner = 0;
	img2leftBanner = 251;
	img3leftBanner = 650;
	
	//Funcion que modifica los zindex de todos los banners dejando el que la invoca arriba
	function setZindex(who){
		$("#banner1").css("z-index","1");
		$("#banner2").css("z-index","1");
		$("#banner3").css("z-index","1");
		$(who).css("z-index","30")
	}
	
	//Define el ancho del banner al tamaño grande
	function setAnchoBig(who){
		$(who).animate({width: maxWidth+"px"}, { queue:false, duration:400 });
	}
	
	//Define el ancho del banner al tamaño pequeño
	function setAnchoLittle(who, minWidth){
		$(who).animate({width: eval(minWidth)+"px"}, { queue:false, duration:400 });
	}
	
	//Define el left del banner en la posicion de reposo
	function setPositionInitial(who, ini){
		//alert(eval(ini));
		$(who).animate({left: eval(ini)+"px"}, { queue:false, duration:400 });
	}
	
	//Define el left del banner en la posicion de acción
	function setPositionEnd(who){
		$(who).animate({left: "0px"}, { queue:false, duration:400 });
	}
	
	
	
	//Eventos para el banner 1
	$("#img1, #img2, #img3").mouseout(	//al sacar el ratón de encima
		function(){
			setAnchoLittle($(this).parent().parent(),$(this).attr("id")+"minWidth");//volvemos al tamaño inicial
			setPositionInitial($(this).parent().parent(),$(this).attr("id")+"leftBanner");//volvemos a la posicion inicial
	    }
	);
	$("#img1, #img2, #img3").mouseenter(//al entrar con el raton
		function(){
			//alert($(this).parent().attr("id"));
			setZindex($(this).parent().parent());//modificamos el z-index
			setAnchoBig($(this).parent().parent());//modificamos el ancho
			setPositionEnd($(this).parent().parent());//modificamos la posicion
			/*
			//cambio el color de dibujo a azul
			this.fillStyle = '#6666ff';
			//dibujo un rectángulo azul
			this.fillRect(10,10,50,50);
			//cambio el color a amarillo con un poco de transparencia
			this.fillStyle = 'rgba(255,255,0,0.7)';
			//pinto un rectángulo amarillo semitransparente
			this.fillRect(35,35,50,50);
			*/
	    }
	);
  
/*-----------------FUNCIONES PARA EL HOME fin------------------*/

/*------------- FUNCIONES PARA LOS SLIDES EN TIENDA -----------*/


        $("#slider").easySlider({
				auto: true, 
				continuous: true,
				pause: 5000
	});
	$("#slider-big").easySlider({
				auto: true, 
				continuous: true,
				pause: 5000
	});

});

/*------------- FUNCIONES PARA LOS SLIDES EN TIENDA fin -------*/

/*---------------- AUTOCOMPLETAR ------------------------------*/
function lookup(inputString) {
	if(inputString.length == 0) {
	    // Hide the suggestion box.
        $("#suggestions").hide();
    } else {
        $.post("http://www.modoo.es/wp-content/themes/qWPTheme/autocompletar.php", {queryString: ""+inputString+""}, function(data){
			if(data.length >0) {
				$("#suggestions").show();
                $("#autoSuggestionsList").html(data);
            }
        });
    }
} // lookup

function fill(thisValue) {
    $("#termino-busqueda").val(thisValue);
   $("#suggestions").hide();
}


/*--------------- PLUGIN PARA LOS TEXTBOX DE BUSQUEDA ---------*/

(function ($) {

$.fn.hint = function (blurClass) {
    if (!blurClass) blurClass = 'blur';
    
    return this.each(function () {
        var $input = $(this),
            title = $input.attr('title'),
            $form = $(this.form),
            $win = $(window);

        function remove() {
            if (this.value === title && $input.hasClass(blurClass)) {
                $input.val('').removeClass(blurClass);
            }
        }

        // only apply logic if the element has the attribute
        if (title) { 
            // on blur, set value to title attr if text is blank
            $input.blur(function () {
                if (this.value === '') {
                    $input.val(title).addClass(blurClass);
                }
            }).focus(remove).blur(); // now change all inputs to title
            
            // clear the pre-defined text when form is submitted
            $form.submit(remove);
            $win.unload(remove); // handles Firefox's autocomplete
        }
    });
};

})(jQuery);