// globals

$(document).ready(function() {
	init();
	initWindow();
});
$(window).load(function() {
	updateFooter();
});
$(window).resize(function(){
	updateFooter();
});
function updateFooter(bEndCheck)
{
	$('#footer').css('padding-top', 0);

	var myHeight = $('#footer').outerHeight({margin:true,padding:true});
  var objTmp = $('#footer').offset();
  var myWindowH = $(window).height();
  var nTmp = myWindowH-objTmp.top-myHeight;
  if(nTmp<40) nTmp = 40;
  $('#footer').css('padding-top', nTmp+'px');
}
function initWindow(bAjax)
{
	try{
		$.ajax({url: 'js/accordion/'+g_includeAccordion,
			type: 'GET',
			cache: false,
			dataType: 'text',
			timeout: 10000,
			error: function() {
				alert('Unable to load accordion menu. Please refresh. Thank you.');
				g_ajaxLoading = false;
			},
			success: function(data){
				$('#sidenav').html('');
				$('#sidenav').append(data);
				ddaccordion.init({
					headerclass: "lv1", //Shared CSS class name of headers group
					headerclass2: "lv0", //non expandable header
					contentclass: "submenu", //Shared CSS class name of contents group
					revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
					mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
					collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
					defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
					onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
					animatedefault: false, //Should contents open by default be animated into view?
					persiststate: false, //persist state of opened contents within browser session?
					toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
					togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
					animatespeed: "normal", //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
					oninit:function(headers, expandedindices){ //custom code to run when headers have initalized
						//do nothing
					},
					onopenclose:function(header, index, state, isuseractivated){ //custom code to run whenever a header is opened or closed
						//initScroller();
					}
				});
			}
		});
	}catch(e) { }
	
	try{
		// set mouseover effect
		$('img[rollover]').each(function(index){
			if($(this).parent().attr('href')==CLASSID) {
				$(this).attr('norollover', $(this).attr('src'));
				$(this).attr('src', $(this).attr('rollover'));
			} else {
				$(this).attr('norollover', $(this).attr('src'));
				$(this).hover(function () {
						$(this).attr('src', $(this).attr('rollover'));
					},
					function () {
						$(this).attr('src', $(this).attr('norollover'));
					}
				);
			}
		});
		
		ddaccordion.init({
			headerclass: "acc_join", //Shared CSS class name of headers group
			headerclass2: "acc_join0", //non expandable header
			contentclass: "acc_joinsub", //Shared CSS class name of contents group
			revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click" or "mouseover
			mouseoverdelay: 200, //if revealtype="mouseover", set delay in milliseconds before header expands onMouseover
			collapseprev: true, //Collapse previous content (so only one open at any time)? true/false
			defaultexpanded: [], //index of content(s) open by default [index1, index2, etc] [] denotes no content
			onemustopen: false, //Specify whether at least one header should be open always (so never all headers closed)
			animatedefault: false, //Should contents open by default be animated into view?
			persiststate: false, //persist state of opened contents within browser session?
			toggleclass: ["", "selected"], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
			togglehtml: ["", "", ""], //Additional HTML added to the header when it's collapsed and expanded, respectively  ["position", "html1", "html2"] (see docs)
			animatespeed: "normal" //speed of animation: integer in milliseconds (ie: 200), or keywords "fast", "normal", or "slow"
		});
	}catch(e) {}

}
