$(document).ready(function() {
	// mediascroller for spotlight on home page
	// requires spotlight.js
	spotlight();
	spotlightslideshowstate = 1;
	slideshow();
	$('a.media').media();
	$("ul#spotlight-picnav").show();

	// logo
	$('h1 a').click(function(e){
		$('.snav').hide();
		$('#viewport').scrollTo( $('#cont1-1'), 2000, {easing:'easeOutExpo'});
		return false;
	});
	
	// primenav
	// subnav (bereich)
	$('.pnav-bild').click(function(e){
		$('.snav').hide();
		$('#stage-bild .snav').show();
		$('#stage-bild .snav-leistungen').addClass('active');
		$("#viewport").scrollTo( $('#stage-bild'), 2000, {easing:'easeOutExpo'});
		try {
			_gaq.push(['_trackEvent', 'Primenav', 'Bild', '']);
		}
		catch (err) {};
		return false;
	});
	$('#stage-bild .snav-leistungen').click(function(e){
		$("#viewport").scrollTo( $('#cont2-1'), 2000, {easing:'easeOutExpo'});
		$('#stage-bild .snav-leistungen').addClass('active');
		$('#stage-bild .snav-referenzen').removeClass('active');
		try {
			_gaq.push(['_trackEvent', 'Secnav', 'Bild', 'Leistungen']);
		}
		catch (err) {};
		return false;
	});
	$('#stage-bild .snav-referenzen').click(function(e){
		$("#viewport").scrollTo( $('#cont2-2'), 2000, {easing:'easeOutExpo'});
		$('#stage-bild .snav-leistungen').removeClass('active');
		$('#stage-bild .snav-referenzen').addClass('active');
		try {
			_gaq.push(['_trackEvent', 'Secnav', 'Bild', 'Referenzen']);
		}
		catch (err) {};
		return false;
	});
	$('.pnav-ton').click(function(e){
		$('.snav').hide();
		$('#stage-ton .snav').show();
		$('#stage-ton .snav-leistungen').addClass('active');
		$("#viewport").scrollTo( $('#cont3-1'), 2000, {easing:'easeOutExpo'});
		try {
			_gaq.push(['_trackEvent', 'Primenav', 'Ton', '']);
		}
		catch (err) {};
		return false;
	});
	$('#stage-ton .snav-leistungen').click(function(e){
		$("#viewport").scrollTo( $('#cont3-1'), 2000, {easing:'easeOutExpo'});
		$('#stage-ton .snav-leistungen').addClass('active');
		$('#stage-ton .snav-referenzen').removeClass('active');
		try {
			_gaq.push(['_trackEvent', 'Secnav', 'Bild', 'Leistungen']);
		}
		catch (err) {};
		return false;
	});
	$('#stage-ton .snav-referenzen').click(function(e){
		$("#viewport").scrollTo( $('#cont3-2'), 2000, {easing:'easeOutExpo'});
		$('#stage-ton .snav-leistungen').removeClass('active');
		$('#stage-ton .snav-referenzen').addClass('active');
		try {
			_gaq.push(['_trackEvent', 'Secnav', 'Bild', 'Referenzen']);
		}
		catch (err) {};
		return false;
	});
	$('.pnav-event').click(function(e){
		$('.snav').hide();
		$('#stage-event .snav').show();
		$('#stage-event .snav-leistungen').addClass('active');
		$("#viewport").scrollTo( $('#cont4-1'), 2000, {easing:'easeOutExpo'});
		try {
			_gaq.push(['_trackEvent', 'Primenav', 'Event', '']);
		}
		catch (err) {};
		return false;
	});
	$('#stage-event .snav-leistungen').click(function(e){
		$("#viewport").scrollTo( $('#cont4-1'), 2000, {easing:'easeOutExpo'});
		$('#stage-event .snav-leistungen').addClass('active');
		$('#stage-event .snav-news').removeClass('active');
		$('#stage-event .snav-referenzen').removeClass('active');
		try {
			_gaq.push(['_trackEvent', 'Secnav', 'Bild', 'Leistungen']);
		}
		catch (err) {};
		return false;
	});
	$('#stage-event .snav-referenzen').click(function(e){
		$("#viewport").scrollTo( $('#cont4-2'), 2000, {easing:'easeOutExpo'});
		$('#stage-event .snav-leistungen').removeClass('active');
		$('#stage-event .snav-news').removeClass('active');
		$('#stage-event .snav-referenzen').addClass('active');
		try {
			_gaq.push(['_trackEvent', 'Secnav', 'Bild', 'Referenzen']);
		}
		catch (err) {};
		return false;
	});
	$('#stage-event .snav-news').click(function(e){
		$("#viewport").scrollTo( $('#cont4-3'), 2000, {easing:'easeOutExpo'});
		$('#stage-event .snav-leistungen').removeClass('active');
		$('#stage-event .snav-referenzen').removeClass('active');
		$('#stage-event .snav-news').addClass('active');
		try {
			_gaq.push(['_trackEvent', 'Secnav', 'News', '']);
		}
		catch (err) {};
		return false;
	});
	$('.pnav-kontakt').click(function(e){
		$('.snav').hide();
		$('#stage-contact .snav').show();
		$('#stage-contact .snav-team').addClass('active');
		$("#viewport").scrollTo( $('#cont5-1'), 2000, {easing:'easeOutExpo'});
		try {
			_gaq.push(['_trackEvent', 'Primenav', 'Kontakt', '']);
		}
		catch (err) {};
		return false;
	});
	$('#stage-contact .snav-team').click(function(e){
		$("#viewport").scrollTo( $('#cont5-1'), 2000, {easing:'easeOutExpo'});
		$('#stage-contact .snav-studios').removeClass('active');
		$('#stage-contact .snav-team').addClass('active');
		try {
			_gaq.push(['_trackEvent', 'Secnav', 'Kontakt', 'Team']);
		}
		catch (err) {};
		return false;
	});
	$('#stage-contact .snav-studios').click(function(e){
		$("#viewport").scrollTo( $('#cont5-2'), 2000, {easing:'easeOutExpo'});
		$('#stage-contact .snav-team').removeClass('active');
		$('#stage-contact .snav-studios').addClass('active');
		try {
			_gaq.push(['_trackEvent', 'Secnav', 'Kontakt', 'Studio']);
		}
		catch (err) {};
		return false;
	});

	// thirdnav (bereich / leistungen)
	$('.tnav li').each(function(){
		$(this).click(function(e){
			$('.tnav li a').each(function(){$(this).removeClass('active');});
			$(this).addClass('active');
			Cufon.refresh('.hvltstd-63_16');
			var thiselement = $(this);
			try {
				_gaq.push(['_trackEvent', 'Thirdnav', '', thiselement.attr('href')]);
			}
			catch (err) {}});
	});
	$(function() { 
		$("div.scrollable").scrollable({
			size: 1,
			clickable: false
		}).navigator({navi:'ul.tnav'});
	});
	var i = 0;
	
	// team
	$('.teamcont a').each(function(){
		if ($(this).hasClass('overlay')){
			if ($(this).hasClass('markus')){
				$(this).hover(
					function(){
						$(this).animate({backgroundPosition:"0 -116px"},{queue: false,duration: 400})
					},function(){
						$(this).animate({backgroundPosition:"0 0"}, {queue: false,duration: 400});
					}
				);
			};
			if ($(this).hasClass('raphael')){
				$(this).hover(
					function(){
						$(this).animate({backgroundPosition:"-350px -116px"},{queue: false,duration: 400})
					},function(){
						$(this).animate({backgroundPosition:"-350px 0"}, {queue: false,duration: 400});
					}
				);
			};
			if ($(this).hasClass('cornelius')){
				$(this).hover(
					function(){
						$(this).animate({backgroundPosition:"-175px -116px"},{queue: false,duration: 400})
					},function(){
						$(this).animate({backgroundPosition:"-175px 0"}, {queue: false,duration: 400});
					}
				);
			};
			if ($(this).hasClass('ulrich')){
				$(this).hover(
					function(){
						$(this).animate({backgroundPosition:"-525px -116px"},{queue: false,duration: 400})
					},function(){
						$(this).animate({backgroundPosition:"-525px 0"}, {queue: false,duration: 400});
					}
				);
			};
			if ($(this).hasClass('achill')){
				$(this).hover(
					function(){
						$(this).animate({backgroundPosition:"-700px -116px"},{queue: false,duration: 400})
					},function(){
						$(this).animate({backgroundPosition:"-700px 0"}, {queue: false,duration: 400});
					}
				);
			};
		}
	});

	// referenzen
	$('.refcont a').each(function(){
		if ($(this).hasClass('overlay')) {
			if ($(this).hasClass('bild')) {
				$(this).hover(function(){
					var str = $(this).attr("title")
					$('#cont2-2 .ticker p').html(str);
					Cufon.refresh('.hvltstd-33_12');
					$('#cont2-2 .ticker').animate({"opacity":"1.0"}, {queue: false, duration: 400})     
				},function(){
					$('#cont2-2 .ticker').animate({"opacity":"0.0"}, {queue: false, duration: 400});
				});
			} else if ($(this).hasClass('ton')) {
				$(this).hover(function(){
					var str = $(this).attr("title")
					$('#cont3-2 .ticker p').html(str);
					Cufon.refresh('.hvltstd-33_12');
					$('#cont3-2 .ticker').animate({"opacity":"1.0"}, {queue: false, duration: 400})     
				},function(){
					$('#cont3-2 .ticker').animate({"opacity":"0.0"}, {queue: false, duration: 400});
				});
			} else if ($(this).hasClass('event')) {
				$(this).hover(function(){
					var str = $(this).attr("title")
					$('#cont4-2 .ticker p').html(str);
					Cufon.refresh('.hvltstd-33_12');
					$('#cont4-2 .ticker').animate({"opacity":"1.0"}, {queue: false, duration: 400})     
				},function(){
					$('#cont4-2 .ticker').animate({"opacity":"0.0"}, {queue: false, duration: 400});
				});
			}
		} else {
			if ($(this).hasClass('bild')) {
				$(this).click(function(e){
					$('.snav').hide();
					$("#viewport").scrollTo( $('#cont2-2'), 2000, {easing:'easeOutExpo', onAfter: function(){$('#stage-bild .snav').show();}});
					$('#stage-bild .snav-leistungen').removeClass('active');
					$('#stage-bild .snav-referenzen').addClass('active');
					return false;
				});
			} else if ($(this).hasClass('ton')) {
				$(this).click(function(e){
					$('.snav').hide();
					$("#viewport").scrollTo( $('#cont3-2'), 2000, {easing:'easeOutExpo', onAfter: function(){$('#stage-ton .snav').show();}});
					$('#stage-ton .snav-leistungen').removeClass('active');
					$('#stage-ton .snav-referenzen').addClass('active');
					return false;
				});
			} else if ($(this).hasClass('event')) {
				$(this).click(function(e){
					$('.snav').hide();
					$("#viewport").scrollTo( $('#cont4-2'), 2000, {easing:'easeOutExpo', onAfter: function(){$('#stage-event .snav').show();}});
					$('#stage-event .snav-leistungen').removeClass('active');
					$('#stage-event .snav-referenzen').addClass('active');
					return false;
				});
			}
			$(this).css({opacity:0.2});
			$(this).hover(function(){
				$(this).fadeTo("slow", 1.0);
			},function(){
				$(this).fadeTo("slow", 0.2);
			});
		};

	});
	
	// center viewport onload
	$("#viewport").center();
	
	// eventnewsticker
	$('.eventnewsticker').animate({
	    opacity: 1,
			left:0
	 }, 2500, function() {
	    // Animation complete.
	 });
	$('.eventnewsticker').click(function() {
		$('.snav').hide();
		$('#stage-event .snav').show();
		$("#viewport").scrollTo( $('#cont4-3'), 2000, {queue:true,axis:'yx',easing:'easeOutExpo'});
		$('#stage-event .snav-leistungen').removeClass('active');
		$('#stage-event .snav-referenzen').removeClass('active');
		$('#stage-event .snav-news').addClass('active');
		
		return false;
	});
	
	
	// calculations for subnav depending on viewport offset
	var offset = $("#viewport").offset();
	$('ul.snav').css('top', function() {
		return offset.top + 73;
	});
	$('ul.snav').css('left', function() {
		return offset.left + parseInt($(this).css('left'), 10);;
	});
	
});