$(document).ready(function() {	
	/*banner locales*/
	$('#bannerlocales').hover(function(){
		$('.bannerlocales').stop(true, true).animate({left: "-460px"}, 500);
	}, function() {
		$('.bannerlocales').stop(true, true).animate({left: "0px"}, 500);
	});
	
	//Rotador de locales
	$("ul.listado-locales li a").hover(function() {
		var mainImage = $(this).attr("name"); //busca en el atributo name del <a>
		var mainTitle = $(this).attr("title"); //busca en el atributo title del <a>
		$(".swapimages").attr({ src: mainImage }); //ahora el atributo src de la imagen vale la variable mainImage
		$(".sideLocales h3").text(mainTitle); // ahora el contenido del h3 vale la variable mainTitle
		return false;		
	});
	
	/*muestrario de productos en coleccion*/
	$(".producto").hover(function(){
	    info = $(this).find('.productoside');
	    info.stop(true, true).fadeIn(350);
		$('.thumbproducto').stop(true, true).fadeTo('slow', 0.5);
	}, function() {
		info.stop(true, true).fadeOut(150);
		$('.thumbproducto').stop(true, true).fadeTo('slow', 1);
	});
	cargarLocales();
});


/*ajax*/
function cargarLocales() {
	$(".previewlocal").ajaxStart(function(){					
		$(this).fadeTo(1000, 0.4);//bajamos la opacidad de este div
		$(this).html("<img src='images/loader.gif' alt='Cargando contenido'/>");
	}).ajaxComplete(function() { //cuando termina de correr el ajax...
		$(this).fadeTo(1000, 1);			//Devolvemos el total de opacidad al div con el contenido
		$('.slideshow').cycle({
			fx: 'scrollHorz',
			cleartype: !$.support.opacity,
			pager: '#slidernav',
			next: '#next',
			prev: '#prev',
			timeout: 7000,
			pause: 1
		});
		Shadowbox.init({
			handleOversize: "drag",
			modal: false,
			players:  ['img', 'html', 'iframe', 'qt', 'wmp', 'swf', 'flv']
		});
	});
	$(".previewlocal").load("local1.html");			//Corremos el ajax que llama a la informacion
};

function abrirUrl(id) {
		$(".previewlocal").load("local" + id + ".html");		//Funcion que llama los distintos archivos a mostrar
}
