var timeout         = 500;
var closetimer		= 0;
var ddmenuitem      = 0;

function jsddm_open()
{	jsddm_canceltimer();
	jsddm_close();
	ddmenuitem = $(this).find('ul').eq(0).css('visibility', 'visible');}

function jsddm_close()
{	if(ddmenuitem) ddmenuitem.css('visibility', 'hidden');}

function jsddm_timer()
{	closetimer = window.setTimeout(jsddm_close, timeout);}

function jsddm_canceltimer()
{	if(closetimer)
	{	window.clearTimeout(closetimer);
		closetimer = null;}}














var displayState = [];	
function setup(){
	//get all regions
	var rows = jQuery("li.region");	
	//loop through them		
	for(var i = 0; i<rows.length; i++){
		var rID = rows[i].id;
		var toggle = jQuery("#"+rows[i].id+" .toggle_btn");
		
		var header = jQuery("#"+rows[i].id+" .collapse-header");
		
		toggle.show();
		//add click listener to toggle buttons			
		setClick(header, rID);
		//add to display state
		displayState[rID] = 0;
		//toggle visibility of hideboxes to off
		jQuery("#"+rID+" .hidebox").hide();
		jQuery("#"+rID+" .collapse_btn").hide();
	}		
}
function setClick(target, setID){
	target.click(function () {			
		toggleRegion(setID);					
	});
}
function toggleRegion(regionID){	
	var collapse_btn = jQuery("#"+regionID+" .collapse_btn");
	var header = jQuery("#"+regionID+" .collapse-header");
	var expand_btn = jQuery("#"+regionID+" .expand_btn");
	var hidebox = jQuery("#"+regionID+" .hidebox");
	

	
	if(displayState[regionID]){
		//show
		displayState[regionID] = 0;
		collapse_btn.hide();
		hidebox.animate({height: 'toggle'}, 500);
		expand_btn.show();
		
		header.addClass('closed');
		header.removeClass('open');
		
	} else {
		//hide
		displayState[regionID] = 1;
		collapse_btn.show();
		hidebox.animate({height:'toggle'}, 500, 'easeInOutQuad');
		expand_btn.hide();
		
		header.removeClass('closed');
		header.addClass('open');
	}
}


function launchDemo() {

	var url = "http://demos.kognito.com/atrisk/launch.html";
	var w = window.open(url, "atrisk_demo", "width=1020,height=650,toolbars=no");
}





$(document).ready(function()
{	$('#top_nav > li').bind('mouseover', jsddm_open);
	$('#top_nav > li').bind('mouseout',  jsddm_timer);
	
	setup();
	});

document.onclick = jsddm_close;