var i = 0;
var j = 0;
var il = new  Array();;
var jl = new  Array();;

var timer2 = 0;
var timer1 = 0;
var timer2l = new  Array();;
var timer1l = new  Array();;

var height = new  Array();


function imgzamen(id){
    var i = document.getElementById('imgzam'+id);
    i.src = "/design/img/mark.gif";
}

function imghide(id){
    var i = document.getElementById('imgzam'+id);
    i.src = "/design/img/mark1.gif";
}



function show(id){
    
    var inc = 1;

    
    while(document.getElementById('mainmenu'+inc)!=null){
        document.getElementById('mainmenu'+inc).style.visibility = 'hidden';
        inc++
    }

    var n = document.getElementById('mainmenu'+id);
    var m = document.getElementById('menu'+id);
    var i = document.getElementById('img'+id);
    i.src = "/design/img/mark.gif";
    var h = n.offsetHeight;
    n.style.visibility = 'visible'; 
    n.style.clip='rect(0px, auto, 0px, 0px)';   
    n.style.left = m.offsetLeft+'px';
    n.style.top = m.offsetTop+12+'px';
    setOpacity('mainmenu'+id,0.8);

    /*while(document.getElementById('leftmenu'+inc)!=null){
        if (inc!=id){
            document.getElementById('leftmenu'+inc).style.visibility = 'hidden';
        }
        inc++
    }*/
    move(h,id);
}

function move(h,id){
    var n = document.getElementById('mainmenu'+id);
    i = i+5;
    clearTimeout(timer2);
    j = i;
    if (i<h){
        n.style.clip='rect(auto, auto, '+i+'px, auto)';
        timer1 = setTimeout('move('+h+','+id+')',1);
    } else {
        n.style.clip='rect(auto, auto, '+h+'px, auto)';
    }
}

function hide(id){
    var i = document.getElementById('img'+id);
    i.src = "/design/img/mark1.gif";
    clearTimeout(timer1);
    j = j-5;
    i = j;
    var n = document.getElementById('mainmenu'+id);

    n.style.visibility = 'visible';
    if (j>0){
        n.style.clip='rect(auto, auto, '+j+'px, auto)';
        timer2 = setTimeout('hide('+id+')',1);
    } else {
        j = 0;
        n.style.clip='rect(auto, auto, '+j+'px, auto)';
        n.style.visibility = 'hidden';
    }
}


function setOpacity(id, o)
{
  var opacityProp = getOpacityProperty();
  var elem = document.getElementById(id);

  if (!elem || !opacityProp) return; // Если не существует элемент с указанным id или браузер не поддерживает ни один из известных функции способов управления прозрачностью
  
  if (opacityProp=="filter")  // Internet Exploder 5.5+
  {
    o *= 100;
	
    // Если уже установлена прозрачность, то меняем её через коллекцию filters, иначе добавляем прозрачность через style.filter
    var oAlpha = elem.filters['DXImageTransform.Microsoft.alpha'] || elem.filters.alpha;
    if (oAlpha) oAlpha.opacity = o;
    else elem.style.filter += "progid:DXImageTransform.Microsoft.Alpha(opacity="+o+")"; // Для того чтобы не затереть другие фильтры используем "+="
  }
  else // Другие браузеры
    elem.style[opacityProp] = o;
}

function getOpacityProperty()
{
  if (typeof document.body.style.opacity == 'string') // CSS3 compliant (Moz 1.7+, Safari 1.2+, Opera 9)
    return 'opacity';
  else if (typeof document.body.style.MozOpacity == 'string') // Mozilla 1.6 и младше, Firefox 0.8 
    return 'MozOpacity';
  else if (typeof document.body.style.KhtmlOpacity == 'string') // Konqueror 3.1, Safari 1.1
    return 'KhtmlOpacity';
  else if (document.body.filters && navigator.appVersion.match(/MSIE ([\d.]+);/)[1]>=5.5) // Internet Exploder 5.5+
    return 'filter';

  return false; //нет прозрачности
}

function mainleft(id){
    var n = document.getElementById('leftmenu'+id);
    if (n.style.visibility == 'visible'){
        if (n.style.zIndex == 3 ){
            jl[id] = n.offsetHeight;
            height[id] = n.offsetHeight;
            hideleft(id);
        } else {
            hideleft(id);
        }
    }else{
        showleft(id);
    }
}

function showleft(id){
    var n = document.getElementById('leftmenu'+id);
    il[id] = 0;
    jl[id] = 0;
    if(height[id]>=0){
        h = height[id];
    } else {
        h = n.offsetHeight;
        height[id] = h;
    }
    n.style.height = 0+'px';
    n.style.position = 'relative';
    n.style.visibility = 'visible';
    moveleft(h,id);
}

function moveleft(h,id){
    var n = document.getElementById('leftmenu'+id);
    il[id] = il[id]+5;
    clearTimeout(timer2l[id]);
    jl[id] = il[id];
    if (il[id]<h){
        n.style.height= il[id]+'px';
        timer1l[id] = setTimeout('moveleft('+h+','+id+')',1);
    } else {
         n.style.height= h+'px';
    }
}

function hideleft(id){
    clearTimeout(timer1l);
    jl[id] = jl[id]-5;
    il[id] = jl[id];
    var n = document.getElementById('leftmenu'+id);
    n.style.zIndex = 1;
    n.style.visibility = 'visible';
    if (jl[id]>0){
        n.style.height= jl[id]+'px';
        timer2l[id] = setTimeout('hideleft('+id+')',1);
    } else {
        jl[id] = 0;
        n.style.height= jl[id]+'px';
        n.style.visibility = 'hidden';
    }
}