function toggleTab(id) {
  var tabtitle = document.getElementById("tab-title-bar");
  if (tabtitle) {
    var links = tabtitle.getElementsByTagName("a");
    for (var i = 0; i < links.length; i++) {
      if (links[i].name && links[i].name != ('tab' + id)) {
        var content = document.getElementById("tabcontent" + (i+1));
        if (content) {
          content.style.display = "none";
	       links[i].id = "";
        }
      }
      else {
        links[i].id = "selected";
      }
    }
    var tbcont = document.getElementById("tabcontent" + id);
    if (tbcont) tbcont.style.display = "block";
  }
}

function initRollovers() {
  var container = document.getElementById("rollovers");
  if (container) {
    var imgs = container.getElementsByTagName("img");
    for (var i = 0; i < imgs.length; i++) {
	  imgs[i].style.cursor = "pointer";
      imgs[i].onclick = function() {
        var mainImg = document.getElementById("main-img");
        if (mainImg) {
          mainImg.src = this.src;
        }
      }
    }
  }
}



function emailAFriend(product) {
  var script = "I thought you might be interested in " + product + " from Alana Ecology. You can view it at " + window.location;
  var subject = encodeURI(product + " from Alana Ecology");
  window.location.href = 'mailto:?subject=' + subject + '&body=' + encodeURI(script);
}

function loadShoppingCartSummary() {
  var theSummary = document.getElementById("basket");
  var items = getCartItem(3);
  if (items == 0) theSummary.style.display = "none";
  else {
     var newHTML = "<br><h3>Shopping Basket</h3>";
     newHTML += "<div style='margin-bottom:6px'>Items: " + items;
     newHTML += "; Value: " + getCartItem(1) + "</div>";
     theSummary.innerHTML = newHTML + document.getElementById("cartlinks").innerHTML;
     theSummary.style.display = "block";
  }
}

function loadShoppingCartSummary() {
  var theSummary = document.getElementById("cart");
  var items = getCartItem(3);
  if (items == 0) theSummary.style.display = "none";
  else {
     var newHTML = "<h3>Shopping Basket</h3>";
     newHTML += "<div style='margin-bottom:4px'>Items: " + items;
     newHTML += "; Value: " + getCartItem(1) + "</div>";
     theSummary.innerHTML = newHTML + document.getElementById("cartlinks").innerHTML;
     changeOpac(0, "cart");
     theSummary.style.display = "block";
     doOpacity("cart", 0, 80, 800);
  }
}

function initNavBar() {
  var style = "<style type='text/css'>";
  style += "#navigation a { opacity:0.8; filter: alpha(opacity=80); }";
  style += "#navigation a:hover { opacity:1; filter: alpha(opacity=100); }";
  style += "</style>";
  document.write(style);
}

function doOpacity(id, opacStart, opacEnd, millisec) {
  var speed = Math.round(millisec / 100);
  var timer = 0;

  if (opacStart > opacEnd) {
    for(var i = opacStart; i >= opacEnd; i--) {
      setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
	timer++;
    }
  } 
  else if (opacStart < opacEnd) {
    for (var i = opacStart; i <= opacEnd; i++) {
      setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed));
	timer++;
    }
  }
}

function changeOpac(opacity, id) {
  var object = document.getElementById(id).style; 
  object.opacity = (opacity / 100);
  object.MozOpacity = (opacity / 100);
  object.KhtmlOpacity = (opacity / 100);
  object.filter = "alpha(opacity=" + opacity + ")";
}