var maxWidth = 229;
var minWidth = 60;
var maxOpac = 1.0;
var minOpac = 0.4;
var dura = 300;

jQuery.noConflict();

jQuery(document).ready(function() {
	lastBlock = jQuery(initialObject);
	jQuery("ul#mainTeaserIndex").css({display: "block"});
	jQuery(initialObject).removeClass("active");
	jQuery(initialObject).find(".on").css({display: "block"});
	jQuery("ul#mainTeaserIndex").find("li").each(
		function() {
			jQuery(this).animate({width: minWidth+"px"}, { queue:false, duration: dura });
			jQuery(this).find(".on").animate({opacity: 0}, { queue:false, duration: dura });
			jQuery(this).find(".on").css({display: "block"});
			jQuery(this).find(".off").css({display: "block"});
		}
	);
	jQuery(initialObject).find(".off").animate({opacity: 0}, { queue:false, duration: dura });
	jQuery(initialObject).animate({width: maxWidth+"px"}, { queue:false, duration: dura });
	jQuery(initialObject).find(".on").animate({opacity: maxOpac}, { queue:false, duration: dura });

	jQuery("ul#mainTeaserIndex li").hover(
		function() {
			jQuery(lastBlock).animate({width: minWidth+"px"}, { queue:false, duration: dura });
			jQuery(lastBlock).find(".on").animate({opacity: 0}, { queue:false, duration: dura });
			jQuery(lastBlock).find(".off").animate({opacity: maxOpac}, { queue:false, duration: dura });
			jQuery(this).find(".off").animate({opacity: 0}, { queue:false, duration: dura });
			jQuery(this).find(".on").animate({opacity: maxOpac}, { queue:false, duration: dura });
			jQuery(this).animate({width: maxWidth+"px"}, { queue:false, duration: dura });
			lastBlock = this;
		}, function() {
			//do nothing else
		}
	);
});