///custom javascript

function MM_openBrWindow(theURL,winName,features) { //v2.0
  window.open(theURL,winName,features);
}
 
var page_id;
function initAccordionMenu() {
	menu_id = "#accordion_menu";
	
	$(menu_id+" ul").each(function(index, domEle) {
		if($(this).attr("class") != "nohide"){
			$(this).hide();
		}else{
			$(this).siblings().addClass('active');
		}
	});
	
	$(menu_id+" li").each(function(index, domEle) {
		
		if($(this).find("a").attr("id") == page_id){
			 $(this).oneTime(2000, function() {
				$(this).find("ul").slideDown('slow', 'easeOutQuad');
			});
			$(this.children).addClass('active');
		}
	});
		$(menu_id+" li a").click(
		function() {
			if($(this).attr("href") == "#" || $(this).attr("id") == page_id){
				var checkElement = $(this).next();
				if((checkElement.is('ul')) && (checkElement.is(':visible'))) {
					if($(this).attr("class") != "nohide"){
							$(checkElement).slideUp('normal');
							$(checkElement).siblings().removeClass("active");
						}
						
					return false;
				 }
				if((checkElement.is('ul')) && (!checkElement.is(':visible'))) {
					$(menu_id+" ul").each(function(index, domEle) {
						if($(this).attr("class") != "nohide"){
							$(this).slideUp('normal');
							$(this).prev().removeClass("active");
						}												
					});
					checkElement.slideDown('normal');
					$(this).addClass('active');
					return false;
				 }
			 }
		 });
	
 }
 
 $(document).ready(function(){

	$('h1').css({'visibility':'visible'}).hide().fadeIn('slow');
	Cufon.replace('h1', { fontFamily: 'Stephanie Marie JF' });

	$('h1 strong').css({'visibility':'visible'}).hide().fadeIn('slow');
	Cufon.replace('h1 strong', { fontFamily: 'Gotham Book' });

	//$('#content_side li a').css({'visibility':'visible'}).hide().fadeIn('slow');
	//Cufon.replace('#content_side a', { hover: true, fontFamily: 'Gotham Medium' });

	//$('#content_side li li a').css({'visibility':'visible'}).hide().fadeIn('slow');
	//Cufon.replace('#content_side li li a', { hover: true, fontFamily: 'Gotham Book' });
	
	});
 
 
 
 ///SLIDESHOW
 
 $(document).ready(function() {		
	
	//Execute the slideShow, set time for each images (about 1000/sec)
	slideShow(4000);

});

function slideShow(speed) {

/*
	//pause the slideshow on mouse over
	//append a LI item to the UL list for displaying caption
	$('ul.slideshow').append('<li id="slideshow-caption" class="caption"><div class="slideshow-caption-container"><h3></h3><p></p></div></li>');
*/

	//Set the opacity of all images to 0
	$('ul.slideshow li').css({opacity: 0.0});
	
	//Get the first image and display it (set it to full opacity)
	$('ul.slideshow li:first').css({opacity: 1.0});

/*
	//Get the caption of the first image from REL attribute and display it
	$('#slideshow-caption h3').html($('ul.slideshow a:first').find('img').attr('title'));
	$('#slideshow-caption p').html($('ul.slideshow a:first').find('img').attr('alt'));
		
	//Display the caption
	$('#slideshow-caption').css({opacity: 0.7, bottom:0});
*/
	
	//Call the gallery function to run the slideshow	
	var timer = setInterval('gallery()',speed);

/*
	//pause the slideshow on mouse over
	$('ul.slideshow').hover(
		function () {
			clearInterval(timer);	
		}, 	
		function () {
			timer = setInterval('gallery()',speed);			
		}
	);
*/

}

function gallery() {


	//if no IMGs have the show class, grab the first image
	var current = ($('ul.slideshow li.show')?  $('ul.slideshow li.show') : $('#ul.slideshow li:first'));

	//Get next image, if it reached the end of the slideshow, rotate it back to the first image
	var next = ((current.next().length) ? ((current.next().attr('id') == 'slideshow-caption')? $('ul.slideshow li:first') :current.next()) : $('ul.slideshow li:first'));
		
/*
	//Get next image caption
	var title = next.find('img').attr('title');	
	var desc = next.find('img').attr('alt');	
*/

	//Set the fade in effect for the next image, show class has higher z-index
	next.css({opacity: 0.0}).addClass('show').animate({opacity: 1.0}, 1000);
	
		
/*
	//Hide the caption first, and then set and display the caption
	$('#slideshow-caption').animate({bottom:-70}, 300, function () {
			//Display the content
			$('#slideshow-caption h3').html(title);
			$('#slideshow-caption p').html(desc);				
			$('#slideshow-caption').animate({bottom:0}, 500);	
	});		
*/

	//Hide the current image
	current.animate({opacity: 0.0}, 1000).removeClass('show');

}



 /// JFLOW CONTENT SLIDER
$(document).ready(function(){
	$("#myController").jFlow({
		slides: "#slides",
		controller: ".jFlowControl", // must be class, use . sign
		slideWrapper : "#jFlowSlide", // must be id, use # sign
		selectedWrapper: "jFlowSelected",  // just pure text, no sign
		auto: false,		//auto change slide, default true
		width: "695px",
		height: "380px",
		duration: 400,
		prev: ".jFlowPrev", // must be class, use . sign
		next: ".jFlowNext" // must be class, use . sign
	});
});