var headerHeight = 150;
var footerHeight = 150;
var togglerHeight = 69;
var noOfTogglers = 4;
var requiredMinTotalHeight = (togglerHeight * noOfTogglers) + (headerHeight + footerHeight);
var requiredMinContentsHeight = (togglerHeight * noOfTogglers);
var totalHeight = getHeight();
var requiredHeight = setRequiredHeight();
var heightParam = setHeightParam();

/* Get the inner height of the Viewport */
function getHeight()
{
	var height = 0;

	//IE
	if(!window.innerHeight)
	{
		//strict mode
		if(!(document.documentElement.clientHeight == 0))
		{
			height = document.documentElement.clientHeight;
		}
		//quirks mode
		else
		{
			height = document.body.clientHeight;
		}
	}
	//w3c
	else
	{
		height = window.innerHeight;
	}
	return height;
}

/* Set total required height of screen resolution is lower than required */
function setRequiredHeight()
{
	if(totalHeight <= requiredMinTotalHeight)
	{
		return requiredHeight = requiredMinContentsHeight;
	}
	else
	{
		return requiredHeight = totalHeight - (headerHeight + footerHeight);
	}
}

/* Set Height or Min-height of contents-wrapper depending on browser (IE6 dies not understand min-height )*/
function setHeightParam()
{
	var browser = navigator;
	var browserName = browser.appName;
	var browserVersion = browser.userAgent;
	var stringToCheck = browserVersion;
	
	if (browserName == "Microsoft Internet Explorer" && stringToCheck.indexOf("MSIE 6.0") > -1)
	{
		return "height";
	}
	else
	{
		return "min-height";
	}
}

/* Everything is OK, now initiate the script */
window.addEvent('domready', function() {

	$('contents-wrapper').setStyle(heightParam, requiredHeight);

//create our Accordion instance
	var myAccordion = new Accordion($('accordion'), 'h2.toggler', 'div.element', {
		opacity: false,
		display: -1,
		alwaysHide: true,
		onActive: function(toggler, element){
			toggler.setStyle('color', '#FFFFFF');
			toggler.setStyle('background-image', 'url(images/accordion-hover-bg.jpg)');
		},
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#666666');
			toggler.setStyle('background-image', 'url(images/accordion-closed-bg.jpg)');
		}
	});

});
