var ok = '<span class="ok">Gracias por suscribirse!</span>';


window.onload = function() {
	var current_date = new Date();
	var date_div = document.getElementById("date");
	if (date_div != null) {
		date_div.innerHTML = day[current_date.getDay()] + ", " + current_date.getDate() + " de " + month[current_date.getMonth()];
	}
	
	col = document.getElementById("suscribite").getElementsByTagName("A");
	col[0].onclick = 
		function() { 
			var sus_wrapper = document.getElementById("suscribite-wrapper");
			this.parentNode.style.display = 'none'; 
			msg = document.getElementById("suscribite-msg");
			msg.innerHTML = '<img src="img/loading.gif" alt="Enviando" />';
			msg.style.display = "none";
			sus_wrapper.style.display = 'none';
		};
	
	obj = document.getElementById("suscribir");
	obj.onclick = 
		function() { 
			var wrapper = document.getElementById("wrapper");
			var sus = document.getElementById("suscribite");
			if (sus.style.display == 'block')
				return;
			var sus_wrapper = document.getElementById("suscribite-wrapper");
			var sus_msg = document.getElementById("suscribite-msg");
			margin = (sus.parentNode.offsetWidth - wrapper.offsetWidth) / 2;
			left = wrapper.offsetWidth - 260 + margin + 'px';
			sus.style.left = left;
			sus_wrapper.style.left =  left;
			
			sus_wrapper.style.display = 'block';
			sus.style.display = 'block';
			
		};
					
	obj = document.getElementById("submit");
	obj.onclick = 
		function() {
			var ajax = new AjaxObject101(); 
			ajax.funcWait = 
				function() {
					var wrapper = document.getElementById("wrapper");
					var sus = document.getElementById("suscribite");
					margin = (sus.parentNode.offsetWidth - wrapper.offsetWidth) / 2;
					left = wrapper.offsetWidth - 260 + margin + 'px';
					var msg = document.getElementById("suscribite-msg");
					msg.style.display = "block";
					msg.style.left =  left;
				};
			ajax.funcDone =
				function(html) { 
					var msg = document.getElementById("suscribite-msg");
					if (html != '') {
						msg.innerHTML = html;
						msg.style.display = "block";
					} else {
						msg.innerHTML = ok;
						msg.style.display = "block";
						document.getElementById("nombre").value = "";
						document.getElementById("email").value = "";
						document.getElementById("direccion").value = "";
					}
				} 	
			params = "nombre=" +  document.getElementById("nombre").value;
			params += "&email=" + document.getElementById("email").value;
			params += "&direccion=" + document.getElementById("direccion").value;
			ajax.sndReq("GET", "inc/mail.php", params);
		}	
		
	var detalles = document.getElementById("detalles");
	if (detalles == null) return;
	
	var col = detalles.getElementsByTagName("A");
		
	for (var i = 0; i < col.length; i++) {
		if (col[i].className == 'hide') {
			col[i].onclick = 
				function() { 
					this.parentNode.style.display = 'none';
					var col = document.getElementById("muestras").getElementsByTagName("DIV");
					for (var i=0; i < col.length; i++) {
						col[i].style.display = 'block';
					} 
				}
		}
	}
	col = document.getElementById("muestras").getElementsByTagName("DIV");
	detalle_num = 0;
	for (var i = 0; i < col.length; i++) {
		if (col[i].className == "recuadro") {
			col[i].onclick = 
				function() { 
					var detalles = document.getElementById("detalles").getElementsByTagName("DIV");
					pos = parseInt(this.id);
					if (pos > detalles.length-1) return;
					var muestras = document.getElementById("muestras").getElementsByTagName("DIV");
					for (var i=0; i < muestras.length; i++) {
						muestras[i].style.display = 'none';
					}
					detalles[pos].style.display='block';
				}
			col[i].id = detalle_num + '';
			detalle_num++;
		}
	}
	
	 
}

var month = new Array ( );
month[month.length] = "Enero";
month[month.length] = "Febrero";
month[month.length] = "Marzo";
month[month.length] = "Abril";
month[month.length] = "Mayo";
month[month.length] = "Junio";
month[month.length] = "Julio";
month[month.length] = "Agosto";
month[month.length] = "Septiembre";
month[month.length] = "Octubre";
month[month.length] = "Noviembre";
month[month.length] = "Diciembre";

var day = new Array ( );
day[day.length] = "Domingo";
day[day.length] = "Lunes";
day[day.length] = "Martes";
day[day.length] = "Mi&eacute;rcoles";
day[day.length] = "Jueves";
day[day.length] = "Viernes";
day[day.length] = "S&aacute;bado";