jQuery.noConflict();
jQuery(document).ready(function(){
  // Para la rotacion de las ULTIMAS NOTICIAS ----------------------------------------
  	if(jQuery(".main_image").length > 0) {

		jQuery(".main_image .desc").show(); //Show Banner
		jQuery(".main_image .block").animate({ opacity: 0.65 }, 250 ); //Set Opacity
		jQuery(".image_thumb ul li:first").addClass("active"); //Add the active class (highlights the very first list item by default)
		
		//runs function on click
		jQuery(".image_thumb ul li").click(function () {
			active = jQuery(this);
			slideSwitchClick();
		})
		.hover(function(){ //Hover effects on list-item
			jQuery(this).addClass("hover"); //Add class "hover" on hover
		}, function() {
			jQuery(this).removeClass("hover"); //Remove class "hover" on hover out
		});
		
		//runs function, set timer here
		jQuery(function() {
			playSlideshow = setInterval( "slideSwitchTimed()", 6000 );
		});
		jQuery(".image_thumb ul li").hover(function() {
			clearInterval(playSlideshow);
		},function() {
			playSlideshow = setInterval( "slideSwitchTimed()", 6000 );
		});
	}
});
function slideSwitchTimed() {
	active = jQuery(".image_thumb ul li.active").next();
	if ( active.length == 0 ) active = jQuery(".image_thumb ul li:first"); //goes back to start when finishes
	slideSwitch();
}
function slideSwitchClick() {
	slideSwitch();
}
function slideSwitch() {
	var prev = jQuery(".image_thumb ul li.active");
	
	//Show active list-item
	prev.removeClass("active");
	active.addClass("active");
	
	//Set Variables
	var imgAlt = active.find("img").attr("alt"); //Get Alt Tag of Image
	var imgTitle = active.find("a").attr("href"); //Get Main Image URL
	var imgDesc = active.find(".block").html(); //Get HTML of the "block" container
	var imgDescHeight = jQuery(".main_image").find(".block").height(); //Find the height of the "block"
	
	if (jQuery(this).is(".active")) { //If the list item is active/selected, then…
		return false; // Don"t click through – Prevents repetitive animations on active/selected list-item
	} else { //If not active then…
		//Animate the Description
		jQuery(".main_image img").animate({ opacity: 0}, 250 );
		jQuery(".main_image .block").animate({ opacity: 0, marginBottom: -imgDescHeight }, 250 , function() {
			jQuery(".main_image .block").html(imgDesc).animate({ opacity: 0.65, marginBottom: "0" }, 250 );
			jQuery(".main_image img").attr({ src: imgTitle , alt: imgAlt}).animate({ opacity: 1}, 250 );
		}); 
	}
	return false;
}