function doSomething() {
   //alert("I'm done resizing for the moment");
   $.modal.close();
};

var resizeTimer = null;
$(window).bind('resize', function() {
   if (resizeTimer) clearTimeout(resizeTimer);
   resizeTimer = setTimeout(doSomething, 100);
});

function abreModalUpload(){
	$('#containerInput').modal(modal);
}
function validaFormWall(){
	
	if($("#formWall").valid()){
		$('#containerInput').modal();
		$("#btnEnviarMensajeSinImagen").hide();
	}else{
		alert('Antes de subir una foto, debes rellenar todos los campos');
	}
}
function subeImagen(){
return ajaxFileUpload();
}



function enviaMensajeSinFoto(){
	if($("#formWall").valid() && $("#Comentario").val()!="Escribe tu comentario"){		
			function enviaAjax(){ 
				$.ajax({
					type:'post',
					url:'ajax/lista_wall2.php',
					data:{mensajeSinFoto:1,Nombre:$("#Nombre").val(),Email:$("#Email").val(),Comentario:$("#Comentario").val()},
					success:function(txt){
						//alert(txt);
						//alert("<?=$_SESSION['Email'];?>");
						window.location="?seccion=deja_un_mensaje"; 
						
					}

				
				
				
				});
			}
			/*Preparamos la posición y tamaño de la ventana modal*/
			var modalConfirmar=modal;
			modalConfirmar.containerCss={width:'500px',marginLeft:'-15%',height:'550px',backgroundColor: '#ffffff', border: '1px solid #333333'};
						
					var div=document.createElement('div');
					var txt="<div style='text-align:left;padding:20px'><h1 class='tituloPopUp'>Confirmar datos</h1>";
					txt+="<table border=0 align=left width=450px cellpadding=0 cellspacing=10><tr><td><strong>Nombre:</strong></td><td>"+$("#Nombre").val()+"</td></tr>";
					txt+="<tr valign=top><td><strong>Email:</strong></td><td>"+$("#Email").val()+"</td></tr>";
					txt+="<tr valign=top><td><strong>Comentario:</strong></td><td><textarea style='height:260px;width:350px'>"+$("#Comentario").val()+"</textarea></td></tr>";
					txt+="</table></div>";
					$(div).html(txt);
					var divButton=document.createElement('div');
					$(divButton).addClass('clearfix');
					var button=document.createElement('button');
					$(divButton).html("<div class='clearfix' style='height:20px'></div>").append(button);
					$(button).html("Aceptar").click(function(){enviaAjax();$.modal.close();});
					$("#confirmarMensajeSinFoto").html("").append(div).append(divButton).modal(modalConfirmar);
					$('a.modalCloseImg').ifixpng().css({cursor:'pointer'});
				

			
	}else{
		if($("#Comentario").val()=="Escribe tu comentario"){
			alert('Has de escribir un comentario valido y rellenar todos los campos');
		}else{
			alert('Antes de enviar el mensaje, debes rellenar todos los campos');
		}
		
	}
};
/*
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
/*PAGINACIÓN DE LOS MENSAJES NO DESTACADOS*/
var paginaActual=0;
var numMaxReg=5;
var ng=0;
function paginacion(n){
	$("#mensajesNoDestacados").html("<img src='img/ajax-loader.gif'>");
	paginaActual=n;
	$("#mensajesNoDestacados div.mensaje").hide('fast',function(){		
	});
	window.setTimeout(function(){
	
		enviaAjax();
		
	},100);
	function enviaAjax(){
		$.ajax({
			type:'get',
			url:'ajax/lista_wall2.php',
			data:{listaMensajesWall:paginaActual*numMaxReg,maxNum:numMaxReg,paginaActual:paginaActual},
			success:function(txt){
				$("#mensajesNoDestacados").html(txt);
				window.setTimeout(function(){activaListaMensajes();activaPaginador();},100);
			}
		
		
		});
	}
	$("div.paginasMensajes a").each(function(){
		var n=$(this).html();
		//alert(n+"//"+paginaActual);
	});


}
$("#btn_ini").click(function(){
	paginaActual=$(this).data('num');
	paginacion($(this).data('num'));
}).data('num',0);

$("#btn_fin,#btn_sig,#btn_ant").click(function(){

	if($(this).data('num')!=undefined){
		paginaActual=$(this).data('num');
		//$("#numeroPagina").html(""+(paginaActual+1)+"");
		paginacion($(this).data('num'));
	}
});
var numTotPags=$("#numTotPags").html();
$("#btn_fin").data('num',numTotPags-1);

function activaPaginador(){
	$("#numeroPagina").html(""+(paginaActual+1)+"");
	var numTot=$("#numTotMens").html();	
	switch(paginaActual){
	
		case 0:		
			$("#btn_ant").data('num',0);
			$("#btn_sig").data('num',1);
		break;
		case 1:
			$("#btn_ant").data('num',0);
			$("#btn_sig").data('num',2);			
		case 2:
			$("#btn_ant").data('num',1);
			$("#btn_sig").data('num',3);			
		case 3:
			$("#btn_ant").data('num',2);
			$("#btn_sig").data('num',4);			
		case 4:
			$("#btn_ant").data('num',3);
			$("#btn_sig").data('num',5);	
		
		
		default:
		
		break;
	
	}
}
//activaPaginador();
paginacion(0);
/*
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
function activaListaMensajes(){
















	//var izq=($(window).width()-ancho)/2;
	//var top=($(window).height()-alto)/2;
	//alert(document.body.clientHeight)

	$("div.mensaje").css({cursor:'pointer'}).click(function(){		
		var id=$(this).attr('id').replace("mensajeWall","");
		mensajeWallModal(id)

		

	});



}

activaListaMensajes();


function mensajeWallModal(id){
	var modalMensaje=modal;
	var ancho=320;
	var alto=300;
		var izq=($(window).width()-ancho)/2;
		var top=($(window).height()-alto)/2;
		modalMensaje=modal;
		modalMensaje.containerCss={top:top+'px',left:izq+'px',marginLeft:'0px',height:alto+'px',width:ancho+'px',backgroundColor: '#ffffff', border: '1px solid #333333'};
		modalMensaje.overlayCss={height:'6000px'};
		
		
			
			$.ajax({
				type:'get',
				url:'ajax/lista_wall2.php',
				data:{idMensaje:id},
				success:function(txt){
					var div=document.createElement('div');
	
					if(usuario=="adma"){
	
					}else{
						
					}
					$(div).html(txt).modal(modalMensaje);
				}
			
			
			});

}

/*
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
var jsCargados=false;


/*
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
var paginaWall=0;
function listaWall(){

	$.ajax({ 
	
		type:'get',
		url:'ajax/lista_wall2.php',
		data:{todos:1,pagina:paginaWall},
		success:function(txt){
			$("#listaWall").html(txt);
			//preload();
			activaWall({});
		
		}
	
	
	});


};
listaWall();
/*
--------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
*/
 
var posY=0;

function activaWall(datos){

$("#wallDer").mouseover(function(){

	ocultaBocadillos();

});
$("#listaWall").mouseout(function(){

	ocultaBocadillos();

});
	var n=0;
	$("div.wall").each(function(){	
		var yo=$(this);
		
		var id=yo.attr('id').replace("wall","");
		yo.css({cursor:'pointer'});
		if(!yo.hasClass('vacia')){
		
		
		
		
			/*yo.jHelperTip({		
				trigger: "hover",
				source: "ajax",
				type: "GET", 
				url: 'ajax/lista_wall2.php',
				data: {id:id},
				loadingImg: 'img/ajax-loader.gif',
				loadingText: '',
				autoClose: false, 
				opacity: 1
			});*/
		};
		if(datos.mostrarPrimero && n==0){
			/*yo.animate({"left": "+=50px"}, "slow",function(){
				yo.animate({"top": "+=50px"}, "slow");
			});*/
			var back=yo.children('img').attr('src');
			//alert(back);
			var img=document.createElement('img');
			$(img).attr('src',back).fadeTo('slow',0.2);

			var div=document.createElement('div');
			$(div).attr('id','provisional').html("").css({border:'4px solid yellow',overflow:'hidden',position:'absolute',zIndex:'1000',top:'0px',left:'0px',width:'68px',height:'68px'});
			window.setTimeout(function(){$('#provisional').remove();},14000);
			yo.append(div);
		}
		n++;
	}).mouseover(function(e){
	
	
	
	
	
	
		posY=e.pageY+10;
		posX=e.pageX+10;
		var yo=$(this);
		var id=yo.attr('id').replace("wall","");
		if(id!=""){
			var Diferencia=($(window).height())-posY;
			
			var nombre=$("#nombre"+id).html();
			var fecha=$("#fecha"+id).html();
			var comentario=$("#comentario"+id).html();
			var imagen="thumbs/phpThumb.php?src=../"+$("#foto"+id).html()+"&w=110";
			
			var html="<div style='padding-top:10px'>";
			html+="<table border=0 class='tabla' width='250px' height='280px'>";
			html+="<tr valign=center>";
			html+="<td width=110px>";
			html+="<img src='"+imagen+"'>";
			html+="</td>";		
			html+="<td>";
			html+=""+nombre+"<br>"+fecha;
			html+="</td>";
			html+="</tr>";
			html+="<tr valign=center>";
			html+="<td colspan=2 valign=center><p style='height:160px;overflow:auto'>"+comentario+"</p></td>";
			html+="</tr>";
			html+="</table>";
			html+="</div>";
			
			
			cargaImagenBocadillo(imagen);
		
		}
		
		function muestraBocadillos(){
			if(Diferencia>300){
				$('#divBocadillo').css({top:posY+'px',left:posX+'px'});
				$('#divBocadillo2').css({top:'-1000px',left:posX+'px'});
	
			}else{
				$('#divBocadillo2').css({top:posY-400+'px',left:posX+'px'});
				$('#divBocadillo').css({top:'-1000px',left:posX+'px'});
			}
			
			$('#divBocadillo').html(html);
			$('#divBocadillo2').html(html);
		
		
		}
		function cargaImagenBocadillo(imagen){
	        var img = new Image();
	        $(img).load(function () {
					//alert('cargada');
					muestraBocadillos();
	        }).error(function () {
	            // notify the user that the image could not be loaded
	        }).attr('src', imagen);
		
		}

		
		
		
		
		
		
		
		
	
	}).mouseout(function(){
		//$('#divBocadillo').hide();
		ocultaBocadillos();
		

		
		
	
	}).mousemove(function(e){
	
				posY=e.pageY+10;
				posX=e.pageX+10;
				
				
				
				
	}).click(function(){
		var id=$(this).attr('id').replace("wall","");
		mensajeWallModal(id)
	
	});

}
function ocultaBocadillos(){
	posX=-1000;
	$('#divBocadillo').css({top:'-1000px',left:posX+'px'}).html("");
	$('#divBocadillo2').css({top:'-1000px',left:posX+'px'}).html("");

}
function cargarImagen(){
		/*var yo=this;
		$('#loader').addClass('loading').html("");
        var img = new Image();
        $(img).load(function () {

            $(this).hide();
            $('#loader').removeClass('loading').append(this);
            $(this).fadeIn();
        }).error(function () {
            // notify the user that the image could not be loaded
        }).attr('src', yo.url);*/
}
/*
Esta función se encarga de lo siguiente:
1) Primero hay que cargar en un div las imágenes. Para ello basta con colocar una serie de divs en e div 'ph-images'
3) Se recorren los divs hijos de este div de carga (ph-images) y se convierten en imágenes
4) Tras un breve timer se ejecuta la función del plugin $.preload('nombreDelDiv img',{datos});

*/
function preload(){
	//$('#summary').fadeIn('slow');
	
	/**
	 * All the functions below, are used to update the summary div
	 * That is not the objective of the plugin, the really important part 
	 * is the one right below. The option placeholder, and threshold.
	 */

	window.setTimeout(function(){
	
		$.preload( '#listaWall img', {//the first argument is a selector to the images
			onRequest:request,
			onComplete:complete,
			onFinish:finish,
			placeholder:'blank.gif',//this is the really important option
			notFound:'blank.gif',//optional image if an image wasn't found
			threshold: 2 //'2' is the default, how many at a time, to load.
		});
	},200);
	
	function update( data ){
		$('#done').html( ''+data.done );
		$('#total').html( ''+data.total );
		$('#loaded').html( ''+data.loaded );
		$('#failed').html( ''+data.failed );
	};
	function complete( data ){
		//update( data );
		//$('#image-next').html( 'none' );//reset the "loading: xxxx"
		//$('#image-loaded').html( data.image );
		
	};
	function request( data ){
		//update( data );
		//$('#image-next').html( data.image );//set the "loading: xxxx"
	};
	function finish(){//hide the summary
		//$('#summary').fadeOut('slow');
		//alert('cargadas');
		activaWall({});
	};

}

function fadeDivWall(el){
var padre=el.parent();
padre.fadeTo('slow',0,function(){
	
	padre.show().fadeTo('slow',1);

});
}