$(window).load(function() {
	var scrollapi;
	initSite();
});


function initSite() {
	//alert("initsite");
	//ui
	$('li').button();
	$('#radioset').buttonset();
	$('#radioset').css('visibility', 'visible');
	//interaction
	$('input[name=menu]').click(menuHandler);
	//disable selection of divs
	$('div').each(function(){($(this).attr('unselectable', 'true'))});

	//init jScrollPane
	var settings = {
		autoReinitialise: 		true,
		autoReinitialiseDelay: 	500,
		showArrows: 			true,
		maintainPosition: 		true
	};
	scrollapi = $('#content').jScrollPane(settings).data('jsp');

	//load first page from hash
	var hash = $.url.attr('anchor');
	var page = 'home';
	page = hash && hash.match(/(home|contact|course|service|travel|)/i) ? hash.toLowerCase() : page;
	selectRadio("radio_"+page);	
	loadPage(page);
}

function menuHandler() {
	selectRadio($(this).attr('id')); // e.g. 'radio_pvm'
	setHash($(this).attr('value')); // e.g. 'pvm'
	loadPageFaded($(this).attr('value'));
}
function loadPageFaded(page) {
	//_submittedonce = false;
	scrollapi.getContentPane().fadeTo(200, 0, function() {loadPage(page)});	
}
function selectRadio(id) {
	//remove props
	$('label').attr('aria-pressed', 'false');
	$('label').removeClass('ui-state-active');
	//add props to selected radio
	$('label[for='+id+']').attr('aria-pressed', 'true');
	$('label[for='+id+']').addClass('ui-state-active');
}
function setHash(id) {
	window.location.hash = '#'+id;
}

function loadPage(id) {
	var page = './pages/'+id+'.html';
	scrollapi.getContentPane().load(page, onLoadPage);
	//change buttons
//	$('.ui-state-default').css('color', '#eeeeee');
//	$('.ui-state-active').css('color', clrbtn);
}
function onLoadPage(response, status, xhr) {
	if (status == "error") {
		var msg = "Sorry but there was an error: ";
		scrollapi.getContentPane().html(msg + xhr.status + " " + xhr.statusText);
	} else {
		//page inits
		//$('button').button();
		//$('#demo-submit').button();
//		initHome();
//		initDownloadButtons();
//		initVideoPopups();
//		initVideoPopup2();
		initButtons();
		initScrolls();
		initDatePicker();
		initGallery();
		initCollapse();
	}
}
function initCollapse() {
	hideAllRows();
	//li { cursor: hand; cursor: pointer; } //need both for ie and others
	$('.collapser').css('cursor', 'hand');
	$('.collapser').css('cursor', 'pointer');
	$('.collapser').click(showRow);
}
function hideAllRows() {
	$('.collapsable').children().hide();
}
var lastrow;
function showRow() {
	var rel = $(this).attr('rel');
	if(rel == lastrow) {
		$('.collapsable[rel="'+rel+'"]').children().fadeOut('slow');
	} else {
		hideAllRows();
		//$('.collapsable[rel="'+lastrow+'"]').children().fadeOut('fast');
		$('.collapsable[rel="'+rel+'"]').children().fadeIn('slow');		
	}
	
	lastrow = rel;
}

function initButtons() {
	$('button').button();
}
function initScrolls() {
	scrollapi.getContentPane().fadeTo(300, 1);
	scrollapi.reinitialise();
}
function initDatePicker() {
	// Datepicker
	$('#datepicker').datepicker({
		inline: true
	});
}
function initGallery() {
	$('#gallery a').lightBox();
}