$(document).ready(function(){
	
	var info;

	var indice=-1;
	var intervalo;
	/*
	$.getJSON("http://graph.facebook.com/Jarritos/feed", function(data) {
		info=data;
		intervalo=setInterval(muestraSiguiente, 6000);
		muestraSiguiente();
	});
	*/
	
	jQuery.ajax({
		type: "GET",
		url: "https://graph.facebook.com/Jarritos/feed?access_token=193494090698791|FH0NbJqbRwxJSqw3Hmm61sehHtU",
		dataType: "jsonp",
		success: function(results){
			info=results;
			intervalo=setInterval(muestraSiguiente, 8000);
			muestraSiguiente();
		},
		error: function(XMLHttpRequest, textStatus, errorThrown){
    		alert("Error");
		}
	});
	
	function muestraSiguiente(){
		//alert("test");
		clearInterval(intervalo);	
		indice++;
		if(indice>=info.data.length){
			indice=0;	
		}
		
		_im =$("<img>");
		_im.hide();
		_im.bind("load", cargado);
	
		$('#contentFacebook').prepend('<div class="celda"><a href="http://www.facebook.com/profile.php?id='+info.data[indice].from.id+'" target="_blank"></a><p id="mensaje"><span class="usuario">'+info.data[indice].from.name+':</span> '+info.data[indice].message+' <span class="creado">'+calculaTiempo(info.data[indice].created_time)+'</span></p><div class="aux" style="clear:both;"></div></div>');	
		
		var altura=$('.celda').first().css('height');
		$('.celda').first().css('top', '-'+(parseInt(altura.substring(0, altura.length-2))+7)+'px')
		
		$('.celda a').first().append(_im);
		_im.attr({'src':'http://graph.facebook.com/'+info.data[indice].from.id+'/picture', 'width':'50', 'height':'50', 'border':'0'});
		
	}
	
	function cargado(){
		
		$(this).fadeIn();
		var altura=$('.celda').first().css('height');
		
		$('.celda').first().css('top', '-'+(parseInt(altura.substring(0, altura.length-2))+7)+'px')
		
		$('.celda').animate({'top':'+='+(parseInt(altura.substring(0, altura.length-2))+7)+'px'}, 'slow', 'swing');
		
		var tp=$('.celda').last().css('top');
		var hgt=$('.celda').last().css('height');
		
		
		if(parseInt(tp.substring(0, tp.length-2))>425){
			$('.celda').last().slideDown('slow', function(){$('.celda').last().remove();})
		}
		
		$('.celda').hover(
		function(event){
			$("img", this).css("border", "3px solid #6FA325");	
		}, 
		function(event){
			$("img",this).css("border", "3px solid #FBC908");
		}
		);
	
		intervalo=setInterval(muestraSiguiente, 8000);
	}
	
	function calculaTiempo(fecha){
		var fechaActual=new Date();
		
		var split1=fecha.split("T");
		var split2=split1[0].split("-");
		var split3=split1[1].split(":");
		var split4=split3[2].split("+");
		
		var meses=Array("enero", "febrero", "marzo", "abril", "mayo", "junio", "julio", "agosto", "septiembre", "octubre", "noviembre", "diciembre");
			//new Date(año,mes,dia,hora,minutos,segundos) 
		var date=new Date(split2[0], split2[1]-1, split2[2], split3[0], split3[1], split4[0]);
		
		
		if(fechaActual.getFullYear()>date.getFullYear()){
			return date.getDate()+" de "+meses[date.getMonth()]+" de "+date.getFullYear(); 	
		}else if(fechaActual.getFullYear()==date.getFullYear()){
			if(fechaActual.getMonth()>date.getMonth()){
				return date.getDate()+" de "+meses[date.getMonth()];
			}else if(fechaActual.getMonth()==date.getMonth()){
				if(fechaActual.getDate()>date.getDate()){
					if((fechaActual.getDate()-date.getDate())==1){
						return "Hace "+(fechaActual.getDate()-date.getDate())+" día"
					}else{
						return "Hace "+(fechaActual.getDate()-date.getDate())+" días"
					}
				}else if(fechaActual.getDate()==date.getDate()){
					if(fechaActual.getHours()>date.getHours()){
						if((fechaActual.getHours()-date.getHours())==1){
							return "Hace "+(fechaActual.getHours()-date.getHours())+" hora"
						}else{
							return "Hace "+(fechaActual.getHours()-date.getHours())+" horas"
						}
					}else if(fechaActual.getHours()==date.getHours()){
						if(fechaActual.getMinutes()>date.getMinutes()){
							if((fechaActual.getMinutes()-date.getMinutes())==1){
								return "Hace "+(fechaActual.getMinutes()-date.getMinutes())+" minuto"
							}else{
								return "Hace "+(fechaActual.getMinutes()-date.getMinutes())+" minutos"
							}
						}else if(fechaActual.getMinutes()==date.getMinutes()){
							if((fechaActual.getSeconds()-date.getSeconds())==1){
								return "Hace "+(fechaActual.getSeconds()-date.getSeconds())+" segundo"
							}else{
								return "Hace "+(fechaActual.getSeconds()-date.getSeconds())+" segundos"
							}
						}
					}else{
						return "";
					}
				}
			}
		}
	}
});