var flag1 = false;
var flag2 = false;

var images = new Array();
var max_img_index = 12;

images[0] = "/i/img_left.gif";
images[1] = "/i/fon_m_menu.gif";
images[2] = "/i/fon_m_menu_left.gif";
images[3] = "/i/fon_m_menu_right.gif";
images[4] = "/i/menu_hide_fon_right_top.gif";
images[5] = "/i/menu_hide_fon_left_bottom.gif";
images[6] = "/i/menu_hide_fon_right_bottom.gif";
images[7] = "/i/part1_fon_hover.png";
images[8] = "/i/part2_fon_hover.png";
images[9] = "/i/part3_fon_hover.png";
images[10] = "/i/part4_fon_hover.png";
images[11] = "/i/part5_fon_hover.png";
images[12] = "/i/part6_fon_hover.png";

        
function newImage(arg, index) 
{ 
   var img = new Image();
   img.src = arg;
}

function preload_images() {
    var i = 0;
    for(i=0; i<=max_img_index; i++) 
    {
        newImage(images[i],i);
    }
}

/* -- end preload images -- */

/* -- левое меню -- */

var time = 500;
var img_flag = true;
var pred_path = "";

function setImage(path){
  if (path != ""){
    path = "url(" + path + ")";
    if (pred_path != path){      
        if (img_flag) {  
            $("#ima1").fadeOut(time);
            $("#ima2").css("background-image",path);
            $("#ima2").fadeIn(time);
        } else {
            $("#ima2").fadeOut(time);
            $("#ima1").css("background-image",path);
            $("#ima1").fadeIn(time);
        }
        img_flag = !img_flag;
        pred_path = path;
    }
  }
}

function getImage(imgCount){
    var path = "";
         
    switch (imgCount) {
      case 0:
        path = "/i/img/default.jpg";
      break;
      case 1:
        path = "/i/img/vozduh.jpg";
      break;
      case 2:
        path = "/i/img/arki.jpg";
      break;
      case 3:
        path = "/i/img/sportpokr.jpg";
      break;
      case 4:
        path = "/i/img/zashita.jpg";
      break;
      case 5:
        path = "/i/img/led.jpg";
      break;
      case 6:
        path = "/i/img/sportob.jpg";
      break;
    }
    
    setImage(path);            
}
  
function setImageMenu(imgCount){    
    $("li.part" + imgCount + " a").css("background-image","url(/i/part" + imgCount + "_fon_hover.png)");
    $("li.part" + imgCount).pngFix();
    $("li.part" + imgCount + " a").css("cursor","pointer");
}

function setImageDefaultMenu(){        
  for (var i=1; i<=6; i++){
    $("li.part" + i + " a").css("background-image","url(/i/part" + i + "_fon.png)");
    $("li.part" + i).pngFix();
    $("li.part" + i + " a").css("cursor","default"); 
  }     
}


$(document).ready(function(){

  // lightBox
 	$('a.gal').lightBox();

  preload_images();  
  $("#ima2").hide();
  //$("#ima2").css("left","50px");

  $(document).pngFix();
  
/* --- */
    
 $("li.part1 a").hover(
    function () {
      getImage(1);
      setImageDefaultMenu();
      setImageMenu(1);      
    },
    function () {
      getImage(0);
      setImageDefaultMenu();
    }
  );
  
 $("li.part2 a").hover(
    function () {
      getImage(2);
      setImageDefaultMenu();
      setImageMenu(2);
    },
    function () {
      getImage(0);
      setImageDefaultMenu();
    }
  );
 
  $("li.part3 a").hover(
    function () {
      getImage(3);
      setImageDefaultMenu();
      setImageMenu(3);
    },
    function () {
      getImage(0);
      setImageDefaultMenu();
    }
  );
   
  $("li.part4 a").hover(
    function () {
      getImage(4);
      setImageDefaultMenu();
      setImageMenu(4);
    },
    function () {
      getImage(0);
      setImageDefaultMenu();
    }
  );
        
  $("li.part5 a").hover(
    function () {
      getImage(5);
      setImageDefaultMenu();
      setImageMenu(5);
    },
    function () {
      getImage(0);
      setImageDefaultMenu();
    }
  );  
  
  $("li.part6 a").hover(
    function () {
      getImage(6);
      setImageDefaultMenu();
      setImageMenu(6);
    },
    function () {
      getImage(0);
      setImageDefaultMenu();
    }
  );  
  
  $("li.part1 li a").unbind();
  $("li.part2 li a").unbind();
  $("li.part3 li a").unbind();
  $("li.part4 li a").unbind();
  $("li.part5 li a").unbind();
  $("li.part6 li a").unbind();
    
/* -- верхнее меню -- */
    
 $("#li1").hover (
    function () {     
      flag1=true;
      $("div.menu_hide").hide();
      
      $("#a1").css({"background-position": "0px -30px"});
      $("#a1 span").css({"background-position": "0px -30px"});
      $("#a1 span span").css({"background-position": "right -30px"});
      $("#a2").css({"background-position": "0px -30px"});
      $("#a2 span").css({"background-position": "0px -30px"});
      $("#a2 span span").css({"background-position": "right -30px"});
      $("#a3").css({"background-position": "0px -30px"});
      $("#a3 span").css({"background-position": "0px -30px"});
      $("#a3 span span").css({"background-position": "right -30px"});
      $("#a4").css({"background-position": "0px -30px"});
      $("#a4 span").css({"background-position": "0px -30px"});
      $("#a4 span span").css({"background-position": "right -30px"});
      $("#a5").css({"background-position": "0px -30px"});
      $("#a5 span").css({"background-position": "0px -30px"});
      $("#a5 span span").css({"background-position": "right -30px"});
      
      $("#menu_hide1").show(1,function (){
       if (!flag1){
          hide_a1();
        }
      });
      $("#a1").css({"background-position": "0px 0px","text-decoration": "none"});
      $("#a1 span").css({"background-position": "0px 0px","color": "#fff", "text-decoration": "none"});
      $("#a1 span span").css({"background-position": "right 0px"});
    },
    function () { 
      hide_a1();
      $("#a1 span").css({"color": "#000", "text-decoration": "underline"});
    }
  );
  
  $("#menu_hide1").hover (
    function () {
      $("#a1").css({"text-decoration": "none"});
      $("#a1 span").css({"color": "#fff", "text-decoration": "none"});
    },
    function () {
      this;
    }
  );
  
function hide_a1(){
  var isHidden = $('#menu_hide1').is(':hidden');

  if(!isHidden){
      $("#menu_hide1").hide(1,function(){
        $("#a1").css({"background-position": "0px -30px"});
        $("#a1 span").css({"background-position": "0px -30px"});
        $("#a1 span span").css({"background-position": "right -30px"});      
      });
  }
}
  
  $("#li2").hover (
    function () {     
      flag1=true;
      $("div.menu_hide").hide();
      
      $("#a1").css({"background-position": "0px -30px"});
      $("#a1 span").css({"background-position": "0px -30px"});
      $("#a1 span span").css({"background-position": "right -30px"});
      $("#a2").css({"background-position": "0px -30px"});
      $("#a2 span").css({"background-position": "0px -30px"});
      $("#a2 span span").css({"background-position": "right -30px"});
      $("#a3").css({"background-position": "0px -30px"});
      $("#a3 span").css({"background-position": "0px -30px"});
      $("#a3 span span").css({"background-position": "right -30px"});
      $("#a4").css({"background-position": "0px -30px"});
      $("#a4 span").css({"background-position": "0px -30px"});
      $("#a4 span span").css({"background-position": "right -30px"});
      $("#a5").css({"background-position": "0px -30px"});
      $("#a5 span").css({"background-position": "0px -30px"});
      $("#a5 span span").css({"background-position": "right -30px"});
      
      $("#menu_hide2").show(1,function (){
       if (!flag1){
          hide_a2();
        }
      });
      $("#a2").css({"background-position": "0px 0px","text-decoration": "none"});
      $("#a2 span").css({"background-position": "0px 0px","color": "#fff", "text-decoration": "none"});
      $("#a2 span span").css({"background-position": "right 0px"});
    },
    function () { 
      hide_a2();
      $("#a2 span").css({"color": "#000", "text-decoration": "underline"});
    }
  );
  
  $("#menu_hide2").hover (
    function () {
      $("#a2").css({"text-decoration": "none"});
      $("#a2 span").css({"color": "#fff", "text-decoration": "none"});
    },
    function () {
      this;
    }
  );
  
function hide_a2(){
  var isHidden = $('#menu_hide2').is(':hidden');

  if(!isHidden){
      $("#menu_hide2").hide(1,function(){
        $("#a2").css({"background-position": "0px -30px"});
        $("#a2 span").css({"background-position": "0px -30px"});
        $("#a2 span span").css({"background-position": "right -30px"});      
      });
  }
}
  
    $("#li3").hover (
    function () {     
      flag1=true;
      $("div.menu_hide").hide();
      
      $("#a1").css({"background-position": "0px -30px"});
      $("#a1 span").css({"background-position": "0px -30px"});
      $("#a1 span span").css({"background-position": "right -30px"});
      $("#a2").css({"background-position": "0px -30px"});
      $("#a2 span").css({"background-position": "0px -30px"});
      $("#a2 span span").css({"background-position": "right -30px"});
      $("#a3").css({"background-position": "0px -30px"});
      $("#a3 span").css({"background-position": "0px -30px"});
      $("#a3 span span").css({"background-position": "right -30px"});
      $("#a4").css({"background-position": "0px -30px"});
      $("#a4 span").css({"background-position": "0px -30px"});
      $("#a4 span span").css({"background-position": "right -30px"});
      $("#a5").css({"background-position": "0px -30px"});
      $("#a5 span").css({"background-position": "0px -30px"});
      $("#a5 span span").css({"background-position": "right -30px"});
      
      $("#menu_hide3").show(1,function (){
       if (!flag1){
          hide_a3();
        }
      });
      $("#a3").css({"background-position": "0px 0px","text-decoration": "none"});
      $("#a3 span").css({"background-position": "0px 0px", "color": "#fff", "text-decoration": "none"});
      $("#a3 span span").css({"background-position": "right 0px"});
    },
    function () { 
      hide_a3();
      $("#a3 span").css({"color": "#000", "text-decoration": "underline"});
    }
  );
  
  $("#menu_hide3").hover (
    function () {
      $("#a3").css({"text-decoration": "none"});
      $("#a3 span").css({"color": "#fff", "text-decoration": "none"});
    },
    function () {
      this;
    }
  );
  
function hide_a3(){
  var isHidden = $('#menu_hide3').is(':hidden');

  if(!isHidden){
      $("#menu_hide3").hide(1,function(){
        $("#a3").css({"background-position": "0px -30px"});
        $("#a3 span").css({"background-position": "0px -30px"});
        $("#a3 span span").css({"background-position": "right -30px"});      
      });
  }
}
  
$("#li4").hover (
    function () {     
      flag1=true;
      $("div.menu_hide").hide();
      
      $("#a1").css({"background-position": "0px -30px"});
      $("#a1 span").css({"background-position": "0px -30px"});
      $("#a1 span span").css({"background-position": "right -30px"});
      $("#a2").css({"background-position": "0px -30px"});
      $("#a2 span").css({"background-position": "0px -30px"});
      $("#a2 span span").css({"background-position": "right -30px"});
      $("#a3").css({"background-position": "0px -30px"});
      $("#a3 span").css({"background-position": "0px -30px"});
      $("#a3 span span").css({"background-position": "right -30px"});
      $("#a4").css({"background-position": "0px -30px"});
      $("#a4 span").css({"background-position": "0px -30px"});
      $("#a4 span span").css({"background-position": "right -30px"});
      $("#a5").css({"background-position": "0px -30px"});
      $("#a5 span").css({"background-position": "0px -30px"});
      $("#a5 span span").css({"background-position": "right -30px"});
      
      $("#menu_hide4").show(1,function (){
       if (!flag1){
          hide_a4();
        }
      });
      $("#a4").css({"background-position": "0px 0px","text-decoration": "none"});
      $("#a4 span").css({"background-position": "0px 0px", "color": "#fff", "text-decoration": "none"});
      $("#a4 span span").css({"background-position": "right 0px"});
    },
    function () { 
      hide_a4();	
      $("#a4 span").css({"color": "#000", "text-decoration": "underline"});
    }
  );

  $("#menu_hide4").hover (
    function () {
      $("#a4").css({"text-decoration": "none"});
      $("#a4 span").css({"color": "#fff", "text-decoration": "none"});
    },
    function () {
      this;
    }
  );
  
  
function hide_a4(){
  var isHidden = $('#menu_hide4').is(':hidden');

  if(!isHidden){
      $("#menu_hide4").hide(1,function(){
        $("#a4").css({"background-position": "0px -30px"});
        $("#a4 span").css({"background-position": "0px -30px"});
        $("#a4 span span").css({"background-position": "right -30px"});      
      });
  }
}
 
$("#li5").hover (
    function () {     
      flag1=true;
      $("div.menu_hide").hide();
      
      $("#a1").css({"background-position": "0px -30px"});
      $("#a1 span").css({"background-position": "0px -30px"});
      $("#a1 span span").css({"background-position": "right -30px"});
      $("#a2").css({"background-position": "0px -30px"});
      $("#a2 span").css({"background-position": "0px -30px"});
      $("#a2 span span").css({"background-position": "right -30px"});
      $("#a3").css({"background-position": "0px -30px"});
      $("#a3 span").css({"background-position": "0px -30px"});
      $("#a3 span span").css({"background-position": "right -30px"});
      $("#a4").css({"background-position": "0px -30px"});
      $("#a4 span").css({"background-position": "0px -30px"});
      $("#a4 span span").css({"background-position": "right -30px"});
      $("#a5").css({"background-position": "0px -30px"});
      $("#a5 span").css({"background-position": "0px -30px"});
      $("#a5 span span").css({"background-position": "right -30px"});
   
      $("#menu_hide5").show(1,function (){
       if (!flag1){
          hide_a5();
        }
      });
      $("#a5").css({"background-position": "0px 0px","text-decoration": "none"});
      $("#a5 span").css({"background-position": "0px 0px", "color": "#fff", "text-decoration": "none"});
      $("#a5 span span").css({"background-position": "right 0px"});
    },
    function () { 
      hide_a5();	
      $("#a5 span").css({"color": "#000", "text-decoration": "underline"});
    }
  );

  $("#menu_hide5").hover (
    function () {
      $("#a5").css({"text-decoration": "none"});
      $("#a5 span").css({"color": "#fff", "text-decoration": "none"});
    },
    function () {
      this;
    }
  );
  
  
function hide_a5(){
  var isHidden = $('#menu_hide5').is(':hidden');

  if(!isHidden){
      $("#menu_hide5").hide(1,function(){
        $("#a5").css({"background-position": "0px -30px"});
        $("#a5 span").css({"background-position": "0px -30px"});
        $("#a5 span span").css({"background-position": "right -30px"});      
      });
  }
}
});