$(document).ready(function(){ 
    $(document).pngFix();
    if($.browser.msie && parseInt(jQuery.browser.version) == 6 && $(window).width() < 1000) {
      $('#mainWrapper').css({width:"auto"});
    }
    $(".level-1 li").hover(function() {
      $(this).addClass("current");
      $(this).find(".level-2").show();
    },function() {
      $(this).removeClass("current");
      $(this).find(".level-2").hide();
    });
    $("#left_menu .level-1 div").hover(function() {
      $(this).addClass("current");
      $(this).find(".level-2").show();
    },function() {
      $(this).removeClass("current");
      $(this).find(".level-2").hide();
    });
});

/** 
* Function for sliding elements {JK}
* string direction - direction of the movement ('right' or 'left')
*/
var inMovement = false;
function moveSlider(direction) {
  if(!inMovement) {
    $(".slideItem").each(function() {
      // slide element witch is currently visible
      if($(this).css('display') == "block") {
        inMovement = true;
        // all slide elements
        var $kids = $('#slideArea').children();
        // direction check
        if(direction == 'right') {
          // next object to show
          var $obj = $($kids[0]);
          if($(this).next().hasClass('slideItem')) $obj = $(this).next();
          $(this).animate({marginLeft:"-520px"},300,function() {
              $obj.css({marginLeft:"520px"}).show();
              $obj.animate({marginLeft:"0px"},300,function() {inMovement = false;});
              $(this).hide().css({marginLeft:"0px"});
          });
        } else {
          var $obj = $($kids[$kids.length-1]);
          if($(this).prev().hasClass('slideItem')) $obj = $(this).prev();
          $(this).animate({marginLeft:"520px"},300,function() {
              $obj.css({marginLeft:"-520px"}).show();
              $obj.animate({marginLeft:"0px"},300,function() {inMovement = false;});
              $(this).hide().css({marginLeft:"0px"});
          });
        }
      }
    });
    $("#sliderImg img").each(function() {
      // slide element witch is currently visible
      if($(this).css('display') == "block") {
        // all slide elements
        var $kids = $('#sliderImg').children();
        // direction check
        if(direction == 'right') {
          // next object to show
          var $obj = $($kids[0]);
          if($(this).next().hasClass('sliderImg')) $obj = $(this).next();
          if($obj.hasClass('hideImg')) {
            $(this).fadeOut(300, function() { $obj.fadeIn(300, function() { $obj.css('display','block'); }); $obj.css('display','none'); });
          } else {
            $(this).animate({marginLeft:"-328px"},300,function() {
                $obj.css({marginLeft:"328px"}).show();
                $obj.animate({marginLeft:"0px"},300,function() {$obj.css('display','block');});
                $(this).hide().css({marginLeft:"0px"});
            });
          }
        } else {
          var $obj = $($kids[$kids.length-1]);
          if($(this).prev().hasClass('sliderImg')) $obj = $(this).prev();
          if($obj.hasClass('hideImg')) {
            $(this).fadeOut(300, function() { $obj.fadeIn(300, function() { $obj.css('display','block'); }); $obj.css('display','none'); });
          } else {
            $(this).animate({marginLeft:"328px"},300,function() {
                $obj.css({marginLeft:"-328px"}).show();
                $obj.animate({marginLeft:"0px"},300,function() {$obj.css('display','block');});
                $(this).hide().css({marginLeft:"0px"});
            });
          }
        }
      }
    });
  }
}