// <![CDATA[
var showwindow5=true;
var hidewindow5=false;
var block=false;
var beginItems=0;
var endItems=6;
var sizeItems=6;
var currentPage=""; 

function initshow5()
{
  showwindow5=true;
}

function blocktrue()
{
  block=false;
}

function showNavigation(recordCount) {
    (beginItems == 0)
        ?   $('previousLink2').style.display = 'none'
        :   $('previousLink2').style.display = 'inline';
    ((beginItems + sizeItems) >= recordCount)
        ?   $('nextLink2').style.display = 'none'
        :   $('nextLink2').style.display = 'inline';
}

function drawTable(page, contain) {
    table = '';
    tablecache = '<div id="cacheimages">'; //кэш
       (page['jsongallery'].length < endItems)
            ?   end = page['jsongallery'].length
            :   end = endItems;
    for(i = beginItems; i < end; i++) {
        table +=         '<a href="' + page['jsongallery'][i].src +
                         '" title="' + page['jsongallery'][i].title + '">' +
                         '<img ' +
                         'src="' + page['jsongallery'][i].thumblsrc + '" ' +
                         'alt="' + page['jsongallery'][i].title  + '" ' +
                         '/></a>';
                         tablecache +=  '<img ' +
                         'src="' + page['jsongallery'][i].src + '" ' + 
                         'alt="' + page['jsongallery'][i].title  + '" />';
                         
    }
    table += '';
    tablecache += '</div>';
    contain.innerHTML = table+tablecache;
    $('cacheimages').setStyle({   
      'position':'absolute',
      'top':'0px',
      'left':'-1700px',
      'visibility': 'hidden'
    }); 
    return page['jsongallery'].length;
}

function showTable() {
  recordCount=drawTable(currentPage, $('gallerydata'));
  showNavigation(recordCount);
}

function effecthide(effectshow) {
new Effect.Parallel([
   Effect.BlindUp('maingallery',{ queue: 'end', sync: true}),
   Effect.Fade('maingallery',{ queue: 'end', sync: true})
], { 
  duration: 0.6,
  delay: 0.1,
  afterFinish: blocktrue
});
}

function effecthideshow() {
new Effect.Parallel([
   Effect.BlindUp('maingallery',{ queue: 'end', sync: true}),
   Effect.Fade('maingallery',{ queue: 'end', sync: true})
], { 
  duration: 0.6,
  delay: 0.1,
  afterFinish: effectshow
});
}

function effectshow() {
$('maingallery').style.display="none"; 
showTable();
new Effect.Parallel([
       Effect.BlindDown('maingallery',{queue: 'end', sync: true }),
       Effect.Appear('maingallery',{ queue: 'end', sync: true})
], {
  duration: 0.6,
  delay: 0.1,
  afterFinish: blocktrue
}); 

eventHrefClick();


}

function effectAppear()
{
  Effect.Appear('windimage',{ queue: 'end'});
}


function eventHrefClick()
{

    $$("#gallerydata a[href]").invoke('observe','click',function(e){
    
      Event.stop(e);
     // var arrayPageSize = Position.GetWindowSize;
      //$('minwidth').setStyle({ width: arrayPageSize.width + 'px', height: arrayPageSize.height + 'px' });
      
      //alert(this.href);
      $('gallerywindow').hide();   
      $('gallerywindow').innerHTML='<div class="boxses"><img id="close3" class="close" src="/assets/templates/ttl/images/close2.jpg"/></div><img id="windimage" src="' + this.href + '">';
      Position.Center($('gallerywindow'));
      Effect.Appear('gallerywindow',{ duration: 0.7});
      //setTimeout(effectAppear, 800);
      $$("#gallerywindow .close").invoke('observe','click',function(e){
        Effect.Fade('gallerywindow',{ duration: 0.7 })
      });
      $("minwidth").observe('click',function(e){
        Effect.Fade('gallerywindow',{ duration: 0.7 })
      });
      
    });
    
    $$("#gallerydata a img").invoke('observe','mouseover',function(e){
      $(this).addClassName('hover')
    });
    $$("#gallerydata a img").invoke('observe','mouseout',function(e){
      $(this).removeClassName('hover')
    });
}


document.observe("dom:loaded", function() {


$$("#titlegallery li a").invoke('observe','click',function(d){
  Event.stop(d);
  if (block==false)
  {
    block=true;
  
    $$("#titlegallery li a").invoke('removeClassName','hover');
    $(this).addClassName('hover');
  
  	new Ajax.Request('/response/getGalleryCategory', { method: 'POST', parameters:{ id:this.readAttribute('rel')},
    onComplete: function(transport) {
      beginItems=0;
      endItems=6;
    
      if (transport.responseText!=0)
      {
        $('maingallery').hide();   
        currentPage = eval('(' + transport.responseText + ')');
        // $('gallerydata').innerHTML=transport.responseText;
        effectshow();
      }
      //setTimeout(initshow5, 700);  
  }
  });  
  }
  


});


$("previousLink2").observe('click',function(e){
if (block==false)
{ 
  block=true;
  Event.stop(e);
  beginItems-=sizeItems;
  endItems-=sizeItems;
  effecthideshow();
//setTimeout(effectshow, 800);
}
});

$("nextLink2").observe('click',function(e){
if (block==false)
{
  block=true;
  Event.stop(e);
  beginItems+=sizeItems;
  endItems+=sizeItems;
  effecthideshow();
  //setTimeout(effectshow, 800);
}
});


$("close2").observe('click',function(e){
  if (block==false)
  { 
    block=true;
    effecthide();
  }
});
  
  
  
});

// ]]>