$(document).ready(function(){
  $("#page").css({visibility:'visible'});
  $("#logo").css({opacity:'0'});
  $("#nav").css({opacity:'0'});
  $("#buy").css({opacity:'0'});
  $(".imprint").css({opacity:'0'});
});
$(document).ready(function(){
  // Flashelemente
  
  // Intro
  $("#intro .productimg img").hide();
  $("#intro .productimg").flash({
    swf: 'intro.swf',
	height: 462,
	width: 540,
	allowFullScreen: false,
	wmode: 'transparent'
  });
  
  // Start
  $("#start .productimg img").hide();
  $("#start .productimg").flash({
    swf: 'start.swf',
	height: 357,
	width: 552,
	allowFullScreen: false,
	wmode: 'transparent'
  });
  
  // Power
  $("#power .productimg img").hide();
  $("#power .productimg").flash({
    swf: 'power.swf',
	height: 450,
	width: 560,
	allowFullScreen: false,
	wmode: 'transparent'
  });
  
  // Balance
  $("#balance .productimg img").hide();
  $("#balance .productimg").flash({
    swf: 'balance.swf',
	height: 450,
	width: 560,
	allowFullScreen: false,
	wmode: 'transparent'
  });
  
  // Slim
  $("#slim .productimg img").hide();
  $("#slim .productimg").flash({
    swf: 'slim.swf',
	height: 450,
	width: 560,
	allowFullScreen: false,
	wmode: 'transparent'
  });
  
  // Dockingstation
  $("#dockingstation .productimg img").hide();
  $("#dockingstation .productimg").flash({
    swf: 'dockingstation.swf',
	height: 450,
	width: 560,
	allowFullScreen: false,
	wmode: 'transparent'
  });
  
  // Navigation
  $(".start").click(function(){
    gotoAndPlay('-1000');
    return false;
  });
  $(".power").click(function(){
    gotoAndPlay('-2000');
    return false;
  });
  $(".balance").click(function(){
    gotoAndPlay('-3000');
    return false;
  });
  $(".slim").click(function(){
    gotoAndPlay('-4000');
    return false;
  });
  $(".docking").click(function(){
    gotoAndPlay('-5000');
    return false;
  });
  $(".zubehoer").click(function(){
    gotoAndPlay('-6000');
    return false;
  });
  $(".features").click(function(){
    gotoAndPlay('-7000');
    return false;
  });
  $(".win7").click(function(){
    gotoAndPlay('-8000');
    return false;
  });
  // Textelemente
  $(".high").css({fontWeight:'bold'});
  $(".techtext").css({display:'none'});
  $(".tech").click(function(){
    $(".hightext").fadeOut('fast',function(){$(".techtext").fadeIn('fast', function(){$('.producttext').jScrollPane();})});
	$(".productmenu a").css({fontWeight:'normal'});
	$(".productmenu .tech").css({fontWeight:'bold'});
	return false;
  });
  $(".high").click(function(){
    $(".techtext").fadeOut('fast',function(){$(".hightext").fadeIn('fast', function(){$('.producttext').jScrollPane();})});
	$(".productmenu a").css({fontWeight:'normal'});
	$(".productmenu .high").css({fontWeight:'bold'});
	return false;
  });
  
  $(".skip").click(function(){
    startAnimation = function(){
	  // function geleert
	};
    $("#black").css({opacity:'0'});
	$("#logo").css({opacity:'1'});
	$("#nav").css({opacity:'1'});
	$("#buy").css({opacity:'1'});
	$(".imprint").css({opacity:'1'});
	$(".leftFloat").css({opacity:'0'});
	gotoAndPlay('-1000');
	return false;
  });
  
});

var startAnimation = function(){
  $("#logo").delay(1000).animate({opacity : '1'},2000,function(){
    $("#black").animate({opacity : '0'});
    $("#buy").animate({opacity : '1'});
    $(".imprint").animate({opacity : '1'});
    $("#nav").animate({opacity : '1'},2000, function(){
      gotoAndPlay('-1000');
      $(".leftFloat").css({opacity : '0'});	
	});  
  });
};

$(function(){
  $('.producttext').jScrollPane();
});

function myfadeout(){
  startAnimation();
};

function gotoAndPlay(xPos){
  $(".producttext").css({opacity:'0'});
  $(".techtext").hide();
  $(".hightext").show();
  $(".productmenu a").css({fontWeight:'normal'});
  $(".productmenu .high").css({fontWeight:'bold'});
  $(".jScrollPaneContainer").css({opacity:'0'});
  $(".intellogo").css({opacity:'0'});
  $("#content").animate({left:xPos},'slow', function(){
    $(".producttext").animate({opacity:'1'},500);
	$(".jScrollPaneContainer").css({opacity:'1'},500);
	$(".intellogo").delay(250).animate({opacity:'1'},500);
  });
}
