var Timer = new Array();
    var Counter = new Array();
    var TriStart;
    var MemoryId = '';
    var MemoryItem = -1;
    function triangle_l(objId, item)
     {
      if (Counter[item] == undefined)
       {
         Counter[item] = TriStart;
       }
      var tri = document.getElementById(objId).parentNode.getElementsByTagName('img')[2];
         if (tri.style.left == '')
         {
            tri.style.left = TriStart + 'px';
         }
      tri.style.visibility = 'visible';
      if (navigator.userAgent.indexOf ("MSIE") != -1)
       {
         Counter[item] = tri.offsetLeft - 138;
       }
      else
       {
        Counter[item] = tri.offsetLeft - 20;
       }
      clearInterval(Timer[item]);
      Timer[item] = setInterval('triangle_left("'+objId+'", "'+item+'")', 10);
     }
     function triangle_left(objId, item)
      {
       var tri = document.getElementById(objId).parentNode.getElementsByTagName('img')[2];
          if (Counter[item] < TriStart - 8)
          {
            clearInterval(Timer[item]);
          }
          else
          {
            Counter[item] -=2;
            tri.style.left = Counter[item] + 'px';
          }
      }
    function triangle_r(objId, item)
     {
        var tri = document.getElementById(objId).parentNode.getElementsByTagName('img')[2];
         if (tri.style.left == '')
         {
            tri.style.left = TriStart + 'px';
         }
      if (navigator.userAgent.indexOf ("MSIE") != -1)
       {
         Counter[item] = tri.offsetLeft - 138;
       }
      else
       {
        Counter[item] = tri.offsetLeft - 20;
       }
      clearInterval(Timer[item]);
      Timer[item] = setInterval('triangle_right("'+objId+'", "'+item+'")', 10);
     }
     function triangle_right(objId, item)
      {
          var tri = document.getElementById(objId).parentNode.getElementsByTagName('img')[2];
          if (Counter[item] >= TriStart)
          {
            tri.style.visibility = 'hidden';
            clearInterval(Timer[item]);
          }
          else
          {
            Counter[item] ++;
            tri.style.left = Counter[item] + 'px';
          }
      }
     function div_onclick(objId, item)
      {
          var obj = document.getElementById(objId).parentNode;
        var NameString = '-big.jpg';
        var SrcImg = obj.getElementsByTagName('img')[0].src;
        if ( (MemoryId == '') && (MemoryItem == -1) )
         {
          MemoryId = obj.getElementsByTagName('img')[0].id;
          MemoryItem = item;
          document.getElementById('right-content-portfolio').style.display = 'none';
          document.getElementById('right-content-portfolio-2').style.display = 'block';
         }
        else
         {
          var obj2 = document.getElementById(MemoryId).parentNode;
          var oDiv = document.createElement('div');
          var oImg1 = document.createElement('img');
          var oImg2 = document.createElement('img');
          var oImg3 = document.createElement('img');
          oImg1.setAttribute('src', obj2.getElementsByTagName('img')[0].src);
          oImg1.setAttribute('id', obj2.getElementsByTagName('img')[0].id);
          oImg2.setAttribute('src', obj2.getElementsByTagName('img')[1].src);
          oImg3.setAttribute('src', obj2.getElementsByTagName('img')[2].src);
          
          if (isCorrectAttributes)
           {

            oImg3.setAttribute('style', 'visibility: visible; left: -19px' );
            oDiv.setAttribute('class', 'portfolio-img');
            oDiv.setAttribute('onclick', 'div_onclick("'+MemoryId+'", '+MemoryItem+');');
            oDiv.setAttribute('onmouseover', 'fadeObject("'+MemoryId+'", "Rule2"); triangle_l("'+MemoryId+'", '+MemoryItem+');');
            oDiv.setAttribute('onmouseout', 'fadeObject.back("'+MemoryId+'"); triangle_r("'+MemoryId+'", '+MemoryItem+');');
            oImg2.setAttribute('class', 'plashka2');
            oImg3.setAttribute('class', 'triangle');
           }
          else
           {

            oImg3.style.visibility = 'visible';
            oImg3.style.left = '-136px';
            oDiv.setAttribute('className', 'portfolio-img');
            var GG = "div_onclick('"+MemoryId+"', "+MemoryItem+");";
            oDiv.setAttribute('onclick', function(){var temp = new Function(GG); temp();});
            var GG2 = "fadeObject('"+MemoryId+"', 'Rule2'); triangle_l('"+MemoryId+"', "+MemoryItem+");";
            oDiv.onmouseover = function(){var temp2 = new Function(GG2); temp2();};
            var GG3 = "fadeObject.back('"+MemoryId+"'); triangle_r('"+MemoryId+"', "+MemoryItem+");";
            oDiv.onmouseout = function(){var temp3 = new Function(GG3); temp3();};
            oImg2.setAttribute('className', 'plashka2');
            oImg3.setAttribute('className', 'triangle');
           }
          oDiv.appendChild(oImg1);
          oDiv.appendChild(oImg2);
          oDiv.appendChild(oImg3);
          document.getElementById('innerWrapper6').replaceChild(oDiv, obj2);
          fadeObject.back(MemoryId);
          triangle_r(MemoryId, MemoryItem);
          MemoryId = obj.getElementsByTagName('img')[0].id;
          MemoryItem = item;
         }
        var nDiv = document.createElement('div');
        var nImg1 = document.createElement('img');
        var nImg2 = document.createElement('img');
        var nImg3 = document.createElement('img');
        nImg1.setAttribute('src', obj.getElementsByTagName('img')[0].src);
        nImg1.setAttribute('id', obj.getElementsByTagName('img')[0].id);
        nImg2.setAttribute('src', obj.getElementsByTagName('img')[1].src);
        nImg3.setAttribute('src', obj.getElementsByTagName('img')[2].src);
        if (isCorrectAttributes)
         {

          nImg3.setAttribute('style', 'visibility: visible; left: -19px');
          nDiv.setAttribute('class', 'portfolio-img');
          nImg2.setAttribute('class', 'plashka2');
          nImg3.setAttribute('class', 'triangle');
         }
        else
         {

          nImg3.style.visibility = 'visible';
          nImg3.style.left = '-136px';
          nDiv.setAttribute('className', 'portfolio-img');
          nImg2.setAttribute('className', 'plashka2');
          nImg3.setAttribute('className', 'triangle');
         }
        nDiv.appendChild(nImg1);
        nDiv.appendChild(nImg2);
        nDiv.appendChild(nImg3);
        document.getElementById('innerWrapper6').replaceChild(nDiv, obj);
        document.getElementById('left-content-catalog').getElementsByTagName('img')[1].src = SrcImg.substring(0, (SrcImg.length - 4)) + NameString;
        var info = document.getElementById('info-text').getElementsByTagName('span');
        
        info[0].innerHTML = ArrayJS[item][0];
        info[1].innerHTML = ArrayJS[item][1];
        info[2].innerHTML = ArrayJS[item][2];
        
        var info321 = document.getElementById('right-content-portfolio-2');
        info321.style.background= ArrayJS[item][3];
        
      }






/* ---------------------------- */
function changeOpacity1(id)
{
    $('#'+id).animate({
        filter: 'alpha(opacity=100)',
        opacity: '1',
    }, 500, function() {
        // Animation complete.
    });
}

function changeOpacity05(id)
{
    if ('o-img'+choose_id != id)
    {
        $('#'+id).animate({
            filter: 'alpha(opacity=80)',
            opacity: '0.8',
        }, 500, function() {
            // Animation complete.
        });
    }
}
function changeOpacity05_2(id)
{
    $('#'+id).animate({
        filter: 'alpha(opacity=80)',
        opacity: '0.8',
    }, 500, function() {
        // Animation complete.
    });
}


var choose_id = 0;

function chooseWork(id)
{
    if (choose_id != id) changeOpacity05_2('o-img' + choose_id);
    choose_id = id;
    //alert(choose_id);

    $('#itemDescription').fadeOut('slow' , function(){
        $('#itemDescription').load('/?ajax=true&module=portfolio&action=viewItemDescription&id='+id, function(){
            $('#itemDescription').fadeIn('slow');
        });
    });

    $('#itemImage').fadeOut('slow', function(){
        $('#itemImage').load('/?ajax=true&module=portfolio&action=viewItemImage&id='+id, function(){
            $('#itemImage').fadeIn('slow');
        });
    });

    location.hash = '#'+id;
}