var timer;
var timeout= 0;
var closetimer= 0;
var ddmenuitem= 0;
var ddnavarrow=0;
var curmenuitem="";

$(function() {
  var maxHeight = $('#content').height();
  if (maxHeight < $("#sidebar").height()) {
    maxHeight = $("#sidebar").height();
  }
  $("#content, #sidebar").height(maxHeight);


  $('.clearthis').attr("value", function() {
    $(this).addClass("defVal");
    return $(this).attr("alt");
  });

  $('.clearthis').focus(function() {
    value=$(this).val();
    if (value==$(this).attr("alt")) {
      $(this).attr("value","");
      $(this).removeClass("defVal");
    }
  });
  $('.clearthis').blur(function() {
    if($(this).val()=="") {
      $(this).addClass("defVal");
      $(this).val($(this).attr("alt"));
    }
  });
});


function navigation_open() {
  if ($(this).find('div.ddmenu').length <= 0) return;
  if (curmenuitem != "") curmenuitem.removeClass("active");
  curmenuitem = $(this).find('a').eq(0);
  navigation_canceltimer();
  navigation_close();

  curmenuitem.addClass("active");

  var position = $(this).position();
  var posLeft = position.left;
  $(this).find('div.ddmenu').eq(0).css('left', posLeft);
  ddmenuitem = $(this).find('div.ddmenu').eq(0).css('visibility', 'visible');

  var arrow_left = parseInt(parseInt(posLeft)+parseInt($(this).width() / 2) - 19);
  ddnavarrow = $('<span id="nav_arrow"></span>').insertBefore(ddmenuitem);
  $(ddnavarrow).css('left', arrow_left);
  $(ddnavarrow).css('top', 52);
  $(ddnavarrow).css('display', 'block');
}

function navigation_close() {
  if(ddmenuitem) {
    ddmenuitem.css('visibility', 'hidden');
    curmenuitem.removeClass("active");
    $(ddnavarrow).remove();
  }
}

function navigation_timer() {
  //curmenuitem.removeClass("active");
  closetimer = window.setTimeout(navigation_close, timeout);
}

function navigation_canceltimer() {
  if(closetimer) {
    window.clearTimeout(closetimer);
    curmenuitem.removeClass("active");
    closetimer = null;
  }
}

document.onclick = navigation_close;