$(window).load(function() {

// CALCULATE BODY HEIGHT AND WIDTH
var body_width = $(window).width();
var body_height = $(window).height();

$(".panning").css("height",body_height);

// Main image scrolling
$outer_container=$("#imageWrapper");
$imagePan_panning=$("#imagePan .panning");
$imagePan=$("#imagePan");
$imagePan_container=$("#imagePan .container");
$imagePan_panning.css("margin-top",($imagePan.height()-$imagePan_panning.height())/2+"px");

// DYNAMIC SET HEIGHT OF BROWSER
var pann_height = (body_height)+($imagePan.height()-$imagePan_panning.height())-25;
$(".panning").css("height",pann_height);

containerWidth=$imagePan.width();
containerHeight=$imagePan.height();
totalContentW=$imagePan_panning.width();
totalContentH=$imagePan_panning.height();
$imagePan_container.css("width",totalContentW).css("height",totalContentH);
 
function MouseMove(e){
    var mouseCoordsX=(e.pageX - $imagePan.offset().left);
    var mouseCoordsY=(e.pageY - $imagePan.offset().top);
    var mousePercentX=mouseCoordsX/containerWidth;
    var mousePercentY=mouseCoordsY/containerHeight;
    var destX=-(((totalContentW-(containerWidth))-containerWidth)*(mousePercentX));
    var destY=-(((totalContentH-(containerHeight))-containerHeight)*(mousePercentY));
    var thePosA=mouseCoordsX-destX;
    var thePosB=destX-mouseCoordsX;
    var thePosC=mouseCoordsY-destY;
    var thePosD=destY-mouseCoordsY;
    var marginL=$imagePan_panning.css("marginLeft").replace("px", "");
    var marginT=$imagePan_panning.css("marginTop").replace("px", "");
    var animSpeed=1800;
    var easeType="easeOutCirc";
    
    if(mouseCoordsX>destX || mouseCoordsY>destY){
		
        	$imagePan_container.stop().animate({left: -thePosA-marginL}, animSpeed,easeType);
			//$imagePan_container.animate({left: 1278-mouseCoordsX-screen.width, top: thePosC-marginT}, 1000,easeType);
			if(mouseCoordsX < (body_width - 5))
			{
				$('#backtoscroll').hide();
			}
			else
			{
				$('#backtoscroll').show();	
				$('#backtoscroll').css({paddingTop:(body_height/2)-20});
				$('#backtoscroll').click(function(){
						$imagePan_container.animate({left: thePosA-body_width+860}, animSpeed,easeType);					  
				});
			}
			//$imagePan_container.css({left: 1278-mouseCoordsX-screen.width, top: 0});
		
    } else if(mouseCoordsX<destX || mouseCoordsY<destY){
        $imagePan_container.stop().animate({left: thePosB-marginL}, animSpeed,easeType);
    } else {

        $imagePan_container.stop();
    }
}
 
$imagePan_panning.css("margin-left",($imagePan.width()-$imagePan_panning.width())/2).css("margin-top",($imagePan.height()-$imagePan_panning.height())/2);
//$imagePan_panning.css("margin-left",0).css("margin-top",0);
 

$imagePan.bind("mousemove", function(event){
  	MouseMove(event);
	
});





 
$(window).resize(function() {
    $imagePan.unbind("mousemove");
    $imagePan_container.css("top",0).css("left",0);
    $(window).load();
});

});

// Run all scripts when DOM ready
$(document).ready(function(){

// Resize the background
var theWindow = $(window),
    
  $bg = $("#bg"),
      aspectRatio = $bg.width() / $bg.height();

      function resizeBg() {

       	if ( (theWindow.width() / theWindow.height()) < aspectRatio ) {
            $bg
               .removeClass()
               .addClass('bgheight');
            } else {
            $bg
               .removeClass()
               .addClass('bgwidth');
            }

        }

theWindow.resize(function() {
	resizeBg();
}).trigger("resize");
  

// Image hovers
var opacity = 1, toOpacity = 1, duration = 500;
var thissrc = '';
$(".panning a img").hover(function(){
	thissrc = $(this).attr('src');
	$(this).attr('src',$(this).attr('rel')).fadeIn(1000);
	$(this).attr('rel',thissrc);
	$(this).css('opacity',0.5);

	
},function(){
	thissrc = $(this).attr('src');
	$(this).attr('src',$(this).attr('rel')).fadeIn(1000);
	$(this).attr('rel',thissrc);
	$(this).css('opacity',1.0);	
});


// Preloader
QueryLoader.selectorPreload = "body";
QueryLoader.init();


/*
 * jQuery Easing v1.3 - http://gsgd.co.uk/sandbox/jquery/easing/
*/

// t: current time, b: begInnIng value, c: change In value, d: duration
jQuery.easing['jswing'] = jQuery.easing['swing'];

jQuery.extend( jQuery.easing, {
		def: 'easeOutQuad',
		swing: function (x, t, b, c, d) {
			//alert(jQuery.easing.default);
			return jQuery.easing[jQuery.easing.def](x, t, b, c, d);
		},
		easeInQuad: function (x, t, b, c, d) {
			return c*(t/=d)*t + b;
		},
		easeOutQuad: function (x, t, b, c, d) {
			return -c *(t/=d)*(t-2) + b;
		},
		easeInOutQuad: function (x, t, b, c, d) {
			if ((t/=d/2) < 1) return c/2*t*t + b;
			return -c/2 * ((--t)*(t-2) - 1) + b;
		},
		easeInCubic: function (x, t, b, c, d) {
			return c*(t/=d)*t*t + b;
		},
		easeOutCubic: function (x, t, b, c, d) {
			return c*((t=t/d-1)*t*t + 1) + b;
		},
		easeInOutCubic: function (x, t, b, c, d) {
			if ((t/=d/2) < 1) return c/2*t*t*t + b;
			return c/2*((t-=2)*t*t + 2) + b;
		},
		easeInQuart: function (x, t, b, c, d) {
			return c*(t/=d)*t*t*t + b;
		},
		easeOutQuart: function (x, t, b, c, d) {
			return -c * ((t=t/d-1)*t*t*t - 1) + b;
		},
		easeInOutQuart: function (x, t, b, c, d) {
			if ((t/=d/2) < 1) return c/2*t*t*t*t + b;
			return -c/2 * ((t-=2)*t*t*t - 2) + b;
		},
		easeInQuint: function (x, t, b, c, d) {
			return c*(t/=d)*t*t*t*t + b;
		},
		easeOutQuint: function (x, t, b, c, d) {
			return c*((t=t/d-1)*t*t*t*t + 1) + b;
		},
		easeInOutQuint: function (x, t, b, c, d) {
			if ((t/=d/2) < 1) return c/2*t*t*t*t*t + b;
			return c/2*((t-=2)*t*t*t*t + 2) + b;
		},
		easeInSine: function (x, t, b, c, d) {
			return -c * Math.cos(t/d * (Math.PI/2)) + c + b;
		},
		easeOutSine: function (x, t, b, c, d) {
			return c * Math.sin(t/d * (Math.PI/2)) + b;
		},
		easeInOutSine: function (x, t, b, c, d) {
			return -c/2 * (Math.cos(Math.PI*t/d) - 1) + b;
		},
		easeInExpo: function (x, t, b, c, d) {
			return (t==0) ? b : c * Math.pow(2, 10 * (t/d - 1)) + b;
		},
		easeOutExpo: function (x, t, b, c, d) {
			return (t==d) ? b+c : c * (-Math.pow(2, -10 * t/d) + 1) + b;
		},
		easeInOutExpo: function (x, t, b, c, d) {
			if (t==0) return b;
			if (t==d) return b+c;
			if ((t/=d/2) < 1) return c/2 * Math.pow(2, 10 * (t - 1)) + b;
			return c/2 * (-Math.pow(2, -10 * --t) + 2) + b;
		},
		easeInCirc: function (x, t, b, c, d) {
			return -c * (Math.sqrt(1 - (t/=d)*t) - 1) + b;
		},
		easeOutCirc: function (x, t, b, c, d) {
			return c * Math.sqrt(1 - (t=t/d-1)*t) + b;
		},
		easeInOutCirc: function (x, t, b, c, d) {
			if ((t/=d/2) < 1) return -c/2 * (Math.sqrt(1 - t*t) - 1) + b;
			return c/2 * (Math.sqrt(1 - (t-=2)*t) + 1) + b;
		},
		easeInElastic: function (x, t, b, c, d) {
			var s=1.70158;var p=0;var a=c;
			if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
			if (a < Math.abs(c)) { a=c; var s=p/4; }
			else var s = p/(2*Math.PI) * Math.asin (c/a);
			return -(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
		},
		easeOutElastic: function (x, t, b, c, d) {
			var s=1.70158;var p=0;var a=c;
			if (t==0) return b;  if ((t/=d)==1) return b+c;  if (!p) p=d*.3;
			if (a < Math.abs(c)) { a=c; var s=p/4; }
			else var s = p/(2*Math.PI) * Math.asin (c/a);
			return a*Math.pow(2,-10*t) * Math.sin( (t*d-s)*(2*Math.PI)/p ) + c + b;
		},
		easeInOutElastic: function (x, t, b, c, d) {
			var s=1.70158;var p=0;var a=c;
			if (t==0) return b;  if ((t/=d/2)==2) return b+c;  if (!p) p=d*(.3*1.5);
			if (a < Math.abs(c)) { a=c; var s=p/4; }
			else var s = p/(2*Math.PI) * Math.asin (c/a);
			if (t < 1) return -.5*(a*Math.pow(2,10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )) + b;
			return a*Math.pow(2,-10*(t-=1)) * Math.sin( (t*d-s)*(2*Math.PI)/p )*.5 + c + b;
		},
		easeInBack: function (x, t, b, c, d, s) {
			if (s == undefined) s = 1.70158;
			return c*(t/=d)*t*((s+1)*t - s) + b;
		},
		easeOutBack: function (x, t, b, c, d, s) {
			if (s == undefined) s = 1.70158;
			return c*((t=t/d-1)*t*((s+1)*t + s) + 1) + b;
		},
		easeInOutBack: function (x, t, b, c, d, s) {
			if (s == undefined) s = 1.70158; 
			if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b;
			return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b;
		},
		easeInBounce: function (x, t, b, c, d) {
			return c - jQuery.easing.easeOutBounce (x, d-t, 0, c, d) + b;
		},
		easeOutBounce: function (x, t, b, c, d) {
			if ((t/=d) < (1/2.75)) {
				return c*(7.5625*t*t) + b;
			} else if (t < (2/2.75)) {
				return c*(7.5625*(t-=(1.5/2.75))*t + .75) + b;
			} else if (t < (2.5/2.75)) {
				return c*(7.5625*(t-=(2.25/2.75))*t + .9375) + b;
			} else {
				return c*(7.5625*(t-=(2.625/2.75))*t + .984375) + b;
			}
		},
		easeInOutBounce: function (x, t, b, c, d) {
			if (t < d/2) return jQuery.easing.easeInBounce (x, t*2, 0, c, d) * .5 + b;
			return jQuery.easing.easeOutBounce (x, t*2-d, 0, c, d) * .5 + c*.5 + b;
		}
	});



});