//hace un preload y de paso sirve para la galeria
//agarra las imagenes de un archivo de texto JSON

var ims = new Array();//Array de imágenes
var actual=1;         //Primer foto, es el índice
var largo=0;          //tamaño del Array
var intervalo;        //intervalo de las fotos

$(document).ready(function(){
	$('#patro_pags a[rel="cl"]:first').click(previo);
	$('#patro_pags a[rel="cl"]:last').click(sig);
	$.getJSON("imagenes.php",function(data){		
		largo=parseInt(data.total);
		$.each(data.items,function(i,item){
			ims[i]= new Image();
			ims[i].id=item.id;
			ims[i].src='upload/tumb_square.php?pix=200&archivo='+item.imagen;			
		});	
		intervalo=setInterval(function(){next(1)},5000);
	});
});


function next(i) {
	actual+=i;
	if (actual==-1)
		actual=largo;
	if (actual==largo) {
		actual=0;
	}
	if (ims[actual].complete){
	$('#videoPatroInterna img').fadeOut('slow',function(){		
			$('#videoPatroInterna img').attr('src',ims[actual].src);
			$('#videoPatroInterna a').attr('href','patrocinar.php?pid='+ims[actual].id);
			$('#flep2 a:first').attr('href','patrocinar.php?pid='+ims[actual].id);
				$('#videoPatroInterna img').fadeIn('slow');		
					
	});
	}
		else {
			setTimeout(function(){next(0)},100);
		}
}

function previo() {
	if (actual==-1)
		actual=largo;	
	clearInterval(intervalo);
	intervalo = setInterval(function(){next(1)},5000);
	next(-1);
	return false;
}

function sig() {
	if (actual==largo)
		actual=0;	
	clearInterval(intervalo);
	intervalo = setInterval(function(){next(1)},5000);
	next(1);
	return false;
}

//para lightbox

$(document).ready(function(){
	$("#galerias a").click(function(){
		var id=this.id;
		$(document.createElement('div')).attr('id','gal'+id).appendTo('body');
		$.getJSON("galerias.php?id="+id.split('-')[1],function(data){
			$.each(data.items,function(i,item){
				$('#gal'+id).html($('#gal'+id).html()+'<a href="'+item.imagen+'"><img src="'+item.imagen+'"></a>');				
			});	
		});		
	});
});

function abrir_ol(id){
	if($('#'+id).is(":hidden")){
		$('#'+id).slideDown("fast");
		$("#li"+id).addClass("archivo_activos");
	}else{
		$('#'+id).slideUp("fast");
		$("#li"+id).removeClass("archivo_activos");
	}
}



$(function(){$('#gal-3 a:first').lightBox()});
$(function(){$('#gal-3 a:last').lightBox()});


function funcion_de_enviar(form,divBf,divAf) {	
		
            // definimos las opciones del plugin AJAX FORM
            var opciones= {
                               beforeSubmit: mostrarLoader, //funcion que se ejecuta antes de enviar el form
                               success: mostrarRespuesta //funcion que se ejecuta una vez enviado el formulario
							   
            };
             //asignamos el plugin ajaxForm al formulario myForm y le pasamos las opciones
            jQuery('#'+form).ajaxForm(opciones) ; 
            
             //lugar donde defino las funciones que utilizo dentro de "opciones"
             function mostrarLoader(){
				 	if (($('#nombre').attr('value')=='') || ($('#mail').attr('value')=='') || ($('#nombre').attr('value')=='nombre') ||($('#mail').attr('value')=='e-mail')) {
						alert('Ambos campos son requeridos');
						return false;
					}
					else {
						
                      jQuery("#"+divBf).fadeIn("slow");
					  
					}
             };
             function mostrarRespuesta (){
                          jQuery("#"+divBf).fadeOut("slow");
						  jQuery('#'+form).css("display", "none");
						  jQuery("#"+divAf).css("display", "block");
						  
             };	
}

$(document).ready(function(){
	
	$('#nombre').click(function(){$(this).attr('value','');$(this).css('color','#473A33');});
	$('#mail').click(function(){$(this).attr('value','');$(this).css('color','#473A33');});
	$('#nombre').blur(function(){
		if ($(this).attr('value')=='') {
			$(this).attr('value','nombre');
			$(this).css('color','#CCC');
		}
	});
	$('#mail').blur(function(){
		if ($(this).attr('value')=='') {
			$(this).attr('value','e-mail');
			$(this).css('color','#CCC');
		}
	});
});