$(function(){
	var LoadMsg = 'Please Wait ...';
	$('#nav-ajaxtabs ul li a').click(function(){
		if(!$(this).hasClass("active")) {
		var _Href = $(this).attr('href');
		$('#nav-ajaxtabs ul li a').removeClass("active");
		$(this).addClass("active");

		
		//$('<div id="loading">'+LoadMsg+'</div>').appendTo('#content-pane').fadeIn('slow',function(){
		centerElementOnScreen(document.getElementById( 'loading' ));
		$('#loading').fadeIn('slow',function(){
			$.ajax({
				type:	'POST',
				url:	_Href,
				data:	"ajax=1",
				dataType:	'html',
				timeout:	5000,
				success: function(d,s){
						$('#loading').fadeOut('slow',function(){
							//$(this).remove();
							$('#wrapper-ajaxtabs').show('slow',function(){
									$(this).html(d).show('slow');
								});
							});
						},
				error: function(o,s,e){
							$('#loading').html('Ajax Request Failed: '+s);
							eTimer(_Href);
						}
			});
		});
		}
		return false;
	});
	
	function eTimer(url) {
		var t=setTimeout("window.location='"+url+"'",1000);
		$('#loading').fadeOut('slow');
	}
});


function centerElementOnScreen(element)
{
   var scrollTop = document.body.scrollTop;
   var scrollLeft = document.body.scrollLeft;
  
   var viewPortHeight = document.body.clientHeight;
   var viewPortWidth = document.body.clientWidth;
  
   if (document.compatMode == "CSS1Compat")
   {
    viewPortHeight = document.documentElement.clientHeight;
    viewPortWidth = document.documentElement.clientWidth;
  
    scrollTop = document.documentElement.scrollTop;
    scrollLeft = document.documentElement.scrollLeft;
   }
  
   var topOffset = Math.ceil(viewPortHeight/2 - element.offsetHeight/2);
   var leftOffset = Math.ceil(viewPortWidth/2 - element.offsetWidth/2);
  
   var top = scrollTop + topOffset - 40;
   var left = scrollLeft + leftOffset - 70;
  
   element.style.position = "absolute";
   element.style.top = top + "px";
   element.style.left = left + "px";
}