function changeOpacity(el,opacity) {
  var image = document.getElementById(el);
  // For Mozilla
  image.style.MozOpacity = (opacity / 100);
  // For IE
  image.style.filter = "alpha(opacity=" + opacity + ")";
  // For others
  image.style.opacity = (opacity / 100);
}
function fade(el,milli,start,end) {
  var fadeTime = Math.round(milli/100);
		
  var i = 0;  // Fade Timer
  // Fade in
  if(start < end) {
    for(j = start; j <= end; j++) {
      // define the expression to be called in setTimeout()
      var expr = "changeOpacity('" + el + "'," + j + ")";
      var timeout = i * fadeTime;
      // setTimeout will call 'expr' after 'timeout' milliseconds
      setTimeout(expr,timeout);
      i++;
    }
  }
  // Fade out
  else if(start > end) {
    for(j = start; j >= end; j--) {
      var expr = "changeOpacity('" + el + "'," + j + ")";
      var timeout = i * fadeTime;
      setTimeout(expr,timeout);
      i++;
    }
  }
}

function changeMargin(el,margin) {
  var image = document.getElementById(el);
  image.style.marginTop = margin + 'px';
}
function slideElement(el,milli,start,end) {
  var fadeTime = Math.round(milli/100);
		
  var i = 0;  // Fade Timer
  // Fade in
  if(start < end) {
    for(j = start; j <= end; j++) {
      // define the expression to be called in setTimeout()
      var expr = "changeMargin('" + el + "'," + j + ")";
      var timeout = i * fadeTime;
      // setTimeout will call 'expr' after 'timeout' milliseconds
      setTimeout(expr,timeout);
      i++;
    }
  }
  // Fade out
  else if(start > end) {
    for(j = start; j >= end; j--) {
      var expr = "changeMargin('" + el + "'," + j + ")";
      var timeout = i * fadeTime;
      setTimeout(expr,timeout);
      i++;
    }
  }
}




function footerOn()
{
    
    
    var MLslide = document.getElementById('slideML');
    MLslide.style.marginTop = '-50px';
    var STFslide = document.getElementById('slideSTF');
    STFslide.style.marginTop = '-50px';
    var BBslide = document.getElementById('bottomBookmarks');
    BBslide.style.marginTop = '-50px';
    
    SlideAllDown();
}

function SlideAllDown()
{
    var footer = document.getElementById('footer');
    footer.style.display = "block";
    
    slideElement('slideML', 1500, -50, 0);
    
    var expr1 = "slideElement('bottomBookmarks', 1500, -50, 0)";
    setTimeout(expr1,1000);
    var expr2 = "slideElement('slideSTF', 1500, -50, 0)";
    setTimeout(expr2,2000);
    var expr2 = "fade('rightFooter', 1500, 0, 100)";
    setTimeout(expr2,3000);
}
function SlideMLUp()
{
    var expr = "slideElement('slideML', 1500, 0, -50)";
    setTimeout(expr,2000);
}