var root = '/';
var debug = false;
var fulldebug = false;
var sent = false;
var data; // inicializa los campos que van a ser parceados
var redireccion; // inicializa redireccion por si se pide del post
var loadingMsg = "Cargando... Enviando... Espere unos segundos...";
var sendingMsg = "Enviando...";
var successMsg = '<a href="#" style="color:#000;">Mensaje Enviado!</a>';
var badMsg = "Verifique los campos marcados en rojo";

function validar(campos,mode,url,up){
	if(sent) return false;
	popup(loadingMsg);
	xmlHttp=GetXmlHttpObject();
	if (xmlHttp==null){
		alert ('Tu explorador no soporta AJAX.');
		return;
	} 
	
	if(url) {
	redireccion = url;
	}else {
	redireccion = 0;
	}
		
	data = document.getElementById(campos).value;
	data = data.split(',');
	var params = parseParams(data);
	
	xmlHttp.onreadystatechange = doValidar;
	xmlHttp.open("POST",root+'admin/_plugins/ajax/validate.php?mode='+mode,true);
	xmlHttp.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
	xmlHttp.setRequestHeader("Content-length",params.length);
	xmlHttp.setRequestHeader("Connection", "close");
	xmlHttp.send(params);
}

function doValidar(){ 

var errores = 0;

	if (xmlHttp.readyState==4){
		
		//$('html, body').animate({scrollTop:0}, 1500);
	
		var r = xmlHttp.responseText;
		
		// debug
		if(debug == true) alert(r);
		if(debug == true && redireccion!=0) alert('redireccionar a la url: '+redireccion+' si es que todos los campos estan validados.');
		
		var x = 0;
		var f = new Array();
		
		for(i in data){
			f[x] = r.substr(x,1);
			
			// fulldebug
			if(fulldebug == true) alert('campo numero:'+f[x]);
			
			validate(f[x],data[i]);
			x++;
		}
		
		for(i in f){
			if(f[i] == '0') errores++;
		}
		
		// fulldebug
		if(fulldebug == true) alert('errores='+errores);
				
		if(errores > 0){
			popup(badMsg,true,"#f00");
		}else{
			sent = true;
			popup(sendingMsg,true);
			$('#ocultar-enviar').fadeOut('slow', function() {
			$('#ocultar-enviar').html(successMsg).slideDown('slow');
			});
			$('#ocultar-enviar-otro').fadeOut('slow', function() {
			$('#ocultar-enviar-otro').html(successMsg).slideDown('slow');
			});
			popup(successMsg,true);
			if(redireccion!=0) redir(redireccion,5000);
		}
	
	}

}

// ----------------- AJAX ------------------- //

var xmlHttp;
function GetXmlHttpObject(){var xmlHttp=null;try{xmlHttp=new XMLHttpRequest();}catch(e){try{xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");}catch(e){xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");}}return xmlHttp;}

///////////////////// POPUP ////////////////////////

// popup $.blockui
function popup(msg,fade,color){
$.blockUI({ 
message: msg.replace(/\n/gi,'<br/>'),
css: {
border:'none', padding:'15px', size:'12.0pt',
backgroundColor:'#900', color:'#000',
opacity:'.9','-webkit-border-radius': '10px','-moz-border-radius': '10px'
}
});

// DESBLOCKEAR BLOCK UI CON TIMEOUT ms //
var fade = 3000;
window.setTimeout($.unblockUI, fade);

// DESBLOCKEAR BLOCK UI CON CLICK //
//$(document).bind('click', function() {
//window.setTimeout($.unblockUI, 1);
//});

}

////////////////// COLOREA CAMPOS ///////////////////////////

// validate estilo de campos
function validate(status,id){
if(status == 0){
//document.getElementById(id).style.borderColor = '#f00';
//document.getElementById(id).style.color= '#f00';
$("#"+id).css('background','#ffe3e3');
$("#"+id).css('color','red');
$("#"+id).css('border','2px solid red');
//$("label[for="+id+"]").css('color','red');
//$('#todo_'+id).css('background','red');
}else{
//document.getElementById(id).style.borderColor = '#00ff00';
//document.getElementById(id).style.color= '#00ff00';
$("#"+id).css('background','#e3ffe8');
$("#"+id).css('color','green');
$("#"+id).css('border','2px solid green');
//$('#todo_'+id).css('background','transparent');
}
}

// ver multiple
function verMultiple(id){
var valor = getMultiple(id)
alert(valor);
}

//////////////////// PARSER /////////////////////////

// parser
function parseParams(params){
var contenedor = '';
for(var contar in params){
var type = gettype(params[contar]);
if(type == 'checkbox' || type == 'radio'){
contenedor += params[contar]+'='+getcheck(params[contar])+'&';
}else if(type == 'select-multiple'){
contenedor += params[contar]+'='+getMultiple(params[contar])+'&';
}else if(type == 'file'){
contenedor += params[contar]+'='+getArray(params[contar])+'&';
}
else{
contenedor += params[contar]+'='+escape(getval(params[contar]))+'&';
}
}
return contenedor.substr(0,contenedor.length-1);
}

// Get And Sets
function setval(id,val){
document.getElementById(id).value = val;
}
function getval(id){
return document.getElementById(id).value;
}
function getcheck(id){
return document.getElementById(id).checked;
}
function gettype(id){
return document.getElementById(id).type;
}
function getMultiple(ob){
ob = document.getElementById(ob);
selected = new Array();
for(var i = 0; i < ob.options.length; i++) if(ob.options[i].selected) selected.push(ob.options[i].value);
return selected;
}
function getArray(ob){
var el=document.getElementById(ob)
//alert(divElements.item(i));
//valores = new Array();
//for (var i = 0; i < ob.attributes.length; i++) if(ob.attributes[i].specified) valores.push(ob.attributes[i].nodeValue);
//return valores;
}

///////////////// REDIR ////////////////////////////

// redir
function redir(url,timeout){
	setTimeout('doRedir(\''+url+'\')',timeout);
}
// do redir
function doRedir(url){
	window.location = url;
}

//////////////////// OTRAS /////////////////////////

function enviar(campos) {
	var campos;
	data = document.getElementById(campos).value;
	alert(data);
}
function enviar2(value) {
	if(value == "a medida (1.5 x 3 mts. max.)") {
	$('#especificar_oculto').slideDown();
	}else {
	$('#especificar_oculto').slideUp();	
	}
}

//////////////////// JQUERY /////////////////////////

$(function(){

	// lightbox
	$('.galeria a').lightBox({
	fixedNavigation:'true',
	overlayBgColor: '#003300',
	overlayOpacity: 0.3,
	containerResizeSpeed: 300,
	txtImage: 'Imagen',
	txtOf: 'de'
	});
	
	// lightbox
	$('.lightbox').lightBox({
	fixedNavigation:'true',
	overlayBgColor: '#003300',
	overlayOpacity: 0.3,
	containerResizeSpeed: 300,
	txtImage: 'Imagen',
	txtOf: 'de'
	});
	
});