var currClick = '';
var currCont = '';

$(document).ready(function(){

  $.preloadCssImages();

  $("div#service_tabs div").click(function () {
    $(this).blur();

    if (currClick) {
      var jq_h = $(currClick).height();
      $(currClick).animate({
        marginTop: jq_h + "px"
      }, 500, null, function() { visHide(currCont); } );
    }

    animate(this);

  });

  $("div div div a.tab_click").click(function () {
    $(this).blur();
    var jq_id=$(this).attr('name');
    var jq_id_on='div#' + jq_id + '_on';
    var jq_id_container='div#' + jq_id + '_container';
    var jq_h = $(jq_id_on).height();
    $(jq_id_on).animate({
      marginTop: jq_h + "px"
    }, 500, null, function() { visHide(jq_id_container);setClick('', ''); } );
  });

});

function animate(id) {
  var jq_id=$(id).attr('id');
  var jq_id_container='div#' + jq_id + '_container';
  var jq_id_on='div#' + jq_id + '_on';
  var jq_os = $(id).offset();
  var jq_h = $(jq_id_on).height();
  var jq_h_on = jq_h - $(id).height() - ((document.all)?2:1);

  $(jq_id_container).css( { "visibility": "visible", "left": (jq_os.left) + "px", "top":jq_os.top - jq_h_on + "px" } );

  $(jq_id_container).height(jq_h);
  $(jq_id_on).css( { "top":jq_h_on + "px" } );

  $(jq_id_on).animate({
    marginTop: "-" + jq_h_on + "px"
  }, 500, null, function() { setClick(jq_id_on, jq_id_container); } );

}

function setClick(id, cont) {
  currClick = id;
  currCont = cont;
}

function visHide(id) {
  $(id).css( { "visibility": "hidden" } );
}