/**
 * @author Michael.Howlett
 */


/**
* 
* 

* @requires jQuery
*/



var SummaryBox = Base.extend(
{
	
	constructor : function(container){
		
		var wrapper = $(container).find(".text-wrapper")
		var intro = $(container).find(".intro-text")
		var main = $(container).find(".main-text")
		var link = $(container).find(".togglelink")
		var introOn = true
	
		var introHeight = $(intro).height();
		var mainHeight = $(main).height();
	
		main.css({display:"none"});
		
	
		var yStart = ($(intro).position().top - $(container).position().top)
		var containerHeight = $(container).height()
		var wrapperHeight = $(wrapper).height()

		
		var containerDifference = (containerHeight - wrapperHeight) + yStart
		
		
		link.mousedown(function(){
			if(introOn){
				link.addClass("on");
				intro.fadeOut("fast", function(){
					
					$(wrapper).animate({
						height: (mainHeight + yStart) + "px"
					})
					$(container).animate({
						height: (mainHeight + containerDifference) + "px"
					})
					
					
					main.fadeIn()
				})
					
				introOn=false
				
				
			}else{
				
				main.fadeOut("fast", function(){
				link.removeClass("on");
					$(wrapper).animate({
						height: wrapperHeight + "px"
					})
					
					$(container).animate({
						height: containerHeight + "px"
					})
					
					intro.fadeIn()
				})

				introOn=true
				
			}
			
		})


    }
});