/**
 * @author pi
 */
function getElementsByClass(searchClass,node,tag) {
  var classElements = new Array();
  if ( node == null )
      node = document;
  if ( tag == null )
      tag = '*';
  var els = node.getElementsByTagName(tag);
  var elsLen = els.length;
  var pattern = new RegExp('(^|\\\\s)'+searchClass+'(\\\\s|$)');
  for (i = 0, j = 0; i < elsLen; i++) {
      if ( pattern.test(els[i].className) ) {
          classElements[j] = els[i];
          j++;
      }
  }
  return classElements;
}


var interval, obj;
//slider('typeofslider','slider Id', tume interval in msec, slide margin,speed pixel )


function hideOverlay(event){
  var e = (window.event) ? window.event.srcElement : event.target;
    if(e.className == 'overlay'){
        e.style.opacity = 0;
    }
}
function showOverlay(event){
  var e = (window.event) ? window.event.srcElement : event.target;
    if(e.className == 'overlay'){
        e.style.opacity = 1;
    }
}

//click on solution div
var interval,omd=0,omf=0;
//click on solution div
function containerClick(event){
    var e = event.target || event.srcElement;
    if ((e.parentNode.className == 'imageContainer hide')) {
    var solutionContainer = e.parentNode.parentNode.parentNode;
    var imageContainer = getElementsByClass('imageContainer hide', solutionContainer)[0] || getElementsByClass('imageContainer', solutionContainer)[0];
    if ((imageContainer.className === 'imageContainer hide')) {
        var title = getElementsByClass('boxDate metamorf', solutionContainer)[0];
        function heightStartToMax(){
            var imageContainerHeightStart = imageContainer.offsetHeight;
            if (imageContainer.offsetHeight < 295) {
                imageContainer.style.height = imageContainerHeightStart + 1 + 'px';
                omd++
            }
            else 
                if (imageContainer.offsetHeight >= 295) {
                    imageContainer.className = 'imageContainer';
                    imageContainer.style.overflow = 'hidden';
                    clearInterval(interval, 100)
                    imageContainer.style.height = '295px'
                }
        }
        var interval = setInterval(function(){
            heightStartToMax();
        }, 20);
        var overlay = getElementsByClass('overlay', solutionContainer)[0];
        overlay.style.display = 'none';

    }
        imageContainer.getElementsByTagName('img')[0].onclick = function(){
            var title = getElementsByClass('boxDate metamorf', solutionContainer)[0];
            var imageContainer = getElementsByClass('imageContainer', solutionContainer)[0]
            var imageContainerHeightMin = 99;
            var imageContainerHeightStart = imageContainer.offsetHeight;
            function heightStartToMin(){
                if (imageContainer.offsetHeight > 122) {
                    var imageContainerHeightStart = imageContainer.offsetHeight;
                    imageContainer.style.height = imageContainerHeightStart - 30 + 'px';
                    omf++
                }
                else 
                    if (imageContainer.offsetHeight <= 122) {
                        imageContainer.className = 'imageContainer hide';
                        clearInterval(interval1, 100)
                    }
            }
            var interval1 = setInterval(function(){
                heightStartToMin();
            }, 1);
            

            var overlay = getElementsByClass('overlay', solutionContainer)[0];
            setTimeout(function(){
            overlay.style.display = 'block';
          },1000)
          
        }
    
  }
}

var obj;
//image switcher on contacts page
function chooseOne(event){
  var e = (window.event) ? window.event.srcElement : event.target;
  var imagesWrap = document.getElementById('minimap');
  var images = imagesWrap.getElementsByTagName('img');
  var controls = document.getElementById('controlsMap');
  var buttons = controls.getElementsByTagName('a');
  for(var i=0;i<images.length;i++){
    if(e.id != (i+1)){
      images[i].style.display = 'none';
      buttons[i].className = "";
    }
    if(e.id == (i+1)){
      images[i].style.display = 'block';
      e.className ='clicked';
    }
  }
}
//functions that all documents have
window.onload = function(){
    questionAlign();
    searchAndInitImages('imagesBoxed handGlass');
}