$(function() {
		
		$("body").append('<div id="tooltip"><div class="tooltipTop"><p></p></div><div class="tooltipBottom"></div>');
		
		$(".info").hover(function() {
			
			$("#tooltip").css("left", $(this).offset().left + 16).css("top", $(this).offset().top + 8).find("p").html($(this).parent().attr("title"));
			$("#tooltip").show();
			
			$.data(this, "title", $(this).parent().attr("title"));
			$(this).parent().attr("title", "");
		
		}, function() {
		
			$("#tooltip").hide();
			
			$(this).parent().attr("title", $.data(this, "title"));
		
		});
		
		$(".tooltip img").hover(function() {
			
			$("#tooltip").css("left", $(this).offset().left -355).css("top", $(this).offset().top ).find("p").html($(this).parent().attr("title"));
			$("#tooltip").show();
			
			$.data(this, "title", $(this).parent().attr("title"));
			$(this).parent().attr("title", "");
		
		}, function() {
		
			$("#tooltip").hide();
			
			$(this).parent().attr("title", $.data(this, "title"));
		
		});


	$("select.costom").each(function() {
		
		list = '';
		for(var i = 0; i < $("option", this).size(); i++) {
			list += '<li';
			if(i + 1 == $("option", this).size())
				list += ' class="last"';
			list += '>' + $("option:eq(" + i + ")", this).text() + '</li>';
		}
		
		$(this).css("position", "absolute").css("left", "-99999px")
			.before('<span class="select">' + $(":selected", this).text() + '<ul>' + list + '</ul></span>')
			.prev().click(function() {
			
			$(".select ul:visible").slideUp(300, function() { $(this).parent().css("z-index", 2); }).css("z-index", 2);
			$(document).click(function() {
				
				$(".select ul:visible").slideUp(300, function() { $(this).parent().css("z-index", 2); }).css("z-index", 2);
				$(this).unbind("click");
				
			});
			
			if($("ul:visible", this).size()) {
				
				$("ul", this).slideUp(300, function() { $(this).parent().css("z-index", 2); });
			
			}
			else {
				
				$(this).css("z-index", 4).next().focus();
				$("ul", this).slideDown(300, function() { $(this).parent().css("z-index", 3); }).css("z-index", 3).find(">li").unbind("click").click(function() {
					$(this).removeClass("hover");
					list = $(this).parent().parent();
					list.next().find("option:eq(" + $(this).parent().find(">li").index(this) + ")").attr("selected", true);
					list.html(list.next().find(":selected").text() + '<ul>' + $(this).parent().html() + '</ul>').find(">ul").slideUp(300, function() { $(this).parent().css("z-index", 2); }).css("z-index", 2);
					if($(".overviewSearch").size())
						AJAXdo();
					return false;
				}).unbind("hover").hover(function() {
					$(this).addClass("hover");
				}, function() {
					$(this).removeClass("hover");
				});
			
			}
			
			return false;
		
		}).find("ul").hide();
		
		$(this).focus(function() {
			
			$(this).prev().addClass("select-active");
			
		}).blur(function() {
		
			$(this).prev().removeClass("select-active");
		
		});
	
	});
		
});