// Utility functions for effects etc

// global to indicate animation is in progress (stop users multiple clicking on buttons etc)
var bumbleAnimationInProgress = 0;

// ******** GENERAL / UTILITY ******** 

// find X coordinate of object
function bumbleGetX(objId) {
  obj = document.getElementById(objId);
  var curleft = 0;
  if (obj.offsetParent)
    while(1) {
      curleft += obj.offsetLeft;
      if (!obj.offsetParent)
      break;
      obj = obj.offsetParent;
    }
  else if (obj.x) curleft += obj.x;
  return curleft;
}
// find Y coordinate of object
function bumbleGetY(objId) {
  obj = document.getElementById(objId);
  var curtop = 0;
  if (obj.offsetParent)
    while(1) {
      curtop += obj.offsetTop;
      if (!obj.offsetParent)
      break;
      obj = obj.offsetParent;
    }
  else if(obj.y) curtop += obj.y;
  return curtop;
}
// get object width
function bumbleGetWidth(objId) {
  obj = document.getElementById(objId);
  if (typeof obj.clip !== "undefined") {
    return obj.clip.width;
  } 
  else {
    if (obj.style.pixelWidth) { 
      return obj.style.pixelWidth;
    } 
    else {
      return obj.offsetWidth;
    }
  }
}
// get object height
function bumbleGetHeight(objId) {
  obj = document.getElementById(objId);
  if (typeof obj.clip !== "undefined") {
    return obj.clip.height;
  } 
  else {
    if (obj.style.pixelHeight) {
      return obj.style.pixelHeight;
    } 
    else {
      return obj.offsetHeight;
    }
  }
}

// ******** FADE IN / OUT  ********

// Fade object in
function bumbleFadeIn(objId, timeMs) { 
  // default duration for transition
  if (!timeMs || timeMs < 1) timeMs = 200;
  obj = document.getElementById(objId);
  // set object to invisible
  obj.style.visibility == 'hidden'
  bumbleFadeChangeOpacity(0, objId);
  // fade in
  bumbleTransitionObj(objId, 'opacity', 0, 100, '', timeMs);
}

// Fade object out
function bumbleFadeOut(objId, timeMs) {
  // default duration for transition
  if (!timeMs || timeMs < 1) timeMs = 200;
  obj = document.getElementById(objId);
  // set object to visible
  obj.style.visibility == 'visible'
  bumbleFadeChangeOpacity(100, objId);
  // fade out
  bumbleTransitionObj(objId, 'opacity', 100, 0, '', timeMs);
}


// Toggle fade in/out for an object
function bumbleFadeToggle(objId, timeMs) {
  // default duration for transition
  if (timeMs < 1) timeMs == 1500;
  obj = document.getElementById(objId);
  if (obj.style.visibility == 'hidden') {
    bumbleFadeIn(objId, timeMs);
  }
  else {
    bumbleFadeOut(objId, timeMs);
  }
}


// ******** MOVEMENT  ********

// slide target object by fixed amount
function bumbleSlideObj(objId, direction, pixels, timeMs, maxPixels) {
  targetObj = document.getElementById(objId);
  pixels = parseInt(pixels);
  // get current position of target
  targetX = bumbleGetX(objId);
  targetY = bumbleGetY(objId);
    
  switch(direction) {
    case "left": 
      var targetLeft = targetObj.style.left ? targetObj.style.left : 0;
      targetLeft = parseInt(targetLeft); 
      var newPos = targetLeft - pixels; 
      targetObj.style.position = 'relative'; 
      bumbleTransitionObj(objId, 'left', targetLeft, newPos, 'px', timeMs, maxPixels)
      break;
    case "right": 
      var targetLeft = targetObj.style.left ? targetObj.style.left : 0;
      targetLeft = parseInt(targetLeft); 
      var newPos = targetLeft + pixels; 
      targetObj.style.position = 'relative'; 
      bumbleTransitionObj(objId, 'left', targetLeft, newPos, 'px', timeMs, maxPixels)
      break;
  }
}

// perform animation by transitioning between two style values
function bumbleTransitionObj(objId, style, startVal, endVal, unit, timeMs, maxPixels, callBack) {
  // set animation start time
  var startTime = new Date().getTime();   
  if (bumbleAnimationInProgress == 0)
    bumbleTransitionObjDo(objId, style, startVal, endVal, unit, timeMs, startTime, maxPixels, callBack);  
  bumbleAnimationInProgress = 1;
}
function bumbleTransitionObjDo(objId, style, startVal, endVal, unit, timeMs, startTime, maxPixels, callBack) {
  var elapsed = new Date().getTime() - startTime;
  var distancePercent = (1 - Math.cos((elapsed/timeMs) * Math.PI)) / 2;
  // if time run is less than specified length
  if (elapsed < timeMs) { 
    if (startVal < endVal) {       
      var currentVal = startVal + ((endVal - startVal) * distancePercent);
    }
    else {
      var currentVal = startVal - ((startVal - endVal) * distancePercent);
    }     
    bumbleChangeStyle(style, currentVal, objId, unit);
    if (callBack && callBack != undefined) callBack = addslashes(callBack);
    window.setTimeout('bumbleTransitionObjDo(\'' + objId + '\', \'' + style + '\', ' + startVal + ', ' + endVal + ', \'' + unit + '\', \'' + timeMs + '\', \'' + startTime + '\', \'' + maxPixels + '\', \'' + callBack + '\')', 10);
  }
  // if animation has finished
  else {
    bumbleChangeStyle(style, endVal, objId, unit);
    var distance = 0 - endVal;
    // if maximum pixel value is reached (relative to zero) reset to starting point - used to reset slideshow positioning
    if ((maxPixels && maxPixels !== "undefined")) {
      if (distance >= maxPixels)
        bumbleChangeStyle(style, 0, objId, unit);
      else if (distance < 0) {
        var distanceDiff = endVal - startVal;
        var moveToEnd = 10 - (parseInt(document.getElementById(objId).style.width) - (distanceDiff * 3)); 
        bumbleChangeStyle(style, moveToEnd, objId, unit);
      }
    }
    bumbleAnimationInProgress = 0; 
    if (callBack && callBack != '') 
      eval(callBack);
  }
}

// change a style value for object
function bumbleChangeStyle(style, styleVal, objId, unit) { 
    var objStyle = document.getElementById(objId).style;
    if (style == 'opacity') {
      if (styleVal == 0) objStyle.visibility = 'hidden';
      else objStyle.visibility = 'visible';
      objStyle.opacity = (styleVal / 100);
      objStyle.MozOpacity = (styleVal / 100);
      objStyle.KhtmlOpacity = (styleVal / 100);
      objStyle.filter = "alpha(opacity=" + styleVal + ")";
    }
    else {
      eval('document.getElementById(\'' + objId + '\').style.' + style + ' = \'' + styleVal + unit + '\';');
    }
} 

// ********  FADING SLIDESHOW OF DIVS  ********

function bumbleFadeDivs(containerDiv, timeMs, pagethruDiv) {
  // timeMs = 'manual' for manual pagethrough (links within pagethruDiv)
  var parentElement = document.getElementById(containerDiv);
  if (parentElement.firstChild) { 
    var oChild = parentElement.firstChild;
    var firstObj = '';
    if (pagethruDiv) var pageThru = document.getElementById(pagethruDiv);
    var p = 1;
    var pagethruClass = '';
    while(oChild) { 
      if (oChild.nodeName=='div' || oChild.nodeName=='DIV') {
        if (oChild.id != '') {
          if (firstObj == '') 
            firstObj = oChild.id;
          else oChild.style.display = 'none';
          if (pagethruDiv && timeMs == 'manual') { 
            pagethruClass = p == 1 ? ' class="active"' : "";
            pageThru.innerHTML += '<a href="#" onclick="bumbleFadeDivsProceed(\'\', \'' + timeMs + '\', \'' + p + '\', \'' + containerDiv + '\', \'' + pagethruDiv + '\'); return false;"' + pagethruClass + '>' + p + '</a>';
          }  
          p++;
        }        
      }
      oChild = oChild.nextSibling;
    }
    if (pagethruDiv && timeMs == 'manual') { 
      pageThru.innerHTML += '<a href="#" onclick="bumbleFadeDivsProceed(\'\', \'' + timeMs + '\', \'2\', \'' + containerDiv + '\', \'' + pagethruDiv + '\'); return false;" class="next">Next</a>';
    }
    if (firstObj != '' && timeMs != 'manual')
      bumbleFadeDivsProceed(firstObj, timeMs);
  }
}
function bumbleFadeDivsProceed(objId, timeMs, gotoNum, parentId, pagethruDiv) {
  if (objId && objId != '') {
    var obj = document.getElementById(objId);
    obj.style.display = 'block';
    obj.style.visibility = 'visible';
    var nextSibling = '';
    var nextObj = obj.nextSibling;
    while(nextObj) { 
      if (nextObj.id != '' && (nextObj.nodeName=='div' || nextObj.nodeName=='DIV')) {
        nextSibling = nextObj.id;
        break;
      }
      nextObj = nextObj.nextSibling;
    }
  }
  else {
    if (pagethruDiv) var pageThru = document.getElementById(pagethruDiv);
    var pagethruClass = '';
    pageThru.innerHTML = '';
    var container = document.getElementById(parentId);
    var oChild = container.firstChild;
    var p = 1;
    var currentNum = 0;
    var firstObj = '';
    while(oChild) { 
      if ((oChild.nodeName=='div' || oChild.nodeName=='DIV') && oChild.id != '') {         
        if (oChild.style.display != 'none') {
          objId = oChild.id; 
          var obj = document.getElementById(objId);
          currentNum = p; 
        }        
        if (p == gotoNum) {
          nextSibling = oChild.id; 
        }
        if (pagethruDiv && timeMs == 'manual') { 
          pagethruClass = p == gotoNum ? ' class="active"' : "";
          pageThru.innerHTML += '<a href="#" onclick="bumbleFadeDivsProceed(\'\', \'' + timeMs + '\', \'' + p + '\', \'' + parentId + '\', \'' + pagethruDiv + '\'); return false;"' + pagethruClass + '>' + p + '</a>';
        }
        p++;
      }
      oChild = oChild.nextSibling;
    } 
    if (pagethruDiv && timeMs == 'manual') { 
      gotoNum = parseInt(gotoNum);
      if (p == (gotoNum + 1) || gotoNum === false || gotoNum === undefined) var nextNum = 1;
      else var nextNum = (gotoNum + 1 < p) ? gotoNum + 1 : 1; 
      pageThru.innerHTML += '<a href="#" onclick="bumbleFadeDivsProceed(\'\', \'' + timeMs + '\', \'' + nextNum + '\', \'' + parentId + '\', \'' + pagethruDiv + '\'); return false;" class="next">Next</a>';
    }
  } 
  if (nextSibling == '' || nextSibling === false || nextSibling === undefined) {
    var nextSiblingObj = obj.nextSibling;
    var iterations = 0;
    while(nextSiblingObj) { 
      if (nextSiblingObj.nodeName=='div' || nextSiblingObj.nodeName=='DIV') {
        if (nextSiblingObj.id != '') {
          nextSibling = nextSiblingObj.id;
          break;
        }
      }
      nextSiblingObj = nextSiblingObj.nextSibling;
      if ((nextSibling == '' || nextSibling === false || nextSibling === undefined) && iterations < 1) { 
        nextSiblingObj = obj.parentNode.firstChild;
        var iterations = 1;
      }
    }
  }
  if (nextSibling != '') { 
    var callBack = 'bumbleFadeDivsTransition(\'' + objId + '\', \'' + nextSibling + '\', \'' + timeMs + '\');';    
    if (timeMs != 'manual') {
      if (callBack && callBack != undefined) callBack = addslashes(callBack);
      window.setTimeout('bumbleTransitionObj(\'' + objId + '\', \'opacity\', \'100\', \'0\', \'\', 500, \'\', \'' + callBack + '\')', timeMs);
    }
    else if (timeMs == 'manual') {
      bumbleTransitionObj(objId, 'opacity', '100', '0', '', 200, '', callBack);
    }
  }
}

function bumbleFadeDivsTransition(prevDivId, nextDivId, timeMs) { 
  prevDiv = document.getElementById(prevDivId);
  prevDiv.style.display = 'none';
  nextDiv = document.getElementById(nextDivId);
  nextDiv.style.visibility = 'hidden';
  nextDiv.style.display = 'block';
  if (timeMs != 'manual') {
    var callBack = 'bumbleFadeDivsProceed(\'' + nextDivId + '\', \'' + timeMs + '\');';
    bumbleTransitionObj(nextDivId, 'opacity', '0', '100', '', 500, '', callBack);
  }
  else {
    //var callBack = 'document.getElementById(\'' + prevDivId + '\').style.display = \'none\';';
    bumbleTransitionObj(nextDivId, 'opacity', '0', '100', '', 200, '', '');
  }
}

// ******** SLIDESHOW / GALLERY  ********

function bumbleSlideShow(imagesDelim, imagePath, containerDivId, width, height, timeMs, startOffset) {
  var container = document.getElementById(containerDivId);
  var gallery = document.createElement("div");
  var galleryId = "slideShow_" + Math.floor(Math.random() * 1000000);
  var imagesArr = imagesDelim.split(',');
  var lastKey = imagesArr.length - 1;
  var firstImg = imagesArr[0];
  var lastImg = imagesArr[lastKey];
  // add last image to beginning of array
  imagesArr.unshift(lastImg);
  // add first image to end of array
  imagesArr.push(firstImg);
  var containerWidth = parseInt(imagesArr.length * width) + 10;
  
  container.style.width = width + 'px';
  container.style.height = height + 'px';
  container.style.border = '1px solid #000';
  container.style.position = 'relative';
  container.style.overflow = 'hidden';
  
  // empty container div
  container.innerHTML = '';
  
  gallery.setAttribute("class", "slideshow_inner_container");
  gallery.setAttribute("id", galleryId);
  gallery.style.height = height + 'px';
  gallery.style.marginLeft = '-' + width + 'px';
  
  // expand container to fit all images
  gallery.style.width = containerWidth + 'px';
  container.appendChild(gallery);
  
  var thisImg = '';
  // add image objects to gallery div
  for (var i = 0; i < imagesArr.length; i++) {
    thisImg = document.createElement("img");
    thisImg.style.width = width + 'px';
    thisImg.style.height = height + 'px';
    thisImg.src = imagePath + imagesArr[i];
    gallery.appendChild(thisImg); 
  }
  
  // move images by offset if set  
  if (startOffset !== false && startOffset > 0) {
    gallery.style.position = 'relative';
    gallery.style.left = '-' + (width * startOffset) + 'px';
  }
  
  // add left / right icons for browsing slides
  var leftClick = document.createElement("div");
  var rightClick = document.createElement("div");
  var clickTop = parseInt(Math.floor(height / 2) + 16);
  var clickLeft = parseInt(width - 32);

  leftClick.setAttribute("class", "slideshow_left_browse");
  leftClick.setAttribute("className", "slideshow_left_browse");
  leftClick.style.float = 'left';
  leftClick.style.clear = 'left';
  leftClick.style.width = '32px';
  leftClick.style.height = '32px';
  leftClick.style.position = 'relative';
  var leftAction = "clearInterval(bumbleSlideAuto); bumbleSlideObj('" + galleryId + "', 'right', '" + width + "', '" + timeMs + "', '" + (containerWidth - (2 * width) - 10) + "')";
  leftClick.onclick = function() { eval(leftAction) };
  leftClick.style.top = '-' + clickTop + 'px';
  container.appendChild(leftClick); 
  
  rightClick.setAttribute("class", "slideshow_right_browse");
  rightClick.setAttribute("className", "slideshow_right_browse");
  rightClick.style.float = 'left';
  rightClick.style.clear = 'left';
  rightClick.style.width = '32px';
  rightClick.style.height = '32px';
  rightClick.style.position = 'relative';
  var rightAction = "clearInterval(bumbleSlideAuto); bumbleSlideObj('" + galleryId + "', 'left', '" + width + "', '" + timeMs + "', '" + (containerWidth - (2 * width) - 10) + "')";
  rightClick.onclick = function() { eval(rightAction) };
  rightClick.style.top = '-' + (clickTop + 32) + 'px';
  rightClick.style.left = clickLeft + 'px';
  container.appendChild(rightClick); 
  
  bumbleSlideAuto = window.setInterval("bumbleSlideObj('" + galleryId + "', 'left', '" + width + "', '" + timeMs + "', '" + (containerWidth - (2 * width) - 10) + "')", 3000);
}