// JavaScript Document

//Adjust image size
(function( $ ){

	$.fn.resizenow = function(options) {
		var t = $(this);
		var i = $(this).children('img:first');
		var defaults = {
			toHeight : false,
			minHeight : false,
			toWidth : false,
			maxWidth : false,
			minWidth : false,
			horizontalCenter : true,
		};
		
		var options = $.extend(defaults, options);

		//Define image ratio
		var ratio = $.bgheight / $.bgwidth;
		
		//Gather browser and current image size
		var imagewidth = t.width();
		var imageheight = t.height();
		if(!options.toHeight){
			var browserheight = ($(document).height() > $(window).height()) ? $(document).height() :  $(window).height();
		}else{
			
			var browserheight=options.toHeight;
		}
		if(options.minHeight > browserheight){ browserheight=options.minHeight; }
		
		var browserwidth = ($(window).width() < options.minWidth) ? options.minWidth : $(window).width();
		if(options.minWidth>browserwidth){ browserwidth=options.minWidth; }

		
		var offset;
		
		  t.height(browserheight);
			t.width(browserwidth);

		//Resize image to proper ratio
		if ((browserheight/browserwidth) > ratio){
			
			  	//WIDER THAN WINDOW
			    i.height(browserheight);
			    i.width(browserheight / ratio);
				var topx=(browserwidth-i.width());
				var bottomx=0;
				var topy=-0+browserheight-i.height();
				var bottomy=0;
			} else {
				
				//taller than window
			    i.width(browserwidth);
			    i.height(browserwidth * ratio);
				var topx=(browserwidth-i.width());
				var bottomx=0;
				var topy=-0+browserheight-i.height();
				var bottomy=0;
				
			}
		
		if(options.horizontalCenter){
			i.css('left', (browserwidth - t.children().width())/2);
			i.css('top','0px');
		}
		
		
		i.draggable( { containment: [topx, topy, bottomx, bottomy] , scroll: false , cursor : 'pointer' });
		
		return false;
		
	};
	
	
})( jQuery );