$(document).ready(function(){
  //setups
  canvasstandardwidth  = 800;
  canvaswidth     = canvasstandardwidth;
  canvasheight    = 500;
  canvastop       = 90;
  mainwidth       = 0;
  mainheight      = 0;
  show_gadget     = true; // Schalter für Gadget-Grafiken
  // Lupe
  lupeaktiv       = false;
  mouse_x         = 0;
  mouse_y         = 0;
  photoviewheight = 0;
  origphotoheight = 0;
  origphotowidth  = 0;
  var viewedimage     = "";
  //Wolken
  cloudwidth      = new Array(0,0,0,0);
  cloudposition   = new Array(0,0,400,900); // genau wie im Startzustand der Seite (css)
  browsdockwidth  = 0;
  fuzzyoffset     = 0; //Offset, um den Focus beim Fisheye (Browser-Mode) ins Nirvana zu schicken (auf 1000000 setzen)
  currentcontent  = "home";
  currenttitle    = "Home";
  currenttype     = "canvas_out";
  backstack                 = new Array();
  backstack["content"]      = new Array();
  backstack["title"]        = new Array();
  backstack["type"]         = new Array();
  animation                 = new Array();
  animation["canvas"]       = new Array("paperFoldOut", "canvasFoldOut", "getContent", "canvasFoldIn", "paperFoldIn");
  animation["canvas_in"]    = new Array("paperFoldOut", "canvasSlideOutLeft", "getContent", "canvasSlideInLeft", "paperFoldIn");
  animation["canvas_out"]   = new Array("paperFoldOut", "canvasSlideOutRight", "getContent", "canvasSlideInRight", "paperFoldIn");
  animation["paper"]        = new Array("paperFoldOut", "getContent", "paperFoldIn");
  animation["paper_expand"] = new Array("paperFoldOut", "canvasExpand", "getContent", "paperFoldIn");
  animation["transparent"]  = new Array("transparentFoldOut", "getContent", "transparentFoldIn");
  animation["photoindex"]   = new Array("animateThumbsOut", "canvasFoldOut", "getContent", "canvasFoldIn", "animateThumbsIn");
//Sound
  if(!(browsername == "SAFARI" && parseFloat(browserversion) < 5.1) && !(browsername == "SAFARI" && useros == "Win") && !(browsername == "IE" && parseFloat(browserversion) < 9.0) && !(browsername == "KONQUEROR" && parseFloat(browserversion) < 99.0)){
    cansound = true;
  }
  else{
    cansound = false;
  }
  if(!(browsername == "SAFARI" && parseFloat(browserversion) < 5.0) && !(browsername == "IE" && parseFloat(browserversion) < 9.0) && !(browsername == "KONQUEROR" && parseFloat(browserversion) < 99.0) && !(browsername == "FIREFOX" && parseFloat(browserversion) < 5.0) && !(browsername == "CHROME" && parseFloat(browserversion) < 9.0) && !(browsername == "OPERA" && parseFloat(browserversion) < 11.5)){
    canhtml5 = true;
  }
  else{
    canhtml5 = false;
  }
  if(cansound){
    setupStorage = localStorage;
    if(setupStorage.getItem("sound") != "on" && setupStorage.getItem("sound") != "off")
      setupStorage.setItem("sound", "on");
    audiochannel = new Array();
    audiochannel['voegel']  = new Audio(); // Audio-Objekte
    audiochannel['grass-1'] = new Audio();
    audiochannel['grass-2'] = new Audio();
    if(browsername == "SAFARI" || browsername == "IE"){
      audiochannel['voegel'].src  = "sound/voegel.mp3";
      audiochannel['grass-1'].src = "sound/grass-1.mp3";
      audiochannel['grass-2'].src = "sound/grass-2.mp3";
    }
    else{
      audiochannel['voegel'].src  = "sound/voegel.ogg";
      audiochannel['grass-1'].src = "sound/grass-1.ogg";
      audiochannel['grass-2'].src = "sound/grass-2.ogg";
    }
    audiochannel['voegel'].addEventListener("load", function(e){audiochannel['voegel'].play();}, false);
    audiochannel['voegel'].load();
    audiochannel['grass-1'].load();
    audiochannel['grass-2'].load();
    audiochannel['voegel'].addEventListener("ended", function(e){audiochannel['voegel'].play();}, false);
    if(setupStorage.getItem("sound") == "on"){
      audiochannel['voegel'].play();
    }
    $('#sound').click(function(){
      if(setupStorage.getItem("sound") == "on"){
        setupStorage.setItem("sound", "off");
        audiochannel['voegel'].pause();
      }
      else if(setupStorage.getItem("sound") == "off"){
        setupStorage.setItem("sound", "on");
        audiochannel['voegel'].play();
      }
      $('#soundicon').attr("src", "images/sound-" + setupStorage.getItem("sound") + ".png");
    });
    $('#soundicon').attr("src", "images/sound-" + setupStorage.getItem("sound") + ".png");
  }
  //Bindings
  document.onmousemove = mouseposition;
  $('#f_icon').mouseover(function(){
    $('#f_icon').attr('src', "images/f_color.png");
    $('#f_icon').css('opacity', 0.2);
    $('#f_icon').animate({
      opacity: 1
    }, 'slow', 'linear');
  });
  $('#f_icon').mouseout(function(){
    $('#f_icon').animate({
      opacity: 0.2
    }, 'slow', 'linear', function(){
      $('#f_icon').attr('src', "images/f.png");
      $('#f_icon').animate({
      opacity: 0.5
    }, 'slow', 'linear');
    });
  });
  $('#g_icon').mouseover(function(){
    $('#g_icon').attr('src', "images/g+_color.png");
    $('#g_icon').css('opacity', 0.2);
    $('#g_icon').animate({
      opacity: 1
    }, 'slow', 'linear');
  });
  $('#g_icon').mouseout(function(){
    $('#g_icon').animate({
      opacity: 0.2
    }, 'slow', 'linear', function(){
      $('#g_icon').attr('src', "images/g+.png");
      $('#g_icon').animate({
      opacity: 0.5
    }, 'slow', 'linear');
    });
  });

  init();

  $(window).resize(function(){
    window.setTimeout("init()",1000);
  });
  $('#html5').mouseover(function(){
    $('#html5').animate({
      opacity: 1
    }, 'slow', 'linear', function(){
      return true;
    });
  });
  $('#html5').mouseleave(function(){
    $('#html5').animate({
      opacity: 0.3
    }, 'slow', 'linear', function(){
      return true;
    });
  });

  initDock();
});
function setSound(state){ // Sound-Steuerung für Fallback
  ablauf = new Date();
  expi   = ablauf.getTime() + (1000 * 24 * 60 * 60 * 1000); // 1000 Tage
  ablauf.setTime(expi);
  document.cookie = "sound=" + state + "; expires=" + ablauf.toGMTString();
  if(state == "off"){
    data = '<a href="javascript:setSound(\'on\')"><img src="images/sound-off.png" width="48" height="48" alt="sound on" border="0"></a>';
  }
  else{
    data = '<a href="javascript:setSound(\'off\')"><img src="images/sound-on.png" width="48" height="48" alt="sound off" border="0"></a><div id="soundplugin" style="visibility:hidden;"><object type="application/x-shockwave-flash" data="sound/voegel.swf" width="1" height="1"><param name="allowScriptAccess" value="sameDomain"><param name="movie" value="sound/voegel.swf"><param name="menu" value="false"><param name="quality" value="best"><param name="bgcolor" value="#000000"></object></div>';
  }
  $('#sound4').empty();
  $('#sound4').append(data);
}

function init(refresh){
  /* Größen ermitteln */
  mainheight = document.documentElement.clientHeight;
  mainwidth  = document.documentElement.clientWidth;
  photoviewheight = mainheight - 280;
  photoviewwidth  = mainwidth - 40;
  browsdockwidth = mainwidth - 380;
  $('#main').css('height', mainheight + 'px');
  $('#main').css('width', mainwidth + 'px');
  $('#wrapper').css('width', browsdockwidth + 'px');
  cloudwidth[1] = parseFloat(document.getElementById('deco_wolke_1').offsetWidth);
  cloudwidth[2] = parseFloat(document.getElementById('deco_wolke_2').offsetWidth);
  cloudwidth[3] = parseFloat(document.getElementById('deco_wolke_3').offsetWidth);
  canvasheight  = mainheight - 185;
  $('#forum_frame').css('height', (canvasheight + 12) + "px");
  $('#forum').css('height', (canvasheight - 20) + "px");
  $('#iframe_section').css('height', (canvasheight - 45) + "px");
  $('#chat_frame').css('height', (canvasheight + 42) + "px");
  $('#frametrimmer').css('height', (canvasheight - 23) + "px");
  $('#chat').css('height', (canvasheight - 20) + "px");
  if(refresh != "refresh"){
  /* Positionen setzen für Browser, die calc() IMMER NOCH(!!!) nicht beherrschen */
    $('#canvas').css('left', (mainwidth/2 - canvaswidth/2) + 'px');
    $('#canvas').css('height', (canvasheight) + 'px');
    $('#gadget').css('left', (mainwidth/2 + 410) + 'px');
    $('#contentgras').css('left', (mainwidth/2 - canvaswidth/2) + 'px');
    // $('#deco_zelt_tajo').css('left', (mainwidth/2 - 480) + 'px');
    $('#deco_wimpel').css('left', (mainwidth/2 - 450) + 'px');
    $('#deco_zelt_nenelleth').css('left', (mainwidth/2 - 470) + 'px');
    $('#deco_zelt_frodo').css('left', (mainwidth/2 - 400) + 'px');
    $('#deco_tarp').css('left', (mainwidth/2 - 300) + 'px');
    $('#deco_banner').css('left', (mainwidth/2 + 120) + 'px');
    // $('#deco_zelt_kassandra').css('left', (mainwidth/2 + 120) + 'px');
    $('#deco_zelt_baldur').css('left', (mainwidth/2 - 27) + 'px');
    $('#deco_zelt_aldarion').css('left', (mainwidth/2 + 120) + 'px');
    $('#deco_tree_1').css('left', (mainwidth/2 + 220) + 'px');
  }
  if($('#scroller').css('margin-left')){
    getExtraOffset(parseInt($('#scroller').css('margin-left')));
  }
}
function initDock(){
  $('#dock').Fisheye({
    maxWidth: 70,
    items: 'a',
    itemsText: 'span',
    container: '.dock-container',
    itemWidth: 70,
    proximity: 70,
    halign : 'center'
  });
  if($('#scroller').css('margin-left')){
    getExtraOffset(parseInt($('#scroller').css('margin-left')));
  }
  fuzzyoffset = 0;
}