// JavaScript Document from Dan Tovbein

var seccion = "";
var lugares = "";
var pago = "";

function producto(){
document.getElementById("contenido").innerHTML = "Seccion contenedor";
}
	
function mostrarContenido(url,formaPago,lugar,secc)
{
	if(lugar)
	{
		lugares = lugar;	
	}
	
	if(formaPago)
	{
		pago = formaPago;
	}
	
	switch(url)
	{
		case "html_templates/producto.htm":
			seccion = "1";
		break;
	}
	if(secc == null)
	{
		seccion = "";
	}
	else
	{
		seccion = secc;
	}
	if (url == "html_templates/contacto.htm")
		seccion = "contacto";
	if (url == "html_templates/envios.htm")
		seccion = "envios";
	/*
		1_ Llega una URL, que seria la web a instanciar.
		2_ Tomo el GET, y creo la funcion para que instancie la url.
		3_ Instanciar en el DIV #divAjax.
	*/
		$.get(url, function(url)
		{
			$("#divAjax").hide();
			$("#divAjax").html(url);
			$("#divAjax").fadeIn(500,function(){
				/*Toma una funcion de otro javascript*/
				/* Variables para embeber el SWF ---> embedSWF:function(ab,ah,ae,ag,Y,aa,Z,ad,af,ac)*/
				switch(seccion)
				{
					case "galeria":
						/*Embeber el swf porque vienen de flickr*/
						seccionGaleriaEmbedSWF();
					break;
					case "contacto":
						contacto();
					break;
					case "envios":
						paisesEnvio();
					break;
				}
			});
		});
}

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
	  $("#uno").css({color:"#666666"});
	  $("#dos").css({color:"#666666"});
	  $("#tres").css({color:"#666666"});
	  $('input.text-input').css({backgroundColor:"#FFFFFF"});

		// validate and process form
		// first hide any error messages
	  var name = $("input#nombre").val();
		if (name == "") {
      $("#uno").css({color:"Red"});
      $("input#nombre").focus();
      return false;
    }
		var email = $("input#email").val();
		if (email == "") {
      $("#dos").css({color:"Red"});
      $("input#email").focus();
      return false;
    }
		var consulta = $("#consulta").val();
		if (consulta == "") {
      $("#tres").css({color:"Red"});
      $("#consulta").focus();
      return false;
    }	
		var dataString = 'nombre='+ name + '&email=' + email +'&consulta='+consulta;
		//alert (dataString);return false;

	  $.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 seccionGaleriaEmbedSWF()
{
	//( 'width','144','height','96','type','application/x-shockwave-flash','src','http://www.flickr.com/apps/slideshow/show.swf?v=71649','allowfullscreen','true','flashvars','offsite=true&lang=es-us&page_show_url=%2Fphotos%2Fjulitte%2Fsets%2F72157623529073143%2Fshow%2Fwith%2F4184728708%2F&page_show_back_url=%2Fphotos%2Fjulitte%2Fsets%2F72157623529073143%2Fwith%2F4184728708%2F&set_id=72157623529073143&jump_to=4184728708','movie','http://www.flickr.com/apps/slideshow/show.swf?v=71649' );
	//swfobject.embedSWF('http://www.flickr.com/apps/slideshow/show.swf?v=71649', 'div1', '144', '96', '9.0.0','application/x-shockwave-flas','offsite=true&lang=es-us&page_show_url=%2Fphotos%2Fjulitte%2Fsets%2F72157623529073143%2Fshow%2Fwith%2F4184728708%2F&page_show_back_url=%2Fphotos%2Fjulitte%2Fsets%2F72157623529073143%2Fwith%2F4184728708%2F&set_id=72157623529073143&jump_to=4184728708')//,'allowfullscreen','true','flashvars','offsite=true&lang=es-us&page_show_url=%2Fphotos%2Fjulitte%2Fsets%2F72157623529073143%2Fshow%2Fwith%2F4184728708%2F&page_show_back_url=%2Fphotos%2Fjulitte%2Fsets%2F72157623529073143%2Fwith%2F4184728708%2F&set_id=72157623529073143&jump_to=4184728708','movie','http://www.flickr.com/apps/slideshow/show.swf?v=71649');
	swfobject.embedSWF('http://www.flickr.com/apps/slideshow/show.swf?v=71649', 'div1', '144', '96', '9.0.0','application/x-shockwave-flas','expressInstall.swf','offsite=true&lang=es-us&page_show_url=%2Fphotos%2Fjulitte%2Fsets%2F72157623529073143%2Fshow%2Fwith%2F4184728708%2F&page_show_back_url=%2Fphotos%2Fjulitte%2Fsets%2F72157623529073143%2Fwith%2F4184728708%2F&set_id=72157623529073143&jump_to=4184728708')//,'allowfullscreen','true','flashvars','offsite=true&lang=es-us&page_show_url=%2Fphotos%2Fjulitte%2Fsets%2F72157623529073143%2Fshow%2Fwith%2F4184728708%2F&page_show_back_url=%2Fphotos%2Fjulitte%2Fsets%2F72157623529073143%2Fwith%2F4184728708%2F&set_id=72157623529073143&jump_to=4184728708','movie','http://www.flickr.com/apps/slideshow/show.swf?v=71649');

}

function mostrarContenidoAjax(url,opcionPago)
{
var oRequest;
var opcion = opcionPago;
//alert(opcionPago);
//$opcion = opcionPago;
try {
	oRequest=new XMLHttpRequest();
}
catch (e)
{
try
{
        oRequest=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
          try {
              oRequest=new ActiveXObject("Microsoft.XMLHTTP");
               } catch (e) {
                   alert("Your browser does not support AJAX!");
                  return false;
               }
         }
      }
	
   oRequest.onreadystatechange=function() {
  
    if(oRequest.readyState==4)
      {
          document.getElementById("divAjax").innerHTML = oRequest.responseText;
      }
    }
  oRequest.open("GET",url,true);
  oRequest.send(null);
}
 
function reset()
{
	$("#retirarselect").fadeOut();
	$("#retirarselect").val("Seleccionar");
	$("#treintaycinco").hide();
	$("#treintaycinco").val("Seleccionar");
	$("#treintayocho").hide();
	$("#treintayocho").val("Seleccionar");
	$("#cincuentayseis").hide();
	$("#cincuentayseis").val("Seleccionar");
}

function paisesEnvio()
{
	$(".orden, .ordendrop").change(function() 
	{ 
	});
	
	$("#pais").change(function()
	{
		switch($(this).val())
		{
			case ("Argentina"):
				$("#provdiv").fadeIn();
			break;
			default:
				$("#provincia").val("Seleccionar");
				$("#provdiv").fadeOut();
				reset();
				$("#cba").val("Seleccionar");
				$("#cba").fadeOut();
			break;
		}
	});

	$("#provincia").change(function()
	{
		switch($(this).val())
		{
			case "buenosaires":
				reset();
				$("#cba").fadeIn();
				$("#pagocapfed").fadeIn();
			break;
			case "gba":
				$("#cba").hide();
				$("#cba").val("Seleccionar");
				$("#pagocapfed").hide();
				reset();
				$("#gba").fadeIn();
			break;
			case "treintaycinco":
				$("#cba").hide();
				$("#cba").val("Seleccionar");
				$("#pagocapfed").hide();
				reset();
				$("#treintaycinco").fadeIn();
			break;

			case "treintayocho":
				$("#cba").hide();
				$("#cba").val("Seleccionar");
				$("#pagocapfed").hide();
				reset();
				$("#treintayocho").fadeIn();			
			break;
			case "cincuentayseis":
				$("#cba").hide();
				$("#cba").val("Seleccionar");
				$("#pagocapfed").hide();
				reset();
				$("#cincuentayseis").fadeIn();
			break;
			case "0":
				reset();
				$("#pagocapfed").hide();
				$("#cba").hide();
				$("#cba").val("Seleccionar");
			break;
		}
	});

	$("#cba").change(function()
	{
		switch($('#cba :selected').text())
		{
			case "Retirar personalmente":
				$("#retirarselect").fadeIn();
			break;
			default:
				$("#retirarselect").fadeOut();
				$("#retirarselect").val("Seleccionar");
			break;
		}	
	});
}
  
/******************************/

/*Instanciar y retsaurar imagenes*/

function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_swapImgRestore() { //v3.0
  var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_swapImage() { //v3.0
  var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
   if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
}

function AJAXPreloader(contenedor)
{
	var preloaderHTML = "";
	var ObjContainer = document.getElementById(contenedor);

		preloaderHTML += "<div id=\"loading\" align=\"center\">";
		preloaderHTML +=	"Enviando informaci&oacute;n...";
		preloaderHTML +=	"<br />";
		preloaderHTML +=	"<img style=\"padding-top:6px;\" src=\"./imagenes/loading.gif\" ";
		preloaderHTML +=	"alt=\"Cargando\">";
		preloaderHTML += "</div>";

	ObjContainer.innerHTML = preloaderHTML;
}
