function extractId(longId)
{
  idInfo = longId.split("_");
  return idInfo[idInfo.length-1];
}

function checkUsername(field, username)
{
 $.ajax({
   type: 'POST',
   url: '/network/ajax/checkUsername',
   data: 'username=' + username ,
   success: function(data){
    if(data > 0)
      $("#" + field + "_error").html('[not available]');
    else
      $("#" + field + "_error").html('');
   }
 });
}

function checkModename(field, modename)
{
 $.ajax({
   type: 'POST',
   url: '/network/ajax/checkModename',
   data: 'modename=' + modename ,
   success: function(data){
    if(data > 0)
      $("#" + field + "_error").html('[not available]');
    else
      $("#" + field + "_error").html('');
   }
 });
}

function showHover(action, vars)
{
 document.body.style.cursor = 'wait';
 $.ajax({
   type: 'POST',
   url: action,
   data: vars,
   success: function(data){
    $('#hover_layer').css( { top: $(window).scrollTop() } );
    $('#hover_film').show("slow");
    $('#hover_layer').show("slow");
    $('#hover').html(data);
    document.body.style.cursor = 'default';
    $("#close_hover").click( function()
    {
      $("#hover_film").hide();
      $("#hover_layer").hide();
    });
   }
 });
}

function lock(element)
{
    $.ajax(
    {
      type: "POST",
      url: "/network/ajax/lock",
      data: "code=" + $(element).parent().attr('id'), 
      success: function(feedback)
      {
        $("#" + feedback).children('.locker').attr('src', '/img/locked.gif').removeClass('lock').addClass('unlock').unbind('click').click( function() { unlock(this); } );
      }
    });
}


function refreshMembers()
{
    $.ajax(
    {
      type: "POST",
      url: "/network/ajax/members",
      success: function(feedback)
      {
        $('#member_box').html(feedback);
      }
    });
}

function refreshContacts()
{
    $.ajax(
    {
      type: "POST",
      url: "/network/ajax/contacts",
      success: function(feedback)
      {
        $('#contact_box').html(feedback);
      }
    });
}

function unlock(element)
{
    $.ajax(
    {
      type: "POST",
      url: "/network/ajax/unlock",
      data: "code=" + $(element).parent().attr('id'), 
      success: function(feedback)
      {
        $("#" + feedback).children('.locker').attr('src', '/img/unlocked.gif').removeClass('unlock').addClass('lock').unbind('click').click( function() { lock(this); } );
      }
    });
}

$(document).ready(function()
{
  $(".register").click( function()
  {
    showHover("/network/home/register", "");
    return false;
  });

  $(".faq").click( function()
  {
    showHover("/network/home/faq", "");
    return false;
  });

  $(".thumbnail").click( function()
  {
    code = this.id;
    info = code.split("_");
    showHover("/" + info[0] + "/files/slideshow", "id=" + info[2] + "&folder=" + info[1]);
  });

  $(".screenshot").click( function()
  {
    showHover('/network/videos/play', 'id=' + this.id);
  });

  $(".date").click( function()
  {
    var longId = this.id;
    idInfo = longId.split("_");
    showHover('/' + idInfo[0] + '/calendar/day', 'id=' + idInfo[1]);
  });

  $(".expand").click( function()
  {
    breakPoint = this.id.indexOf("_");
    target = this.id.substring(breakPoint + 1);
    if ($("#" + target).is(":visible"))
      $("#" + target).hide("slow");
    else
      $("#" + target).show("slow");
  });

  $("#close_hover").click( function()
  {
    $("#hover_film").hide();
    $("#hover_layer").hide();
  });
/*
  $("div.menu").bind('mouseover', function(item)
  {
    this.style.color='<?php echo $network_info['fgcolor']; ?>';
    this.style.backgroundColor='<?php echo $network_info['textcolor']; ?>';
  });
  $("div.menu").bind('mouseout', function(item)
  {
    this.style.color='<?php echo $network_info['textcolor']; ?>';
    this.style.backgroundColor='<?php echo $network_info['fgcolor']; ?>';
  });

  $("span.menu_profile").bind('mouseover', function(item)
  {
    this.style.color='<?php echo $network_info['fgcolor']; ?>';
    this.style.backgroundColor='<?php echo $network_info['textcolor']; ?>';
  });
  $("span.menu_profile").bind('mouseout', function(item)
  {
    this.style.color='<?php echo $network_info['textcolor']; ?>';
    this.style.backgroundColor='<?php echo $network_info['fgcolor']; ?>';
  });

  $('.faq_link').click( function(){ showHover('help'); } );
  $('.register_link').click( function(){ showHover('register', 'type=new&mode=poo' ); } );
*/
  $('.unlock').click( function()
  {
    unlock(this);
  });


  $('.lock').click( function()
  {
    lock(this);
  });

  $(".sorts").sortable(
  {
    handle: ".move_handle", update: function()
    {
      info = $(this).sortable("serialize");
      $.post("/network/ajax/sort", { order: info } );
      return false;
    }
  });

  $("#trash").droppable(
  {
    accept: ".item", tolerance: "touch", drop: function(ev,ui)
    {
      $.ajax(
      {
        type: "POST",
        url: "/network/ajax/delete",
        data: "code=" + ui.draggable.attr('id'),
        success: function(feedback)
        {
          $("#" + feedback).hide("slow");
        }
      });
    }
  });

  function showCoords(c)
  {
      // variables can be accessed here as
      // c.x, c.y, c.x2, c.y2, c.w, c.h
  };


});