// JavaScript Document
$(document).ready(function(){
	init();
});

function init(){	
	activate('li[@name*=home]');
	loadPage('home.html');	
	addActions();
}

function addActions(){
	$('ul.menu li').each(function(){
		$(this).click(function(){
			if(!$(this).hasClass("active")){
				slout('li.active');
				$('li.active').removeClass('active');				
				$(this).addClass('active');
				loadPage($(this).attr('name'));			
				return false;
			}
		});
		$(this).mousedown(function(){
			$(this).addClass('click');
		}).mouseup(function(){
			$(this).removeClass('click');
		}).mouseover(function(){			
			if(!$(this).hasClass('active')) slin(this);
		}).mouseout(function(){
			if(!$(this).hasClass('active')) slout(this);
			if($(this).hasClass('click')) $(this).removeClass('click');
		});
	});
}

function slin(li){
	$(li).animate({paddingLeft: "15px"}, {duration: 100});
}

function slout(li){
	$(li).animate({paddingLeft: "10px"}, {duration: 150});
}

function activate(li){
	$(li).addClass('active');
	slin(li);
}

var can;
var t;

function loadPage(page, params, callback, params){	
	//$('#header').html($('li.active').text());
	path = 'pages/';
	page = path + page; // + '.html';	
	$('#contents').html('<p style="margin:30px;">Loading...</p>');
	$('#contents').html(
		$.ajax({
		   type: 'POST',
		   url: page,
		   data: params,
		   async: false,
		   cache: false,
		   success: function(msg){
			 if(callback) eval(callback)();			 
		   },
		   error: function(){
			 alert('Data transfer problem occured\n Hit F5 to try again');
		   },
		   complete: function(){
			   
		   }
		 }).responseText
	);
}