var labelLizor = {
  init : function(label, input)
  {
    var _label = $$(label)[0];
    var _input = $$(input)[0];
    
    if(_label && _input)
    {
      _label.className += " stream";
      _labelTxt = _label.innerHTML;
      _input.value = _labelTxt;
      
      Event.add(_input, "focus", function() {
        if(_input.value == _labelTxt)
        {
          _input.value = "";
        }
      });
      
      Event.add(_input, "blur", function() {
        if(_input.value == "")
        {
          _input.value = _labelTxt;
        }
      });
    }
  }
};


if(window.labelLizor) {
  labelLizor.init(".pageextra1 .subscr label", ".pageextra1 .subscr .textinput");
}



(function() {

  var imageIndex = null,
      currentImage = null,
      viewPort,
      captionElm,
      viewImage,
      titleElm,
      popupTemplate = '' +
        '<div class="curtain"></div>' +
        '<div class="popup">' + 
        '<div class="popupimgwrap">' +
        '<img src="%{img}" alt="" />' +
        '<div class="act"><a class="close" href="#"><strong>Loka mynd</strong></a></div>' + // close button
        '</div></div>';
  
  var imgPopBody = document.createElement('div');
  document.body.appendChild(imgPopBody);
  
  var makeView = function ( src, img )
  {
    viewPort   = DOM.makeElement('<div class="imgbox"><div class="content"></div></div>');
    bigImgHref = document.createElement('a');
    viewImage  = document.createElement("img");
    imgContent = DOM.makeElement('<div class="imgcontent"></div>');
    titleElm   = DOM.makeElement('<div class="imgname"></div>');
    captionElm = DOM.makeElement('<div class="imgtext"></div>');
    
    Event.add(bigImgHref, "click", function(e, imgPopBody, popupTemplate){
      var values = { img : this.href };
      
      imgPopBody.innerHTML = popupTemplate.injectVars(values);
      
      var closeButton = DOM.get('a.close', imgPopBody)[0];
      if(closeButton)
      {
        Event.add(closeButton, 'click', function(e, imgPopBody) {
          imgPopBody.innerHTML = "";
          return false;
        }, null, imgPopBody);
      }
      
      var imgCurtain = DOM.get('div.popup', imgPopBody)[0];
      if(imgCurtain)
      {
        Event.add(imgCurtain, 'click', function(e, imgPopBody) {
          imgPopBody.innerHTML = "";
          return false;
        }, null, imgPopBody);
      }
      
      return false;
    }, null, imgPopBody, popupTemplate);
    
    
    DOM.appendChild(viewImage, bigImgHref);
    
    DOM.appendChild(titleElm,   imgContent);
    DOM.appendChild(captionElm, imgContent);
    
    DOM.appendChild(bigImgHref,  DOM.firstElmOf(viewPort));
    DOM.appendChild(imgContent, DOM.firstElmOf(viewPort));
    
    updateView( null, src, img, 0);

    return viewPort;
  };
  
  
  var updateView = function ( e, src, img, newIndex )
  {
    for(var i = 0; i < aElms.length; i++)
    {
      DOM.removeClass(aElms[i].parentNode, 'current');
    }
    
    DOM.addClass(aElms[newIndex].parentNode, 'current');
  
    bigImgHref.href = src.replace('mlarge', 'elarge');
    viewImage.src = src;
    
    var caption = img.alt   || '';
    var title   = img.title || '';

    captionElm.innerHTML = caption;
    captionElm.style.display = (caption) ? '' : 'none';

    titleElm.innerHTML = title;
    titleElm.style.display = (title) ? '' : 'none';
    
    currentImage = newIndex;
    
    DOM.removeNode(bigImgHref);
    DOM.prependChild(bigImgHref, DOM.firstElmOf(viewPort));

    return false;
  };


  var imageIndex = DOM.get('div.gallery ul.thumbs');
  
  for(var i = 0; i < imageIndex.length; i++)
  {
    aElms = DOM.get('li a', imageIndex[i]);
    
    if(DOM.firstElmOf(aElms[0]))
    {
      var imgBox = makeView( aElms[0].href, DOM.firstElmOf(aElms[0]) );
      DOM.insertBefore(imgBox, imageIndex[i]);
    
      for(var j = 0; j < aElms.length; j++)
      {
        Event.add( aElms[j], 'click', updateView, null, aElms[j].href, DOM.firstElmOf(aElms[j]), j );
      }
    }
  }

})();