var page_hash_id = window.location.hash.slice(1);
var first_page_id = '';
var current_page = null;
var current_page_id = '';

window.dhtmlHistory.create({
	toJSON: function(o) {
		return Object.toJSON(o);
	}
	, fromJSON: function(s) {
		return s.evalJSON();
	}
});
var pageHistoryChange = function(newLocation, historyData) {
	if (newLocation != '' && newLocation != null) showpage(newLocation);
	else if (first_page_id != '' && first_page_id != null) showpage(first_page_id, true);
}
//Event.observe(window, 'load', function() { 
document.observe('dom:loaded', function() { 
	dhtmlHistory.initialize();
	dhtmlHistory.addListener(pageHistoryChange);
	
	if (dhtmlHistory.isFirstLoad()) 
	{
		showpage((page_hash_id == '' || page_hash_id == null) ? first_page_id : page_hash_id, true);
	}
});
function showpage(id, skipHistory)
{
	if (id == '' || id == null || id == current_page_id) return false;
	
	var page = $('page-'+id);
	if (page) 
	{ 
		new Effect.Morph('pages', { style:'height:'+page.getHeight()+'px;', duration:0.5 });
		page.appear({ duration:0.5 }); 
		$('menu-'+id).addClassName('selected'); 
	}
	if (current_page) { current_page.fade({ duration:0.5 }); $('menu-'+current_page_id).removeClassName('selected'); }
	
	if (skipHistory != true) dhtmlHistory.add(id);
	current_page = page;
	current_page_id = id;
	
	return false;
}