$(document).ready(function() {
    $("#nav li a[title]").tooltip({
		tip: '#navtip',
		offset: [-10, -135],
		position: "bottom middle",
		direction: 'down'
	});

	$("#s").addClass("idle");
		$("#s").focus(function(){
			$(this).addClass("active").removeClass("idle");
		}).blur(function(){
			if (this.value == ''){  
				$(this).removeClass("active").addClass("idle");
			}
	});

    $(".progos").tooltip({
		tip: '#progostip',
		offset: [-10, -49],
		position: "bottom middle",
		direction: 'down'
	});
	
    $(".prognaxx").tooltip({
		tip: '#prognaxxtip',
		offset: [-10, -84],
		position: "bottom middle",
		direction: 'down'
	});
	
    $(".progeoe").tooltip({
		tip: '#progeoetip',
		offset: [-10, -119],
		position: "bottom middle",
		direction: 'down'
	});
	
    $(".progvoa").tooltip({
		tip: '#progvoatip',
		offset: [-10, -154],
		position: "bottom middle",
		direction: 'down'
	});
	
    $(".proguld").tooltip({
		tip: '#proguldtip',
		offset: [-10, -189],
		position: "bottom middle",
		direction: 'down'
	});
	
    $(".progtoc").tooltip({
		tip: '#progtoctip',
		offset: [-10, -224],
		position: "bottom middle",
		direction: 'down'
	});

    $(".progicc").tooltip({
		tip: '#progicctip',
		offset: [-10, -259],
		position: "bottom middle",
		direction: 'down'
	});

	$("#recruittable tbody tr:even").addClass("even");
	
	$("#recruittable tbody td").each(function() {
		if ($(this).html() == "open" || $(this).html() == "closed") {
			$(this).addClass($(this).html());
			$(this).html("&nbsp;")
		}
    });
	
	$("#recruittable tr:odd").hover( function(){
        $(this).css("background-color", "#333");
    },
    function(){
        $(this).css("background-color", "transparent");
    });

	$("#recruittable tr:even").hover( function(){
        $(this).css("background-color", "#333");
    },
    function(){
        $(this).css("background-color", "#010c11");
    });

	targetDate = new Date("2009/11/11"); 
	$('#timer').countdown({
		description: ' before you have to convert to Battle.net',
		until: targetDate,
		format: 'D',
		layout: '<span class="numDays">{dn}</span><br /><span class="label">{dl}{desc}</span>'
	}); 
});