$(document).ready(function(){
  loadStyles();
  $("#savereact").hide();
  $(".topmenu a").hover(
    function () {
      $(this).css( {"color": "#292929"} );
    }, 
    function () {
      $(this).css( {"color": "#fff"} );
    }
  );
  $("textarea").focus(function(){
    $(".smilies").css( {"display": "block"} );
  });
  $("img[smilie=true]").click(function(){
    var t = $("textarea").val();
    $("textarea").val(t+" "+$(this).attr('alt'));
  });
  $("input[value=Reageer]").click(function(){
    if ($("#savereact").is(":hidden")) {
      $("textarea[name=react]").attr("disabled","disabled");
      $("input[name=name]").attr("disabled","disabled");
      $("input[name=email]").attr("disabled","disabled");
      $("input[name=link]").attr("disabled","disabled");
      $("input[name=mail]").attr("disabled","disabled");
      $("#savereact").show();
      $("#savereact").load("http://www.mzzl.net/savereact.php?loading=1");
      var curLog = $(".smilies").attr('logid');
      var curText= $("textarea[name=react]").val();
      var curName= $("input[name=name]").val();
      var curAva= $("input[name=email]").val();
      var curLink= $("input[name=link]").val();
      if ($("input[name=mail]").is(":checked")) {
        var curMail= 'Y';
      } else {
        var curMail= 'N';
      }
      curText = curText.replace(/\n/g, "<br>").replace(/\n\n+/g, '<br><br>').replace(/\s/g, '[space]');
      curName = curName.replace(/\n/g, "<br>").replace(/\n\n+/g, '<br><br>').replace(/\s/g, '[space]');
      $("#savereact").load("http://www.mzzl.net/savereact.php?react=" + curText + "&name=" + curName + "&email=" + curAva + "&link=" + curLink + "&logid=" + curLog + "&mail=" + curMail,function(){
        $("textarea[name=react]").val('');
        $("textarea[name=react]").removeAttr("disabled");
        $("input[name=name]").removeAttr("disabled");
        $("input[name=email]").removeAttr("disabled");
        $("input[name=link]").removeAttr("disabled");
        $("input[name=mail]").removeAttr("disabled");
        setTimeout('$("#savereact").fadeOut("slow")', 4000);
      });
    }
  });
  updateContent();
  updateReaction();
  updatePlay();
  updateOnline();
  updateServer();
  updateReactions();
  updateTwitter();
});
function loadStyles() {
  tb_init('a.thickbox, area.thickbox, input.thickbox');//pass where to apply thickbox
  $("div[onClick]").css( {"cursor": "pointer"} );
  $(".main a,.serveronline a,.lasttwitter a").css( {"color": "#8fbf27"} );
  $(".main a,.serveronline a,.lasttwitter a").hover(
    function () {
      $(this).css( {"color": "#0000ff"} );
    }, 
    function () {
      $(this).css( {"color": "#8fbf27"} );
    }
  );
}

function updateContent() {
  if ($(".content").attr('id') > 0) {
    $.get("http://www.mzzl.net/last.php?action="+$(".content").attr('type'), function(data){
      if ($(".content").attr('id') < data || $(".content").attr('id') > data) {
        $(".content").load("http://www.mzzl.net/content.php?content="+$(".content").attr('type'), function() {
          loadStyles();
        });
        $(".content").attr('id',data);
      }
    });
    setTimeout('updateContent()', 5000);
  }
}

function updateReaction() {
  $.get("http://www.mzzl.net/last.php?action=react", function(data){
    if ($(".lastreact").attr('id') < data) {
      $(".lastreact").load("http://www.mzzl.net/newestreaction.php", function() {
        loadStyles();
        if ($("#savereact").is(":hidden")) {
          $("#container").load("http://www.mzzl.net/last.php?action=playsound");
        }
      });
      $(".lastreact").attr('id',data);
    }
  });
  setTimeout('updateReaction()', 2000);
}

function updatePlay() {
  $.get("http://www.mzzl.net/last.php?action=play", function(data){
    if ($(".lastplay").attr('id') < data) {
      $(".lastplay").load("http://www.mzzl.net/newestplay.php", function() {
        loadStyles();
      });
      $(".lastplay").attr('id',data);
    }
  });
  setTimeout('updatePlay()', 10000);
}

function updateTwitter() {
  $.get("http://www.mzzl.net/last.php?action=twitter", function(data){
    if ($(".lasttwitter").attr('id') < data) {
      $(".lasttwitter").load("http://www.mzzl.net/newesttwitter.php", function() {
        loadStyles();
      });
      $(".lasttwitter").attr('id',data);
    }
  });
  setTimeout('updateTwitter()', 10000);
}

function updateOnline() {
  $.get("http://www.mzzl.net/last.php?action=online", function(data){
    if ($(".lastonline").attr('id') > data || $(".lastonline").attr('id') < data) {
      $(".lastonline").load("http://www.mzzl.net/content.php?content=online", function() {
        loadStyles();
        $("#container").load("http://www.mzzl.net/last.php?action=playonline");
      });
      $(".lastonline").attr('id',data);
    }
  });
  setTimeout('updateOnline()', 10000);
}

function updateServer() {
  $.get("http://www.mzzl.net/last.php?action=servstats", function(data){
    if ($(".serveronline").attr('id') > data || $(".serveronline").attr('id') < data) {
      $(".serveronline").load("http://www.mzzl.net/content.php?content=servstats", function() {
        loadStyles();
      });
      $(".serveronline").attr('id',data);
    }
  });
  setTimeout('updateServer()', 1000);
}

function updateReactions() {
  var n = $(".smilies").attr('logid');
  $.get("http://www.mzzl.net/last.php?action=reactions&id="+n, function(data){
    if ($(".reactdiv").attr('id') < data) {
      $(".reactdiv").load("http://www.mzzl.net/content.php?content=reactions&id="+n, function() {
        setTimeout('loadStyles()', 1000);
      });
      $(".reactdiv").attr('id',data);
    }
  });
  setTimeout('updateReactions()', 3000);
}