jQuery.preloadImages = function()
{
  for(var i = 0; i<arguments.length; i++)
  {
    jQuery("<img>").attr("src", arguments[i]);
  }
}

$.preloadImages("images/img.jpg","images/chuani.jpg","images/emi.jpg","images/juan.jpg","images/juli.jpg","images/kike.jpg","images/mac.jpg","images/nico.jpg","images/parabampa.png");

$(document).ready(
	function()
	{
		traerBox('player');
		$.get("htmls/inicio.html",{}, 
			function(data)
			{
				$("#contenidoAjax").html(data);
				$('a.lightbox').lightBox();
				player();
				
			});
	});

function traerDatos(seccion)
{
	AJAXPreloader('contenidoAjax');

	$("#pagina").animate(
				{backgroundPosition:"800px 0px"}, 
				200,
				function()
				{
					var randomImages = ['juli.jpg','chuani.jpg','emi.jpg','juan.jpg','kike.jpg','mac.jpg','nico.jpg'];
					var rndNum = Math.floor(Math.random() * randomImages.length);
					if(seccion == "inicio.html")
						$("#pagina").css("background-image","url(images/img.jpg)");
					else
					{
						$("#pagina").css("background-image","url(images/"+randomImages[rndNum]+")");
						if(seccion == "contacto.html")
							contacto();
					}
				}
			);
		
	if($("#anterior").val() != "")
		$("#"+$("#anterior").val()).removeClass();

	$("#anterior").val(seccion);
	$("#"+seccion).addClass('active');

	if(seccion == "libro")
		seccion = seccion + ".php";
	else
		seccion = seccion + ".html";

	$.get("htmls/"+seccion, {}, 
		function(data)
		{
			$("#contenidoAjax").html(data);
			
			$("#pagina").animate(
						{backgroundPosition:"0px 0px"}, 
						200
						);

			if(seccion == "libro.php")
			{
				mostrarMensajes();
				mostrarNuevoMensaje();
			}
		});
}

function traerBox(seccion)
{
	AJAXPreloader('datosBoxed');
	seccion = seccion + ".html";	
	
	$.get("htmls/"+seccion, {}, 
		function(data)
		{
			$("#datosBoxed").hide();
			$("#datosBoxed").html(data);
			$("#datosBoxed").fadeIn();
			switch (seccion)
			{
				case 'newsletter.html':
					newsletter();
				break;
				case 'player.html':
					player();
				break;
			}
		});
}


function AJAXPreloader(contenedor)
{
	var preloaderHTML = "";
	var ObjContainer = document.getElementById(contenedor);

		preloaderHTML += "<div id=\"loading\" style=\"text-align:center;\"><p><strong>Cargando...</strong></p><br />";
		preloaderHTML +=	"<img src=\"images/loading.gif\" ";
		preloaderHTML +=	"alt=\"Cargando\">";
		preloaderHTML += "</div>";

	ObjContainer.innerHTML = preloaderHTML;
}

function contacto()
{
  $('input.text-input').css({backgroundColor:"#FFFFFF"});
  $('input.text-input').focus(function(){
    $(this).css({backgroundColor:"#CCCCCC"});
  });
  $('input.text-input').blur(function(){
    $(this).css({backgroundColor:"#FFFFFF"});
  });

  $(".button").click(function() {
	//Limpio los errores
	  $("#labnom").css({color:"#666666"});
	  $("#labema").css({color:"#666666"});
	  $("#labcon").css({color:"#666666"});
	  $('input.text-input').css({backgroundColor:"#FFFFFF"});

	  var name = $("input#nombre").val();
		if (name == "") {
      $("#labnom").css({color:"#c7656f"});
      $("input#nombre").focus();
      return false;
    }
		var email = $("input#mail").val();
		if (email == "") {
      $("#labema").css({color:"#c7656f"});
      $("input#mail").focus();
      return false;
    }
		var consulta = $("#consulta").val();
		if (consulta == "") {
      $("#labcon").css({color:"#c7656f"});
      $("#consulta").focus();
      return false;
    }
	
	var ciudad = $("#ciudad").val();
	var web = $("#web").val();
	
	var dataString = 'nombre='+ name + '&email=' + email +'&consulta='+consulta+'&ciudad='+ciudad+'&web='+web;
		
	  $.ajax({
      type: "POST",
      url: "send.php",
      data: dataString,
      beforeSend: AJAXPreloader('contact_form'),
	 error:function(obj, error, obj2){
	 	alert(error);
	 },
      success: function(datos) {
        $('#contact_form').html("<div id='mensajeForm'></div>");
        $('#mensajeForm').html("<p style=\"font-size:13px;\"><strong>Gracias por contactarnos!</strong></h2>")
        .append(datos)
        .hide()
        .fadeIn(1500, function(){});
      }
     });
    return false;
	});
}

function mostrarNuevoMensaje()
{
	$("#boton").click(
		function()
		{
			if($("#nombre").val() == "")
			{
				alert("Ingresa tu nombre!");
				return false;
			}
			if($("#mensaje").val() == "")
			{
				alert("Escribi un mensaje!");
				return false;
			}
			if($("#clave").val() == "")
			{
				alert("Ingresa la clave!");
				return false;
			}
			
			$.get("guardarMensaje.php", {nombre: $("#nombre").val(), mensaje:$("#mensaje").val(), clave:$("#clave").val()},
				function(data)
				{
					$("#resultado").html(data);
					$("#resultado").fadeIn();
					if(data != '<p class="error">Las claves no coinciden!</p>')
					{
						$("#mensaje").val("");
						$("#nombre").val("");
						$("#clave").val("");
						mostrarMensajes();
					}
				});
		});
}

function mostrarMensajes()
{
	$.get("guardarMensaje.php", {}, 
		function(data)
		{
			$("#mensajes").html(data);
		});
}

function newsletter()
{
	$("#envnews").click(
		function()
		{
			if($("#email").val()=="")
			{
				alert("Tenes que completar el email!");
				return false;
			}
			else
			{
				var emilio = $("#email").val();
				var accion = $("input[@name='gr']:checked").val();
			}	
			AJAXPreloader("datosBoxed");

			$.get("news.php", {email: emilio, agregar: accion},
			function(data)
			{
				$("#datosBoxed").html(data);
			});
		});
}

function player()
{
	var so = new SWFObject("playerLoop.swf", "mymovie", "154", "56", "7", "#FFFFFF");
	so.addVariable("autoPlay", "yes");
	so.addVariable("soundPath", "loop.swf");
	so.write("reproductor");
}