document.documentElement.className = "js";

/*** change page content on .left-nav click ***/	
function pageSelectControl() {

	/* stop page anchors from default beahviour by removing name attribute */
	$('.page-anchor').attr('name', '');
	
	$('.left-nav li').click(function (event) {
		
		event.preventDefault(); /* stop default behaviour on click, page jumps */
	
		/* hide pages currently shown */
		$('.page').hide();
		
		/** change background colour of selected list items in #left-nav-column **/
		$('.current-page').removeClass('current-page');
		$(this).addClass('current-page');

		var pageId = $(this).attr('data-page-num'); /* get page to show */
		var pageHash = $(this).children('a').attr('href'); /* get hash name */
		
		var visibleContentId = $('#page'+pageId);
		visibleContentId.show(); /*show chosen page*/
		
		location.hash = pageHash; /* set url hash */
		
	});
};


/*** detects hash in URL shows content to suit ***/
$(window).bind("hashchange", function(e) {
	
	var currentHash = location.hash;
	
	if(currentHash.length > 1) {
		
		$('.page').hide();
		$('.current-page').removeClass('current-page');
		
		var visibleContentNavItem = $('.left-nav li a[href$='+currentHash+']').parent();    
		var visibleContentId = visibleContentNavItem.attr('data-page-num');

		$('#page'+visibleContentId).show();	
		
		visibleContentNavItem.addClass('current-page');
		
	};
});


/*** fade between Parlee header images ***/	
function imageFadeLoop(selector) {

	$i = $(selector).children('li').length;
	$counter = 1;	
	
	setInterval(function(){
		if ($counter == $i ){
			$(selector+' li:nth-child('+$counter+')').fadeOut(500);
			$counter = 1;
			$(selector+' li:nth-child('+$counter+')').fadeIn(500);
		} else {
			$(selector+' li:nth-child('+$counter+')').fadeOut(500);
			$counter = $counter+1;
			$(selector+' li:nth-child('+$counter+')').fadeIn(500);
		};
	},7500);
};

$(function() {
    

	$(window).trigger('hashchange');
	pageSelectControl();
	
	$('#main-banner').jCarouselLite({
		visible: 1,
		btnNext: ".next",
    	btnPrev: ".prev",
		auto: 5000,
		speed: 1000
    });
	
	
	$('.gallery-set a').lightBox();
	
	imageFadeLoop('.hd-image-rotate');
	
});
