/*
 * jQuery script to add open/close handle to teaser boxes
 * http://jquery.com/
 * http://burnabit.com/
 *
 * Copyright 2011, bjorn.wendeler@burnabit.com
 *
 */

var elHeight;
 
jQuery(document).ready(function () {
	setBoxesButton();
	elHeight = jQuery('div#c82').outerHeight();
});

function setBoxesButton () {
	var btn = '<div id="boxbtn"><a href="#" title="Klicken Sie hier, um die Boxen zu schliessen.">Boxen schliessen</a></div>';
	jQuery('#c82').append(btn);
	jQuery('#boxbtn').addClass('open');
	jQuery('#boxbtn').bind('click', function() {
	
		if ( elHeight == jQuery('div#c82').outerHeight() ) {
			closeBoxes();
		} else {
			openBoxes();
		}
	});
}

function closeBoxes () {
//	jQuery('div#c82 ul.multicolumnContainer').fadeTo('slow', 0.0);
	jQuery('div#c82 ul.multicolumnContainer').animate(
		{
			opacity: 0
		}, 
		500,
		function () {
			jQuery('div#c82 ul.multicolumnContainer').css('display', 'none');
		}
	);
	jQuery('div#c82').animate({height: '50px'}, 'slow', function(){
		jQuery('#boxbtn').removeClass('open');
		jQuery('#boxbtn').addClass('close');
	});
}

function openBoxes () {
//	jQuery('div#c82 ul.multicolumnContainer').css('visibility', 'show');
	jQuery('div#c82 ul.multicolumnContainer').fadeTo('slow', 1);
	jQuery('#c82').animate({
		height: elHeight+'px'
	}, 'slow', function () {
		jQuery('#boxbtn').removeClass('close');
		jQuery('#boxbtn').addClass('open');
	});
}