$(document).ready(function() {
	$('#menu ul li').hover(function() { //mouse in
		$(this).animate({ marginLeft: '+=27px' }, 400);
	}, function() { //mouse out
		$(this).animate({ marginLeft: '-=27px'  }, 400);
	});
	
	$('a[rel*=popup]').facebox();
	 $('#banner').flash({
         src: 'images/header.swf',
         wmode: 'transparent',
         height: 94,
         width: 278
     });

	 $('#intro').flash({
         src: 'images/intro.swf',
         wmode: 'transparent',
     	height: '100%',
			width: '100%'
	
     });
	$('#slide').cycle();
		$('#slide-in img').css({opacity: 0.0});
	    //setInterval( "slideSwitch()", 5000 );
		initForm();
});

ddaccordion.init({
	headerclass: "submenuheader", //Shared CSS class name of headers group
	contentclass: "submenu", //Shared CSS class name of contents group
	revealtype: "click", //Reveal content when user clicks or onmouseover the header? Valid value: "click", "clickgo", 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: true, //persist state of opened contents within browser session?
	toggleclass: ["", ""], //Two CSS classes to be applied to the header when it's collapsed and expanded, respectively ["class1", "class2"]
	togglehtml: ["suffix", "< src='images/plus.png' class='statusicon' />", "< src='images/minus.png' class='statusicon' />"], //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
		//do nothing
	}
});

function initForm()
{
	
	$('.hrform fieldset div').hide();
	$('.hrform fieldset div:first').show();
	$('.hrform fieldset legend').click(function() {
		$d = $(this).next();
		if($d.is(':visible'))
			return false;
		
		$('.hrform fieldset div:visible').slideUp('normal');
		$d.slideDown('normal');
		return false;
			
	});
	
}
function slideSwitch() {
    	var $active = $('#slide-in img.active');

	    if ( $active.length == 0 ) $active = $('#slide-in img:last');

	    // use this to pull the divs in the order they appear in the markup
	    var $next =  $active.next().length ? $active.next()
	        : $('#slide-in img:first');

	    // uncomment below to pull the divs randomly
	    // var $sibs  = $active.siblings();
	    // var rndNum = Math.floor(Math.random() * $sibs.length );
	    // var $next  = $( $sibs[ rndNum ] );


	    $active.addClass('last-active');
		$active.animate({opacity: 0.0});
	    $next.css({opacity: 0.0})
	        .addClass('active')
	        .animate({opacity: 1.0}, 1000, function() {
	            $active.removeClass('active last-active');
	        });
	
}