var notablogi = new Array();
var notaimgi = new Array();
var ligablogi = new Array();

var notablogd = new Array();
var notaimgd = new Array();
var ligablogd = new Array();
	
		
	
var xhrq1 = $.getJSON("http://blog.udlap.mx/blog/category/culturaydeporte/?feed=json&jsonp=?",
        function(data){
        var img1izq="",nota1izq="",listaizq;
		 listaizq ="<ul class='listaizq'>";
		 var $tituloizq;
		 var $contenidoizq,$fechaizq,$ligaizq,$imgizq,$imgoldizq;
		 var $contenido1,$img1;
		 var bandera;
		 
		 $.each(data,function(key,value){
			  
			  $tituloizq = data[key].title;
			  $contenidoizq = data[key].content;
			  $ligaizq = data[key].permalink;
			  $fechaizq = data[key].date;
			  
			  
			  
			   //Detectar solo la URL de la imagen dentro del json de Wordpress
			 $contenido1 = $("'" + $contenidoizq + "'");
			  imgizq = $contenido1.filter('img');
			  
			  if((imgizq.length)!=0){
			  	$img1 = imgizq.attr('src');

                 
				 if($img1.search(".jpg") == -1){
				   if($img1.search(".gif")==-1) bandera=1;	
				  }else {
				  	bandera=0;
				  }
				
			  }else {
			    $img1 = $contenido1.filter('a').attr('href');
				
				
				if($img1.search(".jpg") == -1){
				  if($img1.search(".gif")==-1)
				   bandera=1;
			    }else{
					bandera=0;
				}
			  } 
			  
			  
			 
			
			
			if (key == 0) {
		
			   if (bandera == 1) {
				 
				 img1izq = "<img class='notaimgizq' src='/Images/Home/previewdep.jpg'/>";
				 nota1izq = $tituloizq + '<p class="verdetalle"><a href="' + $ligaizq + '" class="verdetalle" target="new">ver detalle</a></p>';
				 notablogi[key] = $tituloizq;
				 notaimgi[key] = "/Images/Home/previewdep.jpg";
				 ligablogi[key] = $ligaizq;
				 listaizq += "<li><img class='imglistaizq " + key + "' src='/Images/Home/previewdep.jpg'/></li>"; 
				 
				
				  
			   }else{
			   	 img1izq = "<img class='notaimgizq' src='http://blog.udlap.mx/wp-content/themes/Yen/timthumb.php?src=" + $img1 + "&h=146&w=211&a=t'/>";
				 nota1izq = $tituloizq + '<p class="verdetalle"><a href="' + $ligaizq + '" class="verdetalle" target="new">ver detalle</a></p>';
				 notablogi[key] = $tituloizq;
				 notaimgi[key] = "http://blog.udlap.mx/wp-content/themes/Yen/timthumb.php?src=" + $img1 + "&h=146&w=211&a=t";
				 ligablogi[key] = $ligaizq;
				 listaizq += "<li><img class='imglistaizq " + key + "' src='http://blog.udlap.mx/wp-content/themes/Yen/timthumb.php?src=" + $img1 + "&h=27&w=40&a=t'/></li>";
		
			   }
				
				
				
			} else {
				if (bandera == 1) {
					
					 img1izq = "<img class='notaimgizq' src='/Images/Home/previewdep.jpg'/>";
					 notablogi[key] = $tituloizq;
					 notaimgi[key] = "/Images/Home/previewdep.jpg";
				     ligablogi[key] = $ligaizq;
				     listaizq += "<li><img class='imglistaizq " + key + "' src='/Images/Home/previewdep.jpg'/></li>"; 
					
					 
					
				} else {
					img1izq = "<img class='notaimgizq' src='http://blog.udlap.mx/wp-content/themes/Yen/timthumb.php?src=" + $img1 + "&h=146&w=211&a=t'/>";
					notablogi[key] = $tituloizq;
					notaimgi[key] = "http://blog.udlap.mx/wp-content/themes/Yen/timthumb.php?src=" + $img1 + "&h=146&w=211&a=t";
					ligablogi[key] = $ligaizq;
					listaizq += "<li><img class='imglistaizq " + key + "' src='http://blog.udlap.mx/wp-content/themes/Yen/timthumb.php?src=" + $img1 + "&h=27&w=40&a=t'/></li>";
				
				
				 
				}
				
            }
			  if (key == 4) {
			  	
				return false;
			  }
		   
	   });
		 
		 listaizq += "</ul>";
		 
		
		 
		 $('div.notaimgizqant').html("<img class='notaimgizq' src='" + notaimgi[0] +"'/>");
		 $('div.detalleizq').html(nota1izq);
		 $('div.otrasnoticiasizq').html(listaizq);
		 var actualizq = 0;
		 
		 
		 $minizq = $('ul.listaizq > li').click(function() {
		 	
				var sigizq= $(this).index();
			
			
			imgoldizq =  "<img class='notaimgizqant' src='" + notaimgi[actualizq] + "'/>";
			actualizq= sigizq;
		 	
			img1 =  "<img class='notaimgizq' src='" + notaimgi[$(this).index()] + "'/>";
			nota1 = notablogi[$(this).index()] + '<p class="verdetalle"><a href="' + ligablogi[$(this).index()] +  '" class="verdetalle" target="new">ver detalle</a></p>';
			
			
			$('div.notaimgizqant').html(imgoldizq);
			$('img.notaimgizqant').fadeOut("slow");
			$('div.notaimgizqsig').html(img1).fadeIn("slow");
			
	
			$('div.detalleizq').html(nota1);
			
			
			
			
		 });
		 
		
		 
		 
        }).success(function(){
			$('div.preloaderizq').animate({ },100,'swing', function(){$(this).hide();  });
			
		}).error(function(error){
			
		}).complete(function(completed){
		
		});
		
		
		
		//WordPress 2






$.getJSON("http://blog.udlap.mx/blog/category/academica/?feed=json&jsonp=?",
        function(data){
         
         var img1="",nota1="",listader;
		 listader ="<ul class='listader'>";
		 var $titulo;
		 var $contenido,$fecha,$liga,img,imgoldder;
		  var $contenido2,$img2;
		  var bandera2;
		 $.each(data,function(key,value){
			  
			  $titulo = data[key].title;
			  $contenido = data[key].content;
			  $liga = data[key].permalink;
			  $fecha = data[key].date;
			  
			  
			  
			 //Detectar solo la URL de la imagen dentro del json de Wordpress 2
			 $contenido2 = $("'" + $contenido + "'");
			  img = $contenido2.filter('img');
			  if((img.length)!=0){
			  	$img2 = img.attr('src');
				
				if($img2.search(".jpg") == -1){
				   if($img2.search(".gif")==-1) bandera2=1;	
				  }else {
				  	bandera2=0;
				  }
				
			  }else{
			    $img2 = $contenido2.filter('a').attr('href');
				if($img2.search(".jpg") == -1){
				   if($img2.search(".gif")==-1) bandera2=1;	
				  }else {
				  	bandera2=0;
				  }
			  }
			
			
			if (key == 0) {
				
				if(bandera2 ==1){
				  img1 = "<img class='notaimgizq' src='/Images/Home/previewdep.jpg'/>";
			      nota1 = $titulo + '<p class="verdetalle"><a href="' + $liga +  '" class="verdetalle" target="new">ver detalle</a></p>'; 	
			      notablogd[key] = $titulo;
				  notaimgd[key]  =  "/Images/Home/previewdep.jpg'";
				  ligablogd[key] = $liga;
				  listader += "<li><img class='imglistaizq "  + key + "' src='/Images/Home/previewdep.jpg'/></li>";		
				} else {
				  img1 = "<img class='notaimgizq' src='http://blog.udlap.mx/wp-content/themes/Yen/timthumb.php?src=" + $img2  + "&h=146&w=211&a=t'/>";
			      nota1 = $titulo + '<p class="verdetalle"><a href="' + $liga +  '" class="verdetalle" target="new">ver detalle</a></p>'; 	
			      notablogd[key] = $titulo;
				  notaimgd[key]  =  "http://blog.udlap.mx/wp-content/themes/Yen/timthumb.php?src=" + $img2  + "&h=146&w=211&a=t";
				  ligablogd[key] = $liga;
				  listader += "<li><img class='imglistaizq "  + key + "' src='http://blog.udlap.mx/wp-content/themes/Yen/timthumb.php?src=" + $img2  + "&h=27&w=40&a=t'/></li>";	
					
				}
			
			} else {
				if(bandera2==1){
					img1 = "<img class='notaimgizq' src='/Images/Home/previewdep.jpg'/>";
			      notablogd[key] = $titulo;
				  notaimgd[key]  =  "/Images/Home/previewdep.jpg";
				  ligablogd[key] = $liga;
				  listader += "<li><img class='imglistaizq "  + key + "' src='/Images/Home/previewdep.jpg'/></li>";
				}else{
				  img1 = "<img class='notaimgizq' src='http://blog.udlap.mx/wp-content/themes/Yen/timthumb.php?src=" + $img2  + "&h=146&w=211&a=t'/>";
			      notablogd[key] = $titulo;
				  notaimgd[key]  =  "http://blog.udlap.mx/wp-content/themes/Yen/timthumb.php?src=" + $img2  + "&h=146&w=211&a=t";
				  ligablogd[key] = $liga;
				  listader += "<li><img class='imglistaizq "  + key + "' src='http://blog.udlap.mx/wp-content/themes/Yen/timthumb.php?src=" + $img2  + "&h=27&w=40&a=t'/></li>";	
					
				}
				
            }
			
			
			
			
			
			
			
			if(key == 4) return false;
		   
	   });
		 
		 listader += "</ul>";
		
		 $('div.notaimgderant').html("<img class='notaimgizq' src='" + notaimgd[0] +"'/>");
		 $('div.detalleder').html(nota1);
		 $('div.otrasnoticiasder').html(listader);
		 var actual = 0;
		 $minizq = $('ul.listader > li').click(function() {
		 	var sig= $(this).index();
			
			
				imgoldder =  "<img class='notaimgderant' src='" + notaimgd[actual] + "'/>";
				actual= sig;
			
			
			
			
			img1 =  "<img class='notaimgder' src='" + notaimgd[$(this).index()] + "'/>";
			nota1 = notablogd[$(this).index()] + '<p class="verdetalle"><a href="' + ligablogd[$(this).index()] +  '" class="verdetalle" target="new">ver detalle</a></p>';
			
			
			$('div.notaimgderant').html(imgoldder);
			$('img.notaimgderant').fadeOut("slow");
			$('div.notaimgdersig').html(img1).fadeIn("slow");;
			
			
			$('div.detalleder').html(nota1);
			
			
		 });
		 
		 
		 
		 
        }).success(function(){
			$('div.preloaderder').animate({ },100,'swing', function(){$(this).hide();  });
			
		});




//Document ready()



$(document).ready(function() {

var fecha = new Date();
var cfondo;
var verbos = Array('verboa','verbob', 'verboc', 'verbod', 'verboe','verbof');
var mes = Array ('ENE','FEB','MAR','ABR','MAY','JUN','JUL','AGO','SEP','NOV','DIC');
var colores = Array(6);
$('div.listontitulo1').hide();
$('div.listontitulo2').hide();
$('div.listontitulo3').hide();
var hoy =  mes[fecha.getMonth()];
//$('div.calfecha').append("<p>" + hoy + "</p>");







//Banner cambiante
$('#coin-slider').coinslider({
	
	width: 960, // width of slider panel
    height: 427, // height of slider panel
    spw: 1, // squares per width
    sph: 1, // squares per height
    delay: 10000, // delay between Images/Home in ms
    sDelay: 40, // delay beetwen squares in ms
    opacity: 1.0, // opacity of title and navigation
    titleSpeed: 500, // speed of title appereance in ms
    effect: 'straight', // random, swirl, rain, straight
    navigation: true, // prev next and buttons
    links : false, // show Images/Home as links 
    hoverPause: true // pause on hover
  });
  	


// botones en liston
$('div.listonliga1').mouseover(function(){
	$('div.listontitulo1').show();
}).mouseout(function(){
	
	$('div.listontitulo1').hide();
});

$('div.listonliga2').mouseover(function(){
	$('div.listontitulo2').show();
}).mouseout(function(){
	
	$('div.listontitulo2').hide();
});

$('div.listonliga3').mouseover(function(){
	$('div.listontitulo3').show();
}).mouseout(function(){
	
	$('div.listontitulo3').hide();
});



// Control de over/out para secciones

var $divacciones = $('> div', '#acciones');

//Array de colores antes del hover
$divacciones.each(function(i){
	  var nombrediv = ($(this).attr('class'));
      colores[i]= $('div.' + nombrediv).css('background-color');

});


//dependiendo del hover, cambio/restauracion de color.
$divacciones.each(function(i,item){
	
   var nombrediv = ($(this).attr('class'));
   
   
    $(this).find('ul').hover(function(){
		
		$('a.verbotitulo' + (i+1)).css('border-bottom','0px solid white');
		$('a.verbotitulo' + (i+1)).css('color','orange');
		
	    cfondo = $('div.' + nombrediv).css('background-color');
		$('div.' + nombrediv).animate({backgroundColor:'#192A00'},200);
		$('div.' + verbos[i]).animate({backgroundColor:'#192A00'},200);
		//$('div.' + nombrediv).css('','');
		
		
	}, function(){
		
		$('a.verbotitulo' + (i+1)).css('border-bottom','0px solid white');
		$('a.verbotitulo' + (i+1)).css('color','white');
		
	    $('div.' + nombrediv).animate({backgroundColor:colores[i]},130);
		$('div.' + verbos[i]).animate({backgroundColor:colores[i]},130);
		
	});
   
});




//Click botones de calendario cultural
$('div.calop3').click(function(){
	$('div.calop1').css('background-image','none');
	$('div.calop2').css('background-image','none');
	$(this).css('background-image','url("Images/Home/elegido.png")');
	var tabla="";
	
	$.getJSON(urlCultural,function(data){
	var items = [];
	$.each(data,function(key,val){
		if(key==0){
			$('div.calmainfecha').html(val.fecha);
			$('div.calmainimg').html('<img src="Images/Eventos/'+ val.img +'">');
			$('div.calmaindetalle').html('<a href="' + val.evurl + '" class="calmaindetalle"><h3>' + val.titulo + "</h3></a><p>" + val.detalle + "</p><div class='vermas'><a href='" +  val.evurl +  "'><img src='/images/home/mas_detalles.png' border='0'></a></div>");
			tabla="";
		}else{
			
			tabla += "<div class='calnotas'><div class='calnotasfecha'>" + val.fecha  +  "</div><div class='calnotasimg'><img src='Images/Eventos/" + val.img +  "'></div><div class='calnotastitulo'><a href='" + val.evurl + "' class='calmaindetalle'>" + val.titulo   + "</a></div><div class='calnotasdetalle'>" + val.detalle +  "<div class='vermas'><a href='" +  val.evurl +  "'><img src='/images/home/mas_detalles.png' border='0'></a></div></div></div>";
			
	    }
	});
	$('div.calnotaf').html(tabla);
	
});
	
});

//Click botones de calendario deportivo
$('div.calop2').click(function(){
	$('div.calop3').css('background-image','none');
	$('div.calop1').css('background-image','none');
	$(this).css('background-image','url("Images/Home/elegido.png")');
	var tabla="";
	
	$.getJSON(urlDeporte,function(data){
	var items = [];
	$.each(data,function(key,val){
		if(key==0){
			$('div.calmainfecha').html(val.fecha);
			$('div.calmainimg').html('<img src="Images/Eventos/' + val.img + '">');
			$('div.calmaindetalle').html('<a href="' + val.evurl + '" class="calmaindetalle"><h3>' + val.titulo + "</a></h3><p>" + val.detalle + "</p><div class='vermas'><a href='" +  val.evurl +  "'><img src='/images/home/mas_detalles.png' border='0'></a></div>");
			tabla="";
		}else{


    tabla += "<div class='calnotas'><div class='calnotasfecha'>" + val.fecha + "</div><div class='calnotasimg'><img src='Images/Eventos/" + val.img + "'></div><div class='calnotastitulo'><a href='" + val.evurl + "' class='calmaindetalle'>" + val.titulo + "</a></div><div class='calnotasdetalle'>" + val.detalle + "<div class='vermas'><a href='" +  val.evurl +  "'><img src='/images/home/mas_detalles.png' border='0'></a></div></div></div>";			
			
	    }
	});
	$('div.calnotaf').html(tabla);
	
});
	
});



//Click botones de calendario academico


$('div.calop1').click(function(){
	$('div.calop2').css('background-image','none');
	$('div.calop3').css('background-image','none');
	$(this).css('background-image','url("Images/Home/elegido.png")');
	var tabla="";

  $.ajax({
  	url:urlEscolar,
	dataType:'json',
	success:function(data){
    $.each(data,function(key,val){
		if(key==0){
			
			$('div.calmainfecha').html(val.fecha);
			$('div.calmainimg').html('<img src="Images/Eventos/' + val.img + '">');
			$('div.calmaindetalle').html('<a href="' + val.evurl + '" class="calmaindetalle"><h3>' + val.titulo + "</a></h3><p>" + val.detalle + "</p><div class='vermas'><a href='" +  val.evurl +  "'><img src='/images/home/mas_detalles.png' border='0'></a></div>");
			tabla="";
		
		}else{


    tabla += "<div class='calnotas'><div class='calnotasfecha'>" + val.fecha + "</div><div class='calnotasimg'><img src='Images/Eventos/" + val.img + "'></div><div class='calnotastitulo'><a href='" + val.evurl + "' class='calmaindetalle'>" + val.titulo + "</a></div><div class='calnotasdetalle'>" + val.detalle + "<div class='vermas'><a href='" +  val.evurl +  "'><img src='/images/home/mas_detalles.png' border='0'></a></div></div></div>";			
		 }
	});
	
$('div.calnotaf').html(tabla);
	
   }
	
});

});






//Carga default a calendario academico
	
	$('div.calop1').css('background-image','url("Images/Home/elegido.png")');
	var tabla;
	
	$.getJSON(urlEscolar,function(data){
	var items = [];
	$.each(data,function(key,val){
		if(key==0){
			$('div.calmainfecha').html(val.fecha);
			$('div.calmainimg').html('<img src="Images/Eventos/' + val.img + '">');
			$('div.calmaindetalle').html('<a href="' + val.evurl + '" class="calmaindetalle"><h3>' + val.titulo + "</h3></a><p>" + val.detalle + "</p><div class='vermas'><a href='" +  val.evurl +  "'><img src='/images/home/mas_detalles.png' border='0'></a></div>");
			tabla="";
		}else{



    tabla += "<div class='calnotas'><div class='calnotasfecha'>" + val.fecha + "</div><div class='calnotasimg'><img src='Images/Eventos/" + val.img + "'></div><div class='calnotastitulo'><a href='" + val.evurl + "' class='calmaindetalle'>" + val.titulo + "</a></div><div class='calnotasdetalle'>" + val.detalle + "<div class='vermas'><a href='" +  val.evurl +  "'><img src='/images/home/mas_detalles.png' border='0'></a></div></div></div>";
			
			
	    }
	});
	$('div.calnotaf').html(tabla);
	
	
});
	











//Acciones de boton redes sociales

var $socialmedia = $('> td', 'tr.socialmedia');




	
});