
(function($){

	//Resize image on ready or resize
	$.fn.supersized = function() {
		$.inAnimation = false;
		$.paused = false;
		
		$(window).bind("load", function(){
			//$('#loading').hide();
			//$('#supersize').fadeIn('500');
			//$('#content').show();
			if ($('#slideshow .activeslide').length == 0) $('#supersize a:first').addClass('activeslide');
			slideshow_interval = setInterval("nextslide()", 3000);				
		});				
		$(document).ready(function() {
			$('#supersize').resizenow(); 
		});			
		$(window).bind("resize", function(){
    		$('#supersize').resizenow(); 
		});		
		//$('#supersize').hide();
		//$('#content').hide();
	};
	
	//Adjust image size
	$.fn.resizenow = function() {
		//var options = $.extend($.fn.supersized.defaults, $.fn.supersized.options);
	  	return this.each(function() {
	  		
			//Define image ratio
			var ratio = 10/16;			
			//Gather browser and current image size
			var imagewidth = $(this).width();
			var imageheight = $(this).height();
			var browserwidth = $(window).width();
			var browserheight = $(window).height();
			var offset;

			//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);
			}
				$(this).children().css('left', (browserwidth - $(this).width())/2);
				$(this).children().css('top', (browserheight - $(this).height())/2);
			
			return false;
		});
	};
		
})($);

	//Slideshow Next Slide
	function nextslide() {
		if($.inAnimation) return false;
		else $.inAnimation = true;
	    var currentslide = $('#supersize .activeslide');
	    currentslide.removeClass('activeslide');
		
	    if ( currentslide.length == 0 ) currentslide = $('#supersize a:last');
			
	    var nextslide =  currentslide.next().length ? currentslide.next() : $('#supersize a:first');
	    var prevslide =  nextslide.prev().length ? nextslide.prev() : $('#supersize a:last');
		
		$('.prevslide').removeClass('prevslide');
		prevslide.addClass('prevslide');		
		nextslide.hide().addClass('activeslide');	    	    	
	    nextslide.fadeIn(500, function(){$.inAnimation = false;}); 	
	    $('#supersize').resizenow();//Fix for resize mid-transition	    
	}
	
