$(document).ready(function() {
	//alert($(window).width());
	if ($(window).width() < 1600) {
		var offset = (1600-$(window).width())/2; //whats not on screen
		$("#panarama").width($(window).width()+offset);
	}
	if ($(window).width() < 1390) {
		var offset = (1390-$(window).width())/2; //whats not on screen
		$("#panel_container").width($(window).width()+offset-195);
	}
	if ($(".panel").length < 8) {
		$(".contentbox").css("height", "auto");
	}
	genPager();
	if ($('#slider').length > 0) {
		$('#slider').nivoSlider({
	        effect:'fade', //Specify sets like: 'fold,fade,sliceDown'
	        slices:15,
	        animSpeed:500, //Slide transition speed
	        pauseTime:4000,
	        startSlide:0, //Set starting Slide (0 index)
	        controlNav:false, //1,2,3...
	        pauseOnHover:false
	    });
    }
    
    if (paracount > 1) {
    	// && ($("#footerbar_container").css("display") == "none")
    	fadeParallax(); //fade in the page elements if we haven't already!
    }
});

paracount = 1;
movecount = 0;
bluroffset = 0;
var animating = false;
var finishcount = 0;
var readycount = 0;

function fadeParallax() {
	paracount++;
	if (paracount > 1) {
		//alert($("#sky").children("img").length);
		$("#sky").children("img").fadeIn('med', function() {
			$(".panel").fadeIn('slow', function() {
				finishcount++;
				if (finishcount == 10 && $("#panel_container").length > 0) { //we're on the homepage so do the fady blury thing
					//for every panel above 5 reduce opacity and blue image
					var panels = $(".panel");
					//alert(panels.length);
					for (var i=5;i<panels.length;i++) {
						$(panels.get(i)).fadeTo( "fast", 0.2, function() {
							if (getInternetExplorerVersion() >= 9.0) {
								$(this).css("-webkit-transform","scale(0.85)");
								$(this).css("-webkit-transition","-webkit-transform .2s ease-out");
								$(this).css("-moz-transform","scale(0.85)");
								$(this).css("-moz-transition","-moz-transform .2s ease-out");
								$(this).css("transform","scale(0.85)");
								$(this).css("transition","transform .2s ease-out");
								var imageid = $(this).children("div").children("a").children("img").attr("id");
								var cancasid = $(this).children("div").children("a").children("div").children("canvas").attr("id");
								stackBlurImage(imageid, cancasid, 8, false );
							}
							readycount++;
						});
					}
				}
			});

			$("#footerbar_container").fadeIn('slow');
			$("#main_content").fadeIn('slow');
			$("#footerbar_container_content").fadeIn('slow');
		});	
	}
}



function reverse() {
	if (movecount > 0 && !animating && readycount == 5) {
		animating = true;
		$("#sky").animate({left: '+=75'}, 1500);
		$(".panel").animate({left: '+=200'}, 1000);
		
		var panels = $(".panel");
		$(panels.get(movecount-1)).css("-webkit-transform","scale(1)");
		$(panels.get(movecount-1)).css("-webkit-transition","-webkit-transform .5s ease-out");
		$(panels.get(movecount-1)).css("-moz-transform","scale(1)");
		$(panels.get(movecount-1)).css("-moz-transition","-moz-transform .5s ease-out");
		$(panels.get(movecount-1)).css("transform","scale(1)");
		$(panels.get(movecount-1)).css("transition","transform .2s ease-out");
		$(panels.get(movecount-1)).fadeTo( "med", 1, function() {
			if (getInternetExplorerVersion() >= 9.0) {
				var imageid = $(this).children("div").children("a").children("img").attr("id");
				var cancasid = $(this).children("div").children("a").children("div").children("canvas").attr("id");
				stackBlurImage(imageid, cancasid, 0, false );
			}
		});
		
		$(panels.get(5+movecount-1)).css("-webkit-transform","scale(0.85)");
		$(panels.get(5+movecount-1)).css("-webkit-transition","-webkit-transform .5s ease-out");
		$(panels.get(5+movecount-1)).css("-moz-transform","scale(0.85)");
		$(panels.get(5+movecount-1)).css("-moz-transition","-moz-transform .5s ease-out");
		$(panels.get(5+movecount-1)).css("transform","scale(0.85)");
		$(panels.get(5+movecount-1)).css("transition","transform .2s ease-out");
		$(panels.get(5+movecount-1)).fadeTo( "med", 0.2, function() {
			if (getInternetExplorerVersion() >= 9.0) {
				var imageid = $(this).children("div").children("a").children("img").attr("id");
				var cancasid = $(this).children("div").children("a").children("div").children("canvas").attr("id");
				stackBlurImage(imageid, cancasid, 8, false );
			}
			animating = false;
		});
		
		movecount--;
		if (movecount == 0) {
			$("#prevarrow").css("display", "none");
			$("#nextarrow").css("display", "block");
		} else {
			$("#prevarrow").css("display", "block");
			$("#nextarrow").css("display", "block");
		}
	}
}

function forward() {
	if (movecount < 5 && !animating && readycount == 5) {
		animating = true;
		$("#sky").animate({left: '-=75'}, 1500);
		$(".panel").animate({left: '-=200'}, 1000);
		
		var panels = $(".panel");

		$(panels.get(movecount)).css("-webkit-transform","scale(0.85)");
		$(panels.get(movecount)).css("-webkit-transition","-webkit-transform .5s ease-out");
		$(panels.get(movecount)).css("-moz-transform","scale(0.85)");
		$(panels.get(movecount)).css("-moz-transition","-moz-transform .5s ease-out");
		$(panels.get(movecount)).css("transform","scale(0.85)");
		$(panels.get(movecount)).css("transition","transform .2s ease-out");
		$(panels.get(movecount)).fadeTo( "med", 0.2, function() {
			if (getInternetExplorerVersion() >= 9.0) {
				var imageid = $(this).children("div").children("a").children("img").attr("id");
				var cancasid = $(this).children("div").children("a").children("div").children("canvas").attr("id");
				stackBlurImage(imageid, cancasid, 8, false );
			}
		});
		
		$(panels.get(5+movecount)).css("-webkit-transform","scale(1)");
		$(panels.get(5+movecount)).css("-webkit-transition","-webkit-transform .5s ease-out");
		$(panels.get(5+movecount)).css("-moz-transform","scale(1)");
		$(panels.get(5+movecount)).css("-moz-transition","-moz-transform .5s ease-out");
		$(panels.get(5+movecount)).css("transform","scale(1)");
		$(panels.get(5+movecount)).css("transition","transform .2s ease-out");	
		$(panels.get(5+movecount)).fadeTo( "med", 1, function() {
			if (getInternetExplorerVersion() >= 9.0) {
				var imageid = $(this).children("div").children("a").children("img").attr("id");
				var cancasid = $(this).children("div").children("a").children("div").children("canvas").attr("id");
				stackBlurImage(imageid, cancasid, 0, false );
			}
			animating = false;
		});
		
		movecount++;
		if (movecount >= 5) {
			$("#nextarrow").css("display", "none");
			$("#prevarrow").css("display", "block");
		} else {
			$("#nextarrow").css("display", "block");
			$("#prevarrow").css("display", "block");
		}
	}
}

function genPager() {
	var elements = $(".panel");
	numpages = Math.ceil(elements.length/8);
	var output = "<ul>";
	for (i = 0; i < numpages; i++) {
		output += "<li><a href=\"javascript:movepage("+i+")\">"+(i+1)+"</a></li>";
	}
	output += "</ul>";
	$(".pagers").html(output);
	return numpages;
}

function movepage(newpage) {
	//alert("movingtoo: "+newpage);
	var elements = $(".panel");
	for (i = 0; i < elements.length; i++) {
		if (i < (newpage*8) || i >= ((newpage+1)*8)) {
			//$(elements.get(i)).css("display", "none");
			$(elements.get(i)).fadeOut(400);
		}
	}
	for (i = 0; i < elements.length; i++) {
		if (i >= (newpage*8) && i < ((newpage+1)*8)) {
			//$(elements.get(i)).css("display", "block");
			$(elements.get(i)).fadeIn(400);
		}
	}
}

function getInternetExplorerVersion()
// Returns the version of Internet Explorer or a -1
// (indicating the use of another browser).
{
  var rv = -1; // Return value assumes failure.
  if (navigator.appName == 'Microsoft Internet Explorer')
  {
    var ua = navigator.userAgent;
    var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
    if (re.exec(ua) != null)
      rv = parseFloat( RegExp.$1 );
  } else {
  	return 9.0;
  }
  return rv;
}