// JavaScript document new theme / paintaball.

// JavaScript Document
var $ = function(id) {
  return document.getElementById(id);
};

function teclanLoad() {
  //fix the border to run the full height of the center div
  var left = $("left"), center = $("center");
  if (left && center) {
    var hArr = new Array(left.offsetHeight, center.offsetHeight);
	  var theHighest = 0;
	  for (var i = 0; i < hArr.length; i++) {
	    if (hArr[i] > theHighest) theHighest = hArr[i];
	  }
	  left.style.height = (theHighest + 50) + "px";
	  center.style.height = (theHighest) + "px";
  }
}

if (window.attachEvent) { 
  window.attachEvent("onload", teclanLoad); 
} 
else {  
  window.addEventListener("load", teclanLoad, false); 
}

var timeout	= 500;
var closetimer	= 0;
var ddmenuitem	= 0;

// open hidden layer
function mopen(id) {	
  // cancel close timer
  mcancelclosetime();

  // close old layer
  mclose();

  // get new layer and show it
  ddmenuitem = document.getElementById('m' + id);
  if (ddmenuitem) {
	if (id == 1) {
	  ddmenuitem.style.top = '-4px';
	}
    ddmenuitem.style.display = 'block';
  }
}

// close showed layer
function mclose() {
  if (ddmenuitem) ddmenuitem.style.display = 'none';
}

// go close timer
function mclosetime() {
  closetimer = window.setTimeout(mclose, timeout);
}

// cancel close timer
function mcancelclosetime() {
  if (closetimer) {
    window.clearTimeout(closetimer);
	closetimer = null;
  }
}

// close layer when click-out
document.onclick = mclose; 

// JavaScript Document

var isIE = /MSIE (\d+\.\d+);/.test(navigator.userAgent);

var $$ = function(id) {
  return document.getElementById(id);
};

function checkDivHovers() {
  var allDivs = document.getElementsByTagName("TD");
  for (var i = 0; i < allDivs.length; i++) {
    if (allDivs[i].className && allDivs[i].className == 'section-box') {
      if (isIE) allDivs[i].style.zoom = 1;
      allDivs[i].onmouseover = function() {
	this.className = 'section-box-hover';
      };
      allDivs[i].onmouseout = function() {
        this.className = 'section-box';
      };
    }
  }
}

if (window.attachEvent) { 
  window.attachEvent("onload", checkDivHovers); 
} 
else {  
  window.addEventListener("load", checkDivHovers, false); 
}

var $$ = function(id) {
  return document.getElementById(id);
};


/**
 * Checks if the cart summary should be displayed.
 */
function checkCart() {
  var theSummary = $$("cart-summary");
  var items = getCartItem(3);
  if (items == 0) theSummary.style.display = "none";
  else {
     changeOpac(0, "cart-summary");
     theSummary.style.display = "block";
     doOpacity("cart-summary", 0, 100, 800);
  }
}

/**
 * Sets a timeout to change the opacity of an element.
 */
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++;
    }
  }
}

/**
 * Cross-browser opacity change.
 */
function changeOpac(opacity, id) {
  var object = $$(id).style; 
  object.opacity = (opacity / 100);
  object.MozOpacity = (opacity / 100);
  object.KhtmlOpacity = (opacity / 100);
  object.filter = "alpha(opacity=" + opacity + ")";
}

//attach the cart check function to the load event
if (window.attachEvent) { 
  window.attachEvent("onload", checkCart); 
} 
else {  
  window.addEventListener("load", checkCart, false); 
}