/* Atico Estudio 2008 */

/* variables globales */
var idOpen="";
var idFocus="";
var cuestOpen=1;
var noticiaCompleta;

/* funciones especificas */
jQuery.fn.fadeToggle = function(speed, easing, callback) {
	return this.animate({opacity: 'toggle'}, speed, easing, callback);
}

refrescar = function() {
	top.location.href=document.URL;
}

refrescarMod = function(arg) {
	top.location.href='modificar.php'+arg;
}

mapaDeTiendas = function(id) {
	$.post('lib/getTiendasMapa.php', {provincia:id}, function(data){
		$("#resultadoMapa").hide();
		irAbajo();
		$("#resultadoMapa")
			.html(data)
			.fadeIn("slow");
	});
}

openMenu = function(el) {
	if(idOpen!="") $(idOpen).hide("");
	idOpen="#"+el;
	return $(idOpen).fadeToggle("fast");
}

openTiendas = function(provincia) {
	return $("#lista"+provincia).slideToggle("normal");
}

eliminarTiendas = function(tienda) {
	$("#dialogo").fadeIn("normal");
	$("#dialogo").html('&iquest;Eliminar la tienda seleccionada?<br /><br /><br /><span onclick="eliminarTiendasOK(\''+tienda+'\')" id="botonSi">Aceptar</span><span id="botonNo" onclick="jQuery(\'#dialogo\').fadeOut(\'normal\');">Cancelar</span>');
}

eliminarTiendasOK = function(tiendaEliminar) {
	$.get('eliminarTienda.php', {tienda:tiendaEliminar}, function(data){
		$('#dialogo').hide(),
		refrescar();
	});
}

eliminarImagenesOK = function(imagenEliminar) {
	$.get('eliminar.php', {imagen:imagenEliminar}, function(data){
		$('#dialogo').hide(),
		refrescar();
	});
}

editarTiendas = function(parametro, el, tienda) {
	$("#"+parametro+"Tienda").html('<form action="mod.php" method="post"><input name="el" type="text" value="'+el+'" /><input name="parametro" type="hidden" value="'+parametro+'" /><input name="tienda" type="hidden" value="'+tienda+'" /><input style="width:16px;height:16px;border:0;padding:0;margin:0;" type="image" src="../images/admin/guardar.png" value="Submit" /></form>');
}

eliminarImagenes = function(imagen) {
	$("#dialogo").fadeIn("normal");
	$("#dialogo").html('&iquest;Eliminar la imagen seleccionada?<br /><br /><br /><span id="botonSi" onclick="eliminarImagenesOK(\''+imagen+'\')">Aceptar</span><span id="botonNo" onclick="jQuery(\'#dialogo\').fadeOut(\'normal\')">Cancelar</span>');
}

eliminarImagenesTransf = function(cat, imagen) {
	$("#dialogo").fadeIn("normal");
	$("#dialogo").html('&iquest;Eliminar la imagen seleccionada?<br /><br /><br /><span id="botonSi" onclick="eliminarImagenesTransfOK(\''+cat+'\',\''+imagen+'\')">Aceptar</span><span id="botonNo" onclick="jQuery(\'#dialogo\').fadeOut(\'normal\')">Cancelar</span>');
}

eliminarImagenesTransfOK = function(catEliminar, imagenEliminar) {
	$.get('eliminarTransf.php', {cat:catEliminar, imagen:imagenEliminar}, function(data){
		$('#dialogo').hide(),
		refrescar();
	});
}

openDetalleTiendas = function(nombre, ciudad, direccion, telefono, observaciones, web, tienda, alquiler, venta, compraventa, snack, reparacion, ticktackticket, competizone, libros, nombreImagen) {
	
	$("#nombreTienda").html(nombre);
	$("#ciudadTienda").html(ciudad+editar("ciudad",ciudad,tienda));
	$("#direccionTienda").html(direccion+editar("direccion",direccion,tienda));
	$("#telefonoTienda").html(telefono+editar("telefono",telefono,tienda));
	$("#observacionesTienda").html(observaciones+editar("observaciones",observaciones,tienda));
	$("#webTienda").html(web+editar("web",web,tienda));
	$("#lineasTienda").html(lineasNegocio(alquiler, venta, compraventa, snack, reparacion, ticktackticket, competizone, libros, tienda));
	
	$("#modImagenNombre").attr("value",nombre);
	$("#modImagenTienda").attr("value",tienda);
	$("#thumbTienda").html('<img src="../images/tiendas/mapa/'+nombreImagen+'.jpg" />');
	
	$("#imagenTienda").show();
	
}

irAbajo = function() { $("html,body").animate({scrollTop: 1000}, 1000); }

actPanelTransf = function(imagen, cat) {
		var html='<img src="marca.php?path=images/tiendas/transforma/'+cat+'/antes/'+imagen+'.jpg&marca=antes" /><img src="marca.php?path=images/tiendas/transforma/'+cat+'/despues/'+imagen+'.jpg&marca=despues" />';	

		$("#PanelTransf").html(html);
		$('#PanelTransf').cycle('stop');
		$('#PanelTransf').cycle({ fx:'fade', speedIn: 800, speedOut: 800 });
		$("html,body").animate({scrollTop: 300}, "slow");
}

function editar(parametro, el, tienda) {
	return '<span style="cursor:pointer" onclick="editarTiendas(\''+parametro+'\',\''+el+'\',\''+tienda+'\')"><img src="../images/admin/editar.png" /></span>';
}

modLineaNegocio = function(lineaParam, tiendaParam) {
	$.get('modLineaNegocio.php', {linea:lineaParam, tienda:tiendaParam}, function(data){
		refrescarMod("?tienda="+tiendaParam);
	});
}

function lineasNegocio(alquiler, venta, compraventa, snack, reparacion, ticktackticket, competizone, libros, tienda) {
	
	if(alquiler==1) alquiler='<span class="on" onclick="modLineaNegocio(\'alquiler\', '+tienda+')">Alquiler</span>'; else alquiler='<span class="off" onclick="modLineaNegocio(\'alquiler\', '+tienda+')">Alquiler</span>';
	if(venta==1) venta='<span class="on" onclick="modLineaNegocio(\'venta\', '+tienda+')">Venta</span>'; else venta='<span class="off" onclick="modLineaNegocio(\'venta\', '+tienda+')">Venta</span>';
	if(compraventa==1) compraventa='<span class="on" onclick="modLineaNegocio(\'compraventa\', '+tienda+')">Compra-Venta</span>'; else compraventa='<span class="off" onclick="modLineaNegocio(\'compraventa\', '+tienda+')">Compra-Venta</span>';
	if(snack==1) snack='<span class="on" onclick="modLineaNegocio(\'snack\', '+tienda+')">Snack</span>'; else snack='<span class="off" onclick="modLineaNegocio(\'snack\', '+tienda+')">Snack</span>';
	if(reparacion==1) reparacion='<span class="on" onclick="modLineaNegocio(\'reparacion\', '+tienda+')">Reparacion de consolas</span>'; else reparacion='<span class="off" onclick="modLineaNegocio(\'reparacion\', '+tienda+')">Reparacion de consolas</span>';
	if(ticktackticket==1) ticktackticket='<span class="on" onclick="modLineaNegocio(\'ticktackticket\', '+tienda+')">Tick Tack Ticket</span>'; else ticktackticket='<span class="off" onclick="modLineaNegocio(\'ticktackticket\', '+tienda+')">Tick Tack Ticket</span>';
	if(competizone==1) competizone='<span class="on" onclick="modLineaNegocio(\'competizone\', '+tienda+')">Competizone</span>'; else competizone='<span class="off" onclick="modLineaNegocio(\'competizone\', '+tienda+')">Competizone</span>';
	if(libros==1) libros='<span class="on" onclick="modLineaNegocio(\'libros\', '+tienda+')">Venta de Libros</span>'; else libros='<span class="off" onclick="modLineaNegocio(\'libros\', '+tienda+')">Venta de Libros</span>';
	
	return alquiler + venta + compraventa + snack + reparacion + "<br />" + ticktackticket + competizone + libros;
}

verDetalle = function(el, tienda) {
	$("#"+el).slideDown("normal");
}

cerrarDialogo = function(el, tienda) {
	$("#dialogoCompleto").fadeOut("normal");
}

tooltip = function(){		
	
	xOffset = 10;
	yOffset = 20;
	$(".tooltip").hover(function(e){											  
		this.t = this.title;
		this.title = "";									  
		$("body").append("<p id='tooltip'>"+ this.t +"</p>");
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px")
			.fadeIn("fast");
    },
	function(){
		this.title = this.t;		
		$("#tooltip").remove();
    });	
	
	$(".tooltip").mousemove(function(e){
		$("#tooltip")
			.css("top",(e.pageY - xOffset) + "px")
			.css("left",(e.pageX + yOffset) + "px");
	});
	
};

/* ready */
$(document).ready(function() {
	$("body").append('<div id="bgTrans"></div>');
	$("body").append('<div id="dialogo"></div>');
	tooltip();
});

/* eventos */
$(function() {
	
	$("DIV.Menu span").hover(function() {
		$(this).animate({"borderBottomWidth": "5px"}, "fast");
	}, function() {
		$(this).animate({"borderBottomWidth": "1px"}, "fast");
	});	
	
	$("DIV.subMenu span").hover(function() {
	  $(this).animate({borderBottomWidth: "6px"}, "fast");
	}, function() {
	  $(this).animate({borderBottomWidth: "1px"}, "fast");
	});
		
	$("#menuSuperior SPAN").hover(function() {
      $(this)
		.animate({backgroundColor: "#00558e"}, "fast");
	}, function() {
	  $(this).animate({backgroundColor: "#013a60"}, "fast");
		
	});
		
	$("DIV.TextoDesarrollo DIV.Titulo,#DescargaManual").click(function() {
		$("#mod"+$(this).attr("id")).toggle("normal");
	});
	
	$("DIV.TextoDesarrollo DIV.Titulo,DIV.Boton").hover(function() {
	  $(this).animate({left: "+=5px"}, "fast");
	}, function() {
	  $(this).animate({left: "-=5px"}, "fast");
	});
		
	$("#visorImagenes").click(function() {
		$(this).fadeOut("normal");
	});
	
	$("#logo").click(function() {
		top.location.href="index.php";
	});
	
	$("DIV.ModuloDest").hover(function() {
      $(this).animate({left: "+=15px"}, "fast");
	}, function() {
      $(this).animate({left: "-=15px"}, "fast");
	});
	
	$("DIV.Instrucciones").hover(function() {
      $(this).animate({backgroundColor: "#011c3a"}, "fast"),
	  $("DIV.Instrucciones SPAN.Dest2").animate({color: "#fff"}, "fast");
	}, function() {
	  $("DIV.Instrucciones SPAN.Dest2").animate({color: "#011c3a"}, "fast"),
	  $(this).animate({backgroundColor: "#fff"}, "fast");
	});
	
	$("#irArriba").click(function() {
		$("html,body").animate({scrollTop: 0}, "slow");
	});
	
	$("#irAbajo").click(function() {
		$("html,body").animate({scrollBottom: 0}, "slow");
	});
	
	$("div.paginasContainer div").click(function() {
		var num=$(this).html();
		var heightModuloNoticias=$("div#ModuloNoticias div#Container_" + num).height()+"px";
		$("div#ModuloNoticias").animate({height: heightModuloNoticias},"normal");
		$("div.paginasContainer div").css("color", "#FFFFFF");
		$("div#ModuloNoticias div.Container").hide();
		$(this).css("color", "#02375f");
		$("div#ModuloNoticias div#Container_" + num).fadeIn("normal");
	});
	
	$("DIV.listaTiendas").hover(function() {
	  $(this).animate({borderBottomWidth: "4px"}, "fast");
	}, function() {
	  $(this).animate({borderBottomWidth: "1px"}, "fast");
	});
	
	$("#cuestionario #navegacion SPAN.siguiente").click(function() {
		if (cuestOpen<3) {
			$("#cuest"+cuestOpen).slideToggle("slow"),
			$("#cuest"+(cuestOpen+1)).slideToggle("slow");
			cuestOpen++;
		}
	});
	
	$("DIV#encuentraTuTienda").click(function() {
		top.location.href="MapadeTiendas.php";
	});

	$("DIV#poweredby").click(function() {
		top.location.href="http://www.aticoestudio.com";
	});
	
	$("DIV#adminBar SPAN.menu").hover(function() {
		$(this).find("span").fadeIn("fast");
		}, function() {
		$(this).find("span").fadeOut("fast");
	});
	
	$("#cuestionario #navegacion SPAN.anterior").click(function() {
		if (cuestOpen>1) {
			$("#cuest"+cuestOpen).slideToggle("slow"),
			$("#cuest"+(cuestOpen-1)).slideToggle("slow");
			cuestOpen--;
		}
	});
	
	$("SELECT#mapaDeTiendas").change(function() {
		if(($(this).attr("value"))!='selecciona') {
			$.post('lib/getTiendasMapa.php', {provincia:$(this).val()}, function(data){
				$("#resultadoMapa").hide();
				irAbajo();
				$("#resultadoMapa")
					.html(data)
					.fadeIn("slow");
			});
		}
	});

});