/*
$(document).ready(function(){
						   
		$("#content li a").addClass("off");			   

		$("#content li").fadeTo(500,0.3).hover(function(){
														$(this).find(".off").parent().fadeTo(500,1.0);
														},
														function(){
														$(this).find(".off").parent().fadeTo(500,0.3);
														}
														);
		$("#categories li a").attr("href","#");
		$("#categories li").hover(function(){
														$(this).attr("class",$(this).find("a").text())
														},
														function(){
														$(this).attr("class",$(this).find("a").text())
														}
														);	
		$("#categories li").click(function(){
										  $("#content .on").removeClass("on").parent().fadeTo(200,0.3);
										  $("#content ."+$(this).find("a").text()).parent().removeClass("off").addClass("on").parent().fadeTo(300,1.0);
										   }
								  );
});
*/
$(document).ready(function(){
		
		$("#content li img").wrap("<a></a>");	
						   
		$("#content a").addClass("off");
		
		var Xmouse;
		var Ymouse;
		

		$("#content li").fadeTo(500,0.3).hover(function(){
														$(this).find(".off").parent().fadeTo(500,1.0);
														$(this).find("a").attr("href",$(this).parent().children(".link").attr("href"));
														},
														function(){
														$(this).find(".off").parent().fadeTo(500,0.3);
														$(this).parent().find("span").hide();
														}
														).bind('mousemove',function(e){
															Xmouse= e.pageX;	
															Ymouse= e.pageY;
															$(this).parent().find("span").show().css({left:Xmouse+10,top:Ymouse-10})
		})
		$("#categories li a").attr("href","#")
		$("#categories li").hover(function(){
														$(this).attr("class",$(this).find("a").text())
														},
														function(){
														$(this).attr("class",$(this).find("a").text())
														}
														);	
		$("#categories li").click(function(){
										  $("#content .on").removeClass("on").addClass("off").parent().fadeTo(200,0.3);
										  $("#content ."+$(this).find("a").text()).parent().removeClass("off").addClass("on").parent().fadeTo(300,1.0);
										   }
										   );
});
