jQuery.noConflict();
jQuery(document).ready(function(){
	jQuery('.imagen').hover(function(){
		if (!jQuery(this).is('.activa'))
			jQuery(this).stop().animate({backgroundColor:'#2b2926'},500);
    },function(){
		if (!jQuery(this).is('.activa'))
		{
			jQuery(this).stop().animate({backgroundColor:'#2b2926'},100);
			jQuery(this).animate({backgroundColor:'#fff'},1000);
		}
    });

	jQuery('#bloqueContenido,.contenido').jScrollPane();
});

var existeImagen = false;

function mostrarImagen(lab, id, nombre, anterior, siguiente) {
	
	if (existeImagen) ocultarImagen();
	existeImagen = true;
	
	var tapadera = document.createElement('div');
	tapadera.id = "tapadera";
	tapadera.onclick = function() { ocultarImagen(); }
	
	var muestra = document.createElement('div');
	muestra.id = "muestraImagenFondo";
	muestra.onclick = function() { }
	var imagen = document.createElement('div');
	imagen.id = "muestraImagen";
	muestra.appendChild(imagen);
	
	var controles = '';
	var controlesAnterior = '<span id="controlesAnterior" class="inactivo"></span>';
	var controlesSiguiente = '<span id="controlesSiguiente" class="inactivo"></span>';
	for (var n = 0; n < imagenes.length; n++) {
		if (imagenes[n][0] == id) { 
			if (n == 0) anterior = false; else anterior = imagenes[n-1];
			if (n == imagenes.length - 1) siguiente = false; else siguiente = imagenes[n+1];
			
			if (n < 2) hayAnterior1 = false; else hayAnterior1 = true;
			if (n > imagenes.length - 3) haySiguiente1 = false; else haySiguiente1 = true;
			
			n = imagenes.length;
		}
	}
	if (anterior !== false) controlesAnterior = '<span id="controlesAnterior" class="activo" onclick="mostrarImagen(\''+lab+'\', \''+anterior[0]+'\', \''+anterior[1]+'\')">&lt;</span>';
	if (siguiente !== false) controlesSiguiente = '<span id="controlesSiguiente" class="activo" onclick="mostrarImagen(\''+lab+'\', \''+siguiente[0]+'\', \''+siguiente[1]+'\')">&gt;</span>';
	controles = '<div id="controles">' + "\n" + controlesAnterior + "\n" + controlesSiguiente + "\n</div>";
	
	var formulario = document.createElement('div');
	formulario.id = "muestraImagenForm";
	formulario.innerHTML = '<form name="formulario" method="post" action="">' + controles + '<input type="hidden" name="agregar" value="'+id+'" /><input type="hidden" name="id" id="fId" value="'+id+'" /><div><label for="cantidad">CANTIDAD</label><input type="text" name="cantidad" id="fCantidad" value="1" /></div><div><label for="acabado">BRILLO/MATE</label><select name="acabado" id="fAcabado"><option value="m">mate</option><option value="b">brillo</option></select></div><div><label for="formato">TAMAÑO</label><select name="formato" id="fFormato"><option value="">cargando...</option></select></div><input type="image" name="agregar" value="1" src="/clientes/img/add.gif" alt="Añadir" style="padding:30px 0;" /></form><p>ARCHIVO: <strong>'+nombre+'</string></p>';
	muestra.appendChild(formulario);
	
	var cerrar = document.createElement('input');
	cerrar.type = "image";
	cerrar.id = "btncerrar";
	cerrar.src = "http://"+top.location.hostname+"/clientes/img/cerrar.png";
	cerrar.onclick = function() { ocultarImagen(); }
	muestra.appendChild(cerrar);
	
	document.body.appendChild(tapadera);
	document.body.appendChild(muestra);
	
	/*var flash = new SWFObject("/imagenes/clientes/"+lab+"/"+id+".swf", "imagen", "760", "580", "8", "#000000");
	flash.addParam("scale", "noscale");
	flash.write("muestraImagen");*/
	
	imagen.innerHTML='<img src="http://'+top.location.hostname+'/clientes/marca_agua.php?i=http://'+top.location.hostname+'/imagenes/clientes/'+lab+'/'+id+'.jpg" alt="" id="imagen" name="imagen" width="760" height="580" oncontextmenu="return deshabilitar()" oncopy="return deshabilitar()" ondragstart="return deshabilitar()" />';
	
	new Ajax.Request("formatos.php", {method:'post', parameters:'formato=array', onComplete:function(objeto) {
		var lista = objeto.responseText.split("---");
		$('fFormato').innerHTML = '';
		lista.each(function(e) {
			var datos = e.split("|||");
			var entrada = document.createElement('option');
			entrada.value = datos[0];
			entrada.innerHTML = datos[1];
			$('fFormato').appendChild(entrada);
		});
	}});
	
	$('bloqueContenido').style.overflow = "hidden";
	$('pedidoContenido').style.overflow = "hidden";
	
	
	document.onkeyup = function(e) {
		var evt = e || window.event;
		if (evt.keyCode == 39 || evt.keyCode == 32) { // flecha derecha
			document.getElementById('controlesSiguiente').onclick();
			return e.preventDefault() || false; 
		}
		if (evt.keyCode == 37) { // flecha izquierda
			document.getElementById('controlesAnterior').onclick();
			return e.preventDefault() || false; 
		}
	}
	
}

function ocultarImagen() {
	$('bloqueContenido').style.overflow = "auto";
	$('pedidoContenido').style.overflow = "auto";
	$('muestraImagenFondo').parentNode.removeChild($('muestraImagenFondo'));
	$('tapadera').parentNode.removeChild($('tapadera'));
	
	document.onkeyup = function(e) { }
	
	existeImagen = false;
	
}

function deshabilitar() {
	alert("Opcion deshabilitada");
	return false;
}