// JavaScript Document
var originalHeight = new Array();

function animate(div)
{
	jQuery(div).bind("mouseenter focus", function() {
		ChangeClass(jQuery(div));
		jQuery(div).children(".slideOver").stop();
		jQuery(div).children(".textoMore").stop();
		jQuery(div).children(".slideOver").animate({height:"176px"}, 500, "", function(){ShowText(jQuery(div))} );
	});
	jQuery(div).bind("mouseleave blur", function() {
		UnChangeClass(jQuery(div));
		jQuery(div).children(".textoMore").stop();
		jQuery(div).children(".textoMore").hide();
		jQuery(div).children(".slideOver").stop();
		jQuery(div).children(".slideOver").animate( { height:originalHeight[div]+"px" }, 500, "");
    });
}

jQuery(document).ready(function() {
	//find all the parent divs
	var mainDivs = jQuery(".thumbHolder");
	//set the children
	for (var loopCounter = 0; loopCounter < mainDivs.length; loopCounter++) {
		originalHeight[mainDivs[loopCounter]] = jQuery(mainDivs[loopCounter]).children(".slideOver").height();
		animate(mainDivs[loopCounter]);
	}
});



function ChangeClass(obj) {
	jQuery(obj).children(".text").addClass("open");
}

function UnChangeClass(obj) {
	jQuery(obj).children(".text").removeClass("open");
}

function ShowText(obj) {
	jQuery(obj).children(".textoMore").show(500);
}