$(document).ready(function() {
 	// adds hover effects for the Navigation Buttons
	// removes Text Aids that would help non-js Browsers when the corresponding DOM is ready
	// && sets an initial category. Assuming the pageloads with "chat"
	$(".nav_main").ready(function(){
		$(".nav_main a").empty(); 
		}
		);
	//add social media icon hover
		$(".socialbar img").live("mouseover", function(){
			$(this).animate({opacity:1, padding:8});
		});
		$(".socialbar img").live("mouseout", function(){
	
			$(this).animate({opacity:0.5, padding:2});
		});
	
	//add hover
	$(".nav_main a").live("mouseover", function(){
		var cl = $(this).attr("class");
		cl = cl +"_hover";
	
		$(this).attr('class', cl)
	});
	$(".nav_main a").live("mouseout", function(){
		var cl = $(this).attr("class");
		cl  = cl.substring(0,(cl.length - 6));
		
		$(this).attr('class', cl)
	});
	
	//flashes the social icons after n seconds
	showsocial(1500);
});	

function showsocial(t){
setTimeout('social_pad()',t);

}
function social_pad(){
	$(".socialbar img").animate({opacity:1, paddingLeft:[2, 'swing']});
	setTimeout('social_depad()',2000);
}
function social_depad(){
	$(".socialbar img").animate({opacity:0.5, paddingLeft:[0, 'swing']});
}

function uploadok(){

return true;
}