/**
  ~~~~~~ Mijo! Brands
  Optimized Gallery
  Use: mijo_gallery.css
  And the contentend in -> <div id="gall-img-box"></div> And Thumbs
**/
var interv, intFade;
var cont = 0, cntFade = 0, lesFade=100;

function changeImage(srcID, srcTXT) {
  if (cont > 0) {
    window.clearInterval(interv);
  }
  
  if (cntFade > 0) {
    window.clearInterval(intFade);
  }
  
  var ext = srcID.substring(srcID.length-4);
  srcID = srcID.substring(0,srcID.length-4);
  
  // Using Crop Images
  var newArr = srcID.split("common/crop.php?imgsrc=");
  srcID = newArr[0] + "media/gallery/" + newArr[1];
  
  document.getElementById('gall-chn-img-hid').src = srcID + ext;
  document.getElementById('gall-title').innerHTML = srcTXT;
  document.getElementById('gall-title-opc').style.height = '0px';
  document.getElementById('gall-title').style.visibility = 'hidden';
  
  interv  = window.setInterval("createMove()", 50);
  intFade = window.setInterval("fader()", 20);
}

function createMove() {
  cont++;
  document.getElementById('gall-title-opc').style.height = (cont*8) + 'px';
  if (cont==3) {
    window.clearInterval(interv);
    document.getElementById('gall-title').style.visibility = 'visible';
    cont = 0;
  }
}

function fader() {
  cntFade++;
  var opacity     = (cntFade/100)*2;
  var opacityLess = (lesFade/100) - (opacity*2);
  var imgHidde = document.getElementById('gall-chn-img-hid');
  var imgVisib = document.getElementById('gall-chn-img-vis');
  
  if (opacity==.5) {
    window.clearInterval(intFade);
    imgHidde.id = "gall-chn-img-temp";
    imgVisib.id = "gall-chn-img-hid";
    document.getElementById('gall-chn-img-temp').id = "gall-chn-img-vis";
    cntFade = 0;
    lesFade = 100;
  } else {
    if (imgVisib.style) {
      if (imgVisib.style.MozOpacity!=null) {
        imgVisib.style.MozOpacity = opacityLess;
        imgHidde.style.MozOpacity = opacity*2;
      } else if (imgVisib.style.opacity!=null) {
        imgVisib.style.opacity = opacityLess;
        imgHidde.style.opacity = opacity*2;
      } else if (imgVisib.style.filter!=null) {
        imgVisib.style.filter = "alpha(opacity=" + ((opacityLess)*100) + ")";
        imgHidde.style.filter = "alpha(opacity=" + ((opacity*2)*100) + ")";
      }
    }
  }
}

/**
  * Set the Hide Image -> Hidden
  *
 */
function initOpc() {
  var imgHidde = document.getElementById('gall-chn-img-hid');
  var imgVisib = document.getElementById('gall-chn-img-vis');
  
  if (imgHidde.style) {
    if (imgHidde.style.MozOpacity!=null) {
      imgHidde.style.MozOpacity = 0.0;
    } else if (imgHidde.style.opacity!=null) {
      imgHidde.style.opacity = 0.0;
    } else if (imgHidde.style.filter!=null) {
      imgHidde.style.filter = "alpha(opacity=0)";
    }
  }
}

addEvent(window,'load',initOpc);

function addEvent(elm, evType, fn, useCapture) {
  if (elm.addEventListener){
    elm.addEventListener(evType, fn, useCapture);
    return true;
  } else if (elm.attachEvent){
    var r = elm.attachEvent("on"+evType, fn);
    return r;
  }
}