Event.observe(window,"load",function()
{
	var catalogue = $("catalogueLink");
	
	if(catalogue){
		catalogue.onclick = function(){
			return showCatalogue();
		}
	}
	
	var links = $("links");
	if(links){	
		links = links.getElementsByClassName("button");
		
		for(var a=0;a<links.length;a++){
			Event.observe(links[a],"mouseover",function(event){
				var element = Event.element(event);
				if(element) element.src = element.src.replace("_off.jpg","_over.jpg");
			});
			
			Event.observe(links[a],"mouseout",function(event){
				var element = Event.element(event);
				if(element) element.src = element.src.replace("_over.jpg","_off.jpg");
			});
		}
	}
});

function showCatalogue()
{
	try{
		var parent = $("catalogueParent");
		if(parent){
			var close = $("closeButton");
			if(close) close.onclick = function(){ hideCatalogue(); return false; }
						
			fadeIn("catalogueParent");
		}
		
		hideSuccess();
		
		var submit = $("submit");
		if(submit) submit.onclick = submitForm;
	}catch(e){
		//location.href("index.php");
		return true;
	}
	
	return false;
}

function hideCatalogue()
{
	fadeOut("catalogueParent",function(){
		var parent = $("catalogueParent");
		parent.style.display = "none";
	});
}

function fadeIn(id)
{
	var container = $(id);
 				
	if(container){
		var style = container.style;
		var vstep = 0.10;
		var max = 1.0;
		
		style.display = "block";
		
		if(container.filters){
			container.style.filter = "alpha(opacity=0)";
			style = container.filters[0];
			vstep*=100;
			max*=100;
		}else{
			style.opacity = 0;
		}
		
		var showInterval = setInterval(function(){
			var op = parseFloat(style.opacity)+vstep;
			if(op > max){
				clearInterval(showInterval);
				style.opacity = max; 
			}else{
				style.opacity = op;
			}
		},10);
	}
}

function fadeOut(id,callback)
{
	var container = $(id);
 				
	if(container){
		var style = container.style;
		var vstep = 0.10;
		var min = 0;
		if(container.filters){
			container.style.filter = "alpha(opacity=100)";
			style = container.filters[0];
			vstep*=100;
		}else{
			style.opacity = 1.00;
		}
		
		var showInterval = setInterval(function(){
			var op = parseFloat(style.opacity)-vstep;
			if(op < min){
				clearInterval(showInterval);
				style.opacity = min;
				if(typeof(callback) == "function") callback();
			}else{
				style.opacity = op;
			}
		},10);
	}
}

function showSuccess()
{
	fadeOut("requestForm",function(){
		var request = $("requestForm");
		if(request) request.style.display = "none";
		
		var success = $("successMessage");
		if(success) success.style.display = "block";
		
		fadeIn("successMessage");
	});
}

function hideSuccess()
{
	var request = $("requestForm");
	if(request){
		request.style.display = "block";
		request.setOpacity(1);
	}
		
	var success = $("successMessage");
	if(success){
		success.style.display = "none";
		success.setOpacity(0);
	}
	
	$("nombre").value		= "";
	$("direccion").value	= "";
	$("cp").value			= "";
	$("localidad").value	= "";
	$("provincia").value	= "";
	$("telefono").value		= "";
	$("email").value		= "";
	$("kitesurf").checked	= "";
	$("skateboard").checked	= "";
	$("streetwear").checked	= "";
	$("snowboard").checked	= "";
	$("wetsuits").checked	= "";
	$("windsurf").checked	= "";
}


function submitForm()
{
	var nombre		= $("nombre");
	var direccion	= $("direccion");
	var cp			= $("cp");
	var localidad	= $("localidad");
	var provincia	= $("provincia");
	var telefono	= $("telefono");
	var email		= $("email");
	var kitesurf	= $("kitesurf");
	var skateboard	= $("skateboard");
	var streetwear	= $("streetwear");
	var snowboard	= $("snowboard");
	var wetsuits	= $("wetsuits");
	var windsurf	= $("windsurf");
	
	var success = true;
	
	if(nombre && nombre.value.length != 0){
		nombre = nombre.value;
	}else{
		success = false;
	}
	
	if(direccion && direccion.value.length != 0){
		direccion = direccion.value;
	}else{
		success = false;
	}
	
	if(cp && cp.value.length != 0){
		cp = cp.value;
	}else{
		success = false;
	}
	
	if(localidad && localidad.value.length != 0){
		localidad = localidad.value;
	}else{
		success = false;
	}
	
	if(provincia && provincia.value.length != 0){
		provincia = provincia.value;
	}else{
		success = false;
	}
	
	if(telefono && telefono.value.length != 0){
		telefono = telefono.value;
	}else{
		success = false;
	}
	
	if(email && email.value.length != 0){
		email = email.value;
	}else{
		success = false;
	}
	
	if(success == false){
		alert("Debes rellenar todos los campos correctamente.");
	}else{
		var kitesurf	=	kitesurf.checked;
		var skateboard	=	skateboard.checked;
		var streetwear	=	streetwear.checked;
		var snowboard	=	snowboard.checked;
		var wetsuits	=	wetsuits.checked;
		var windsurf	=	windsurf.checked;
		
		try{
			var parameters = new Hash();
			parameters.set("nombre",nombre);
			parameters.set("direccion",direccion);
			parameters.set("cp",cp);
			parameters.set("localidad",localidad);
			parameters.set("provincia",provincia);
			parameters.set("telefono",telefono);
			parameters.set("email",email);
			parameters.set("kitesurf",kitesurf);
			parameters.set("skateboard",skateboard);
			parameters.set("streetwear",streetwear);
			parameters.set("snowboard",snowboard);
			parameters.set("wetsuits",wetsuits);
			parameters.set("windsurf",windsurf);
			
			var options = {
				method: "post",
				parameters: parameters.toQueryString(),
				asynchronous: false,
				onSuccess: function(t){
					if(t.responseText == "QUERY SUCCESSFUL"){
						showSuccess();
					}else{
						alert("Debes rellenar todos los campos correctamente.");
					}
				},
				
				onFailure: function(t){ alert("Por favor, inténtelo de nuevo"); }
			};
			
			var ajax = new Ajax.Request("lib/catalogue-form.php",options);
		}catch(e){
			location.href("index.html");
		}
	}
			
	return false;
}