var g_ajaxLoading = false;
var g_ajaxTarget = '#bodycopy div.img img';
var g_ajaxTarget2 = '#bodycopy div.txt';
var g_prettyPopin = false;
var g_cycleTransitionDone = true;
var g_cycleIdx = 0;
var CLASSID = new String(window.location);
CLASSID = CLASSID.substr(CLASSID.lastIndexOf('/')+1);
if(CLASSID.indexOf('?')>0) {
	CLASSID = CLASSID.substr(0, CLASSID.indexOf('?'));
}
if(CLASSID.indexOf('#')>0) {
	CLASSID = CLASSID.substr(0, CLASSID.indexOf('#'));
}
if(CLASSID=='') CLASSID = 'index.html';

$(document).ready(function() {
	swfobject.embedSWF("../flash/navigation-c.swf", "nav", 960, 178, "8", "flash/expressinstall.swf", null, {wmode:"transparent"});
	
	if($.fn.cycle!=undefined) {
		$.fn.cycle.updateActivePagerLink = function(pager, currSlideIndex) {
			$(pager).find('p').removeClass('control-btn-active')
		  	.filter('p:eq('+currSlideIndex+')').addClass('control-btn-active');
		  $(pager).find('p img').unbind();
		  $(pager).find('p img').attr('src', $(pager).find('p img:first').attr('norollover'));
		  $(pager).find('p.control-btn img').each(function(index) {
		  	if($(this).attr('norollover')==undefined) $(this).attr('norollover', $(this).attr('src'));
		  	if($(this).parent().hasClass('control-btn-active')) {
		  		$(this).attr('src', $(this).attr('rollover'));
		  		return;
		  	}
		  	$(this).hover(
		  		function () {
						$(this).attr('src', $(this).attr('rollover'));
					},
					function () {
						$(this).attr('src', $(this).attr('norollover'));
					}
				);
			});
		};
		$('#slideshow').cycle({
			fx: 'scrollHorz',
			speed:500,
			timeout: 10000,
		  pager:  '.csr-control',
		  pagerAnchorBuilder: function(idx, slide) {
		  	return '<p class="control-btn"><img rollover="i/csr-mouseover.gif" src="i/csr-mouseout.gif" /></p>';
		  }
		});
	}
	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 {
				if($(this).attr('norollover')!=undefined) return;
				$(this).attr('norollover', $(this).attr('src'));
				$(this).hover(function () {
						$(this).attr('src', $(this).attr('rollover'));
					},
					function () {
						$(this).attr('src', $(this).attr('norollover'));
					}
				);
			}
		});
	}catch(e) { }
	
	g_ajaxLoading = true;
	$.ajax({url: '../js/accordion/'+g_includeAccordion,
		type: 'GET',
		cache: false,
		dataType: 'text',
		timeout: 10000,
		error: function(data, status, error) {
			alert(error);
			g_ajaxLoading = false;
		},
		success: function(data){
			$('#sidenav').html('');
			$('#sidenav').append(data);
			// IE Bug
			var szTmp = new String(window.location);
			var nPos = szTmp.lastIndexOf('/');
			if(nPos!=-1) {
				szTmp = szTmp.substr(0, nPos+1)
				$('#sidenav a').each(function() {
					var szParse = $(this).attr('href');
					szParse = szParse.replace(szTmp, '');
					$(this).attr('href', szParse);
				});
			}
			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: ["", "perm"], //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: "fast", //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();
				}
			});
			g_ajaxLoading = false;
		}
	});
	if($('#signup').html()!=null) {
		$('#signup img:first').click(function() {
			var objParent = $(this).parent().parent();
			if(objParent.height()==50) {
				objParent.stop().animate({height:150}, 'fast');
			} else {
				objParent.stop().animate({height:50}, 'fast');
			}
		});
	}
});