
window.addEvent('domready', function(){

  if($('gallery-container')){

    var limg = $('gallery-image').getElement('img');
    var fimg = $('gallery-container').getElement('a');
    var fimgt = fimg.getProperty('title').split('|');
    var fimgh = fimg.getProperty('href');
    
    Asset.images([fimgh], {
      onComplete: function(){
        $('gallery-image').set('html', '<img alt="Image" src="'+fimgh+'">');
        $('gallery-title-insert').set('text', fimgt[0]);
        $('gallery-text').set('text', fimgt[1]);
      }
    });

    var numImages = $$('#gallery-container a').length;
    var imgi = 1;

    $$('#gallery-container a').each(function(el){
      
      el.set('id', 'img-'+imgi);
      
      el.addEvent('click', function(e){
      
        e.stop();
        var imgh = el.getProperty('href');
        var imgt = el.getProperty('title').split('|');
        $('gallery-image').set('html', '');
        $('gallery-title-insert').set('text', '');
        $('gallery-text').set('text', '');
        limg.inject('gallery-image');
        Asset.images([imgh], {
          onComplete: function(){
            $('gallery-image').set('html', '<img alt="Image" src="'+imgh+'">');
            $('gallery-title-insert').set('text', imgt[0]);
            $('gallery-text').set('text', imgt[1]);
          }
        });
      
      });
    
    imgi++;
    });
    
    $('gallery-prev').addEvent('click', function(){
    
      var cimgsrc = $('gallery-image').getElement('img').get('src');
      var cimgst = $$('#gallery-container a[href="'+cimgsrc+'"]')[0];
      var cimgid = cimgst.get('id').replace('img-', '');
      var cimgpn = cimgid*1-1;
      if($('img-'+cimgpn)){
        var pimghref = $('img-'+cimgpn).get('href');
        var pimgtitle = $('img-'+cimgpn).get('title').split('|');
        Asset.images(pimghref, {
          onComplete: function(){
            $('gallery-image').set('html', '<img alt="Image" src="'+pimghref+'">');
            $('gallery-title-insert').set('text', pimgtitle[0]);
            $('gallery-text').set('text', pimgtitle[1]);
          }
        });
      }
    
    });
    
    $('gallery-next').addEvent('click', function(){
    
      var cimgsrc = $('gallery-image').getElement('img').get('src');
      var cimgst = $$('#gallery-container a[href="'+cimgsrc+'"]')[0];
      var cimgid = cimgst.get('id').replace('img-', '');
      var cimgnn = cimgid*1+1;
      if($('img-'+cimgnn)){
        var nimghref = $('img-'+cimgnn).get('href');
        var nimgtitle = $('img-'+cimgnn).get('title').split('|');
        Asset.images(nimghref, {
          onComplete: function(){
            $('gallery-image').set('html', '<img alt="Image" src="'+nimghref+'">');
            $('gallery-title-insert').set('text', nimgtitle[0]);
            $('gallery-text').set('text', nimgtitle[1]);
          }
        });
      }
    
    });

  }

});

