// JavaScript Document

$(function() {
  $('body').attr('class', 'spry');
  $('#container').css('opacity', '0');
  $('#info').hide();
  $('#loading').delay(1000).fadeIn();
  $("img.first").load(function() {
	  initPosition();
  });
});

$(window).load(function() {
  initPosition();
  initSlider(true);
  $(window).resize(function() {
	initSlider(false);
  });
});



function initPosition() {
	var sY = getImageScrollTop()-50;
	$('.mappy').css('top', -sY);
	$('#container').show().animate({ opacity:1 }, 800, 'easeOutBack');
}

function getImageScrollTop() {
	wh = $(window).height();
	ih = 1537; //$(".container:first img").height();
	mt = Math.round((ih-wh)/4);
	if (mt<0) mt = 0;
	return mt;
}


function initSlider(animate) {
	if ($('.mappy')!=null) {
		var c = $('.mappy').html();
		$('.mappy').replaceWith(c);
	}
	var wh = $(window).height();
	var ww = $(window).width();
	var sY = getImageScrollTop()-50;
	$('#container').css({
						'top': sY,
						'margin-top': '0px'
	});
	var map = new SpryMap({	
							id: "container",
							height: wh,
							width: ww,
							startX: 0,
							startY: sY,
							cssClass: "mappy"
	});
	if (animate) {
		$('#container').show().animate({ opacity:1, left: '-=100', top: '-=50' }, 800, 'easeOutBack');
		$('#loading').delay(500).fadeOut().css('visibility', 'hidden');
		$('#info').delay(500).fadeIn();
	}
}

function piwikGoal(a) {
  ww = $(window).width();
  pm = $(a.map).css('left').replace("px", "");
  nr = Math.round(-pm*1.2/ww*(ww/2000))+1;
  piwikTracker.trackGoal(nr);
}