/*
* Set the scale on document.ready and bind a listener on "resize"
*
*/
(function($){	
	$.fn.fullscreenr = function(options) {
		
		var defaults = {width: 500,  height: 500};
		var options = $.extend({}, defaults, options); 
		$(window).fullscreenrResizer(options);
		//$(document).ready(function() { $(window).fullscreenrResizer(options);});
		$(window).bind("resize", function() { $(window).fullscreenrResizer(options);});		
		return this; 		
	};	
	$.fn.fullscreenrResizer = function(options) {
		// Set ratio
		var ratio = options.height / options.width;	
       // Get browser window size
        var browserwidth = window.innerWidth;
        if(typeof(browserwidth) != 'number'){
            //ie strikes
            browserwidth = $(window).width();
        }
        if(browserwidth < 1020){
            browserwidth = 1020;
        }
        var browserheight = $(window).height();
        
        
        //Set the width of Head to be half the width of the browser
        //Set height of Head to be the full browser height
        $('#head').width(browserwidth/2);
        $('#head').height(browserheight);
        
        $('#heart').width(browserwidth/2);
        $('#heart').height(browserheight);

		
		
		
		
		//Scale the images
		$('#scaleLeft img').width(browserwidth/2);
		$('#scaleLeft img').height((browserwidth/2) * ratio);
		$('#scaleRight img').width(browserwidth/2);
		$('#scaleRight img').height((browserwidth/2) * ratio);
		
		
		
		//Always scale the div holders
		$('#scaleLeft').width((browserwidth/2)*1);
		$('#scaleLeft').height((browserwidth/2) * ratio);
		$('#scaleRight').width((browserwidth/2)*1);
		$('#scaleRight').height((browserwidth/2) * ratio);
		$('.slideshow').width((browserwidth/2)*1);
		$('.slideshow').height((browserwidth/2) * ratio);
		
		
		//Ensure the text sits about 40% from top
		var leftTextHeight = $('#headText').css('height');
		leftTextHeight = parseInt(leftTextHeight)/2;
		
		var rightTextHeight = $('#heartText').css('height');
		rightTextHeight = parseInt(rightTextHeight)/2;
		
		var divHeight = $('#scaleLeft').css('height');
		divHeight = parseInt(divHeight)*0.4;
		
		$('#headText').css('top', divHeight-leftTextHeight);
		$('#heartText').css('top', divHeight-rightTextHeight);
		
		
		
		
	};
})(jQuery);