function moveSelector() {
  $("#navigation li a").mouseover(function(event) {
  var topMargin = 0;
  switch (this.className) {
    case 'navigation_home':
      topMargin = 21;
    break;
    case 'navigation_projecten':
      topMargin = 41;
    break;
    case 'navigation_essays':
      topMargin = 61;
    break;
    case 'navigation_werkwijze':
      topMargin = 85;
    break;
    case 'navigation_studio':
      topMargin = 104;
    break;
    case 'navigation_nieuws':
      topMargin = 124;
    break;
  }
  $('#navigation_selector').animate({
    marginTop: topMargin+"px"
    }, { queue: false, duration: 150 });
  });
}

function backForth() {
  $("a#page_back, a#page_forward, a#projects_back, a#projects_forward, a#essays_back, a#essays_forward").live("click", function(event) {
    if (this.rel.match(/page-/) != null) {
      var id = this.rel.replace("page-", "");
      $("#news_content").load("includes/meta.php", {page:[id]}, function () { $(this).css({'display' : 'none'}); $(this).fadeIn("normal"); });
    } else if (this.rel.match(/essays-/) != null) {
      var id = this.rel.replace("essays-", "");
      $("#projects_content").load("includes/essays.php", {essays:[id]}, function () { presentItems(); });
    } else {
      var id = this.rel.replace("projects-", "");
      $("#projects_content").load("includes/projects.php", {projects:[id]}, function () { presentItems(); });
    }   
    event.preventDefault();    
  });
}

function bringToFront() {
  $("a.bringtofront").click(function(event) {
    var photoId = this.id.replace("tofront-","");
    var element = "#photo-"+photoId;
    var oldIndex = $(element).css("z-index");
    $(element).attr({"rel":oldIndex});
    $(element).css({"z-index" : 20000});
    $(element+" .image_meta .image_meta_body_inner").css({"display": "none"});
    $(element+" .image_meta").css({"width": 0}).animate({width: "200px"}, function () {
      $(element+" .image_meta .image_meta_body_inner").fadeIn({duration: 1000});
    });
    event.preventDefault();
  });
}

function sendToBack() {
  $("a.close").click(function(event) {
    var photoId = this.id.replace("toback-","");
    var element = "#photo-"+photoId;
    $(element+" .image_meta .image_meta_body_inner").fadeOut(500, function () {
      $(element+" .image_meta").animate({width: "0"}, 1000, function () {
        $(element+" .image_meta").css({"display": "none"});
        var oldIndex = $(element).attr("rel");
        $(element).css({"z-index" : oldIndex});
      });
    });
    event.preventDefault();
  });
}

function presentItems() {
  $('ul.projects li').css({"opacity": 0});
  var fx = [];
  $('ul.projects li').each(function (i) {
    fx.push({
      selector: this,
      params: [{opacity: 1}, 150]
    });
  });
  $.fxQueue.start(fx);
}

function previousNext() {
  $("a.previous").click(function (event) {
    var photoId = $(this).attr('id').replace('back-', '');
    $("#photo-"+photoId).css({'z-index':'auto'});
    $("#photo-"+photoId+" .image_meta").css({'display':'none'});
    
    var newId = parseInt(photoId)-1;
    if (newId == -1) {
      var newId = $(".image_container").length-1;
    }

    var element = "#photo-"+newId;
    var oldIndex = $(element).css("z-index");
    $(element).attr({"rel":oldIndex});
    
    $(element).css({"z-index" : 20000});
    $(element+" .image_meta").css({'display':'block'});
    
    event.preventDefault();
  });  
  $("a.next").click(function (event) {
    var photoId = $(this).attr('id').replace('forward-', '');
    $("#photo-"+photoId).css({'z-index':'auto'});
    $("#photo-"+photoId+" .image_meta").css({'display':'none'});
    
    var newId = parseInt(photoId)+1;
    var imageCollection = $(".image_container").length;

    if (newId == imageCollection) {
      var newId = 0;
    }
    var element = "#photo-"+newId;
    var oldIndex = $(element).css("z-index");
    $(element).attr({"rel":oldIndex});

    $(element).css({"z-index" : 20000});
    $(element+" .image_meta").css({'display':'block'});
    
    event.preventDefault();
  });  
}

function toggleRead() {
  $("a#readmore").click(function (event) {
    if ($("#textOverflow").is(":visible")) {
      //$("#textOverflow").css({'display':'none'});
      $("#textOverflow").slideUp(1200);
      $(this).text('Lees meer');
    } else {
      //$("#textOverflow").css({'display':'block'});
      $("#textOverflow").slideDown(1200);
      $(this).text('Lees minder');
    }
    event.preventDefault();
  });
}

function parseFlv() {
  $("a.flv[href*=.flv]").flowplayer("swf/flowplayer.swf");
}

$(document).ready(function(){
  parseFlv();
  moveSelector();
  backForth();
  bringToFront();
  sendToBack();
  previousNext();
  presentItems();
  toggleRead();
});