var shareIt = function () {
	$('a[rel=shareit], #shareit-box').mouseenter(function() {		
		var height = $(this).height();
		var top = $(this).offset().top;
		var left = $(this).offset().left + ($(this).width() /2) - ($('#shareit-box').width() / 2);	
		var value = $(this).attr('href').split('|');
		var field = value[0];
		var url = encodeURIComponent(value[0]);
		var title = encodeURIComponent(value[1]);

		$('#shareit-header').height(height);
		$('#shareit-box').show();
		$('#shareit-box').css({'top':top, 'left':left});
		$('#shareit-field').val(field);
		$('a.shareit-sm').attr('target','_blank');
		$('a[rel=shareit-mail]').attr('href', 
                "mailto:?subject=NCJ: " + 
                title +
                "&body=I thought you might like this story from the North Coast Journal:%0D%0A%0D%0A" +
                title +
                "%0D%0A%0D" +
                url
                );
		$('a[rel=shareit-twitter]').attr('href', 'http://twitter.com/home?status=' + title + '%20-%20' + url);
		$('a[rel=shareit-facebook]').attr('href', 'http://www.facebook.com/sharer.php?u=' + url + '&t=' + title);		
	});
	$('#shareit-box').mouseleave(function () {
		$('#shareit-field').val('');
		$(this).hide();
	});
	$('#shareit-field').click(function () {
		$(this).select();
	});
}

var datepickInit = function() {
    $('.datetrigger').mouseenter( function () {
        if ( $('#datepicker').html() ) {
            $('#datepicker').show();
        } else {
            $('#datepicker').datepicker({
                onSelect: function(dateText, inst) {
                    dateStrings = dateText.split('/');
                    month = dateStrings[0];
                    day = dateStrings[1];
                    year = dateStrings[2];
                    url = '/calendar/' + year + '/' + month + '/' + day + '/';
                    location.href = url;
                }
            });
        }
    });
    $('.datetrigger').click( function () {
            $('#datepicker').toggle();
    });
    $('#datepicker').mouseenter( function () {
        $('#datepicker').mouseleave( function () {
            $('#datepicker').hide();
        });
    });
}

$(document).ready( function() {
    shareIt();
    datepickInit();
})