$(function() {

	$('#header-nav li').hover(function() {
		$(this).addClass('active');
	}, function() {
		$(this).removeClass('active');
	});
	
	//$('#header-counter').countdown({until: new Date(2012, 5-1, 22)});
	
	var date = new Date(2012, 4, 22, 9, 00, 00, 00);
    var $display = $('#header-counter');
    countdown($display, date);
    setInterval(function () { countdown($display, date); }, 1000);
	
});

var offset = get_time_zone_offset();

function countdown($display, collision) {
    var now = new Date();
    now.setHours(now.getHours() + (offset-5));

	var seconds = Math.floor((collision.getTime() - now.getTime()) * 0.001)
	var days = Math.floor((seconds/60/60/24));
	var hours = (Math.floor(seconds/60/60 * 10)/10) % 24; //24 hours in a day
	var minutes = (Math.floor(seconds/60) % 60); //60 minutes in an hour
	
	var minutesSeconds = minutes *60;
	var hoursSeconds = Math.floor(hours) * 60 * 60;
	var daysSeconds = days * 60 * 60 * 24;
	
    seconds = seconds - minutesSeconds - hoursSeconds - daysSeconds;
    
    
    //var weeks = Math.ceil((days/7) * 100)/100;
    $display
        .html
        (
            '<div id="counter-days"><span class="big-numbers">'+ days + '</span> DAYS</div>' +
            '<div id="counter-hours"><span class="big-numbers">' + Math.floor(hours) + '</span> HOURS</div>' +
            '<div id="counter-mins"><span class="big-numbers">' + minutes + '</span> MINS</div>'
            //'<div id="counter-seconds"><span class="big-numbers">' + seconds + '</span> SECS</div>'
            //collision + ((offset != 5) ? ' with time zone offset of ' + (offset-5) + ' hours' : '') +
            //'<br>weeks: ' + weeks +
        );
}

function get_time_zone_offset() {
     var current_date = new Date( );
     var gmt_offset = current_date.getTimezoneOffset( ) / 60;
     return gmt_offset;
}