$(document).ready(function() {
    $('#supersize').supersize();

    $('.blinkText')
		.focus(function() {
		    if ($(this).attr('value') == $(this).attr('title')) {
		        $(this).attr({ 'value': '' });
		        $(this).css('color', '#333333');
		    }
		})
		.blur(function() {
		    if ($(this).attr('value') == '') {
		        $(this).attr({ 'value': $(this).attr('title') })
		        $(this).css('color', '');
		    }
		});

});


(function($) {
    //Resize image on ready or resize
    $.fn.supersize = function() {
        //Invoke the resizenow() function on document ready
        $(document).ready(function() {
            $('#supersize').resizenow();
        });
        //Invoke the resizenow() function on browser resize
        $(window).bind("resize", function() {
            $('#supersize').resizenow();
        });
    };
    //Adjust image size
    $.fn.resizenow = function() {

        //Define starting width and height values for the original image
        var startwidth = 1440;
        var startheight = 956;
        //Define image ratio
        var ratio = startheight / startwidth;
        //Gather browser dimensions
        var browserwidth = $('body').width();
        var browserheight = $(window).height();
        //Resize image to proper ratio
        if ((browserheight / browserwidth) > ratio) {
            $(this).height(browserheight);
            $(this).width(browserheight / ratio);
            $(this).children().height(browserheight);
            $(this).children().width(browserheight / ratio);
        } else {
            $(this).width(browserwidth);
            $(this).height(browserwidth * ratio);
            $(this).children().width(browserwidth);
            $(this).children().height(browserwidth * ratio);
        }
        //Make sure the image stays center in the window
        $(this).children().css('left', (browserwidth - $(this).width()) / 2);
        $(this).children().css('top', (browserheight - $(this).height()) / 2);
    };
})(jQuery);