(function($) {
$.extend($.fx.step, {
		backgroundPosition: function(fx) {
			if (fx.state === 0 && typeof fx.end == 'string') {
					var start = $.curCSS(fx.elem,'backgroundPosition');
					start = toArray(start);
					fx.start = [start[0],start[2]];
					var end = toArray(fx.end);
					fx.end = [end[0],end[2]];
					fx.unit = [end[1],end[3]];
			}
			var nowPosX = [];
			nowPosX[0] = ((fx.end[0] - fx.start[0]) * fx.pos) + fx.start[0] + fx.unit[0];
			nowPosX[1] = ((fx.end[1] - fx.start[1]) * fx.pos) + fx.start[1] + fx.unit[1];
			fx.elem.style.backgroundPosition = nowPosX[0]+' '+nowPosX[1];

		 function toArray(strg){
				 strg = strg.replace(/left|top/g,'0px');
				 strg = strg.replace(/right|bottom/g,'100%');
				 strg = strg.replace(/([0-9\.]+)(\s|\)|$)/g,"$1px$2");
				 var res = strg.match(/(-?[0-9\.]+)(px|\%|em|pt)\s(-?[0-9\.]+)(px|\%|em|pt)/);
				 return [parseFloat(res[1],10),res[2],parseFloat(res[3],10),res[4]];
		 }
	}
});
})(jQuery);


$(function(){
	
	$('.nav').localScroll({
		onAfter: function(div){
			window.location = "#" + div.id;
			pageTracker._trackPageview("/section/" + div.id);
		}
	});

	$('#short_cuts').localScroll({
		onAfter: function(div){
			window.location = "#" + div.id;
		}
	});

	$('.nav a')
		.css({backgroundPosition: "0px 0px"})
		.mouseover(function(){
			$(this).stop().animate({backgroundPosition:"(0px -270px)"}, {duration:500})
		})
		.mouseout(function(){
			$(this).stop().animate({backgroundPosition:"(0px 0px)"}, {duration:1000, complete:function(){
				$(this).css({backgroundPosition: "0px 0px"})
			}})
		});
	
	$('.slides').serialScroll({
		target: ".outer",
		prev:'a.left',
		next:'a.right',
		lazy: true,
		//force: true,
		duration: 700,
		items: "img",
		onAfter: function(image){
			var src = image.src.match(/projekte\/(.*).jpeg/)[1];
			pageTracker._trackPageview("/image/" +src);
		},
		cycle: true,
		start: 0
	});
		
	$("a.external").attr("target", "_blank");
	
	$('.slides')
		.find('a')
		.append('<span class="hover" />').each(function () {
				var $span = $('> span.hover', this).css('opacity', 0);
				$(this).hover(function(){
						$span.stop().fadeTo(500, 1);
				}, function () {
						$span.stop().fadeTo(1000, 0);
				});
		});
});

$(window).load(function () {
	var youtube = '<div id="daneben" class="flash">'
    + '<object width="406" height="302">'
    +   '<param name="movie" value="http://www.youtube.com/v/VIDEO_ID&amp;hl=en&amp;fs=1&amp;rel=0"></param>'
    +   '<param name="allowFullScreen" value="true"></param>'
    +   '<embed src="http://www.youtube.com/v/VIDEO_ID&amp;hl=en&amp;fs=1&amp;rel=0" type="application/x-shockwave-flash" allowfullscreen="true" width="406" height="302"></embed>'
    + '</object>';

	$("#daneben").html(youtube.replace(/VIDEO_ID/g, "SBb6y_Aqf2E"));
	$("#chic").html(youtube.replace(/VIDEO_ID/g, "6V3YQ_6ZVXM"));
});