jQuery.fn.hoverLi = function (){
				// ---------------------- hover effect test --------------------------
				$(this).css({opacity: .8});	
				$(this).hover(function(){
						$(this).css({color: "whitesmoke"});
											 
					},function(){
						$(this).css({color: 'inherit'});
				});
				
				// ---------------------------- end test ----------------------
};

function doAjaxStart(obj, file){
	$('#loading').fadeIn("fast");
	
	obj.ajaxComplete(function(){
		$('#loading').fadeOut();
	});
}


$(function () {

	$('#home a').hover( function(){
			$(this).stop().fadeTo(200, 0);			
		}, function () {
			$(this).stop().fadeTo(500 , 1);
	});	
	
		$('#home a').click(function(){
			$('#table').addClass('clean');
			$('#home').fadeOut("slow").addClass('hide');
			var link = $(this).attr('href');	
				 
				doAjaxStart( $('#main'),"ajax/ajax/catEvent.php");
				$.post("ajax/catEvent.php",{content : link },function(data){
				
					if(data.loaded){
					
						var events = data.events;
						var information = data.info;
						
							
						$('#miniNav').html("<br>"+events).fadeIn();
						
						$('#main').html(information).fadeIn();	
						$('li').hoverLi();
							
						
							var look = "div#"+events;
							
							
							$('#main li').click(function(){
							
								var eventNumber = $(this).attr("title");
								
								
								$('#main').fadeOut();
								$('#main').html("").html("<div id='loading'> loading...</div>");
								$('#loading').fadeIn();
									$.post("ajax/catEventDetail.php",{categoryEvent : eventNumber, cat : events},function(detail){
									
										$('#miniNav').append(" : event "+eventNumber);
										if(detail.success){
											$('#main').html(detail.info).fadeIn();
										}else{
											$('#main').html(detail.error).fadeIn();
										}
									},'json'); // end category events --get events info 
							});// end events click 
					}else{
						$('#main').html(data.error).fadeIn();
					}
				},'json'); // end home screen post
		}); // end home screen click -- category
		
		
			
	
});