var imgIndex = new Array();
var prevHTML = '';
var prevItem = false;
var doNotSwapOriginal = false;
var origName = '';
var origImg = '';
var prevName = '';
var prevImg = '';
var btnOutTimer = '';
var siteIndex = Array();

siteIndex['kites']       = '01';
siteIndex['boards']      = '02';
siteIndex['accessories'] = '03';
siteIndex['kitecenter']  = '04';
siteIndex['team']        = '05';
siteIndex['advice']      = '06';
siteIndex['inruil']      = '07';

function preloadImage(img_name,img_src) {
  imgIndex[img_name] = new Image();
  imgIndex[img_name].src = img_src;
}

function swapImg(img_name,img_src,url) {
  if (isPreloaded == true) {
    if (btnOutTimer != '') {
      clearTimeout(btnOutTimer);
      btnOutTimer = '';
      restoreImage();
    }
  
    if ((prevItem == false) && (doNotSwapOriginal == false)) {
      document[origName].src = strPrefix + 'images/menu/' + currLanguage + '/MENU_' + siteIndex[currentItem] + '.gif';  	
      prevItem = true;
    }
  
    prevName = img_name;
    prevImg  = document[img_name].src;
    if (imgIndex[img_name]) {
      document[img_name].src = imgIndex[img_name].src;
    } else {
      document[img_name].src = img_src;
    }
  
    // getElement
    objSubmenu = document.getElementById("subMenu");
    if (url == currentItem) {
      if (prevHTML != '') {
  	    objSubmenu.innerHTML = prevHTML;
  	  }
    } else {
      if (prevHTML == '') { prevHTML = objSubmenu.innerHTML; }
      if (menuArray[url]) {
        newHTML = '';
        for (c = 0; c < menuArray[url].length; c++) {
          myMenuName = escape(menuArray[url][c]);
          myMenuName = strReplace(myMenuName,'%20','_') + '.html';
          newHTML = newHTML + '<a href="' + strPrefix + url + '/' + myMenuName + '" target="_self\" class="A-topmenu">' + menuArray[url][c] + '</a>';
   	      if (c != menuArray[url].length - 1) {
            newHTML = newHTML + '<img src="images/trans.gif" width="20" height="1" border="0">';
          }
        }
        objSubmenu.innerHTML = newHTML;
      } else {
        objSubmenu.innerHTML = '';
      }
    }
  }
}

function swapImgRestore() {
  if (isPreloaded == true) {
    btnOutTimer = setTimeout("restoreImage()",100);
  }
}

function restoreImage() {
  if ((prevName != '') && (prevImg != '')) {
  	clearTimeout(btnOutTimer);
    document[prevName].src = prevImg;
    
    if (prevItem == true) {
      document[origName].src = origImg;
      prevItem = false;
    }
    objSubmenu = document.getElementById("subMenu");
    objSubmenu.innerHTML = prevHTML;
  }
}

function mouseOverMenu() {
  if (isPreloaded == true) {
    if (btnOutTimer != '') {
      clearTimeout(btnOutTimer);
      btnOutTimer = '';
    }
  }
}

function mouseOutMenu() {
  if (isPreloaded == true) {
    btnOutTimer = setTimeout("restoreImage()",500);
  }
}

function setActiveBtn() {
  if (siteIndex[currentItem]) {
  	objSubmenu = document.getElementById("subMenu");
    origName = 'MENU-' + siteIndex[currentItem];
    origImg  = document[origName].src;
    prevItem = false;
    prevHTML = objSubmenu.innerHTML;
  } else {
  	doNotSwapOriginal = true;
  }
  isPreloaded = true;
}

function doPreload() {
  preloadImage('MENU-01',strPrefix + 'images/menu/' + currLanguage + '/MENU_01-over.gif');
  preloadImage('MENU-02',strPrefix + 'images/menu/' + currLanguage + '/MENU_02-over.gif');
  preloadImage('MENU-03',strPrefix + 'images/menu/' + currLanguage + '/MENU_03-over.gif');
  preloadImage('MENU-04',strPrefix + 'images/menu/' + currLanguage + '/MENU_04-over.gif');
  preloadImage('MENU-05',strPrefix + 'images/menu/' + currLanguage + '/MENU_05-over.gif');
  preloadImage('MENU-06',strPrefix + 'images/menu/' + currLanguage + '/MENU_06-over.gif');
  preloadImage('MENU-07',strPrefix + 'images/menu/' + currLanguage + '/MENU_07-over.gif');
}

function swapImgThumb(img_id,type) {
  imgName = 'IMGNR_' + img_id;
  document[imgName].className = 'IMG-' + type + '-01-over';
}

function restoreImgThumb(img_id,type) {
  imgName = 'IMGNR_' + img_id;
  document[imgName].className = 'IMG-' + type + '-01';
}

function openFullImg(img_name,width,height) {
  nw = window.open(strPrefix + 'pages/popups/show_image.popup.php?image=' + img_name + '&width=' + width + '&height=' + height,'fullImgScreen','width=' + width + ',height=' + height + ',top=50,left=50,status=no,toolbar=no,scrollbars=no,resizable=no,menubar=no,location=no');
  //nw.moveTo(50,50);
  nw.focus();
}

function getConfirm(strMsg,url) {
  if (confirm(strMsg)) {
	document.location.href = url;
  }
}

function strReplace(strString, strFind, strReplaceWith) {
  var intIndex = 0;
  var strBuffer = "" + strString;
          
  intIndex = strBuffer.indexOf( strFind, intIndex );
  while( intIndex >= 0 ) {
    strBuffer = strBuffer.substring( 0, intIndex ) + strReplaceWith + strBuffer.substring( intIndex + strFind.length);
    intIndex = strBuffer.indexOf(strFind, intIndex + strReplaceWith.length );
  }

  return strBuffer;
}

function addToCompare(id,type,back) {
  force = false;
  if ((compareType != 'none') && (compareType != type)) {
  	if (currLanguage == 'nl') {
  	  txtMsg = 'Je hebt een ander type product toegevoegd dan de product(en) die al op de vergelijk-lijst staan.\n\rWil je alle andere producten van de lijst halen en dit product toevoegen?';
  	} else {
  	  txtMsg = 'You\'ve added a different type of product than the products that are already on your compare list.\n\rDo you want to remove all other products from your list and add this product?';
  	}
  	if (confirm(txtMsg)) {
  	  doAdd = true;
  	  force = true;
  	} else {  	
  	  doAdd = false;
  	}
  } else {
  	doAdd = true;
  }
  
  if (doAdd == true) {
    if ((compareArray.length >= 3) && (force == false)) {
  	  if (currLanguage == 'nl') {
  	    txtMsg = 'Je hebt al 3 producten op je vergelijk-lijst staan.\nHaal 1 of meer producten van je lijst af om dit product te vergelijken.';
  	  } else {
  	    txtMsg = 'You already have 3 products on your compare list.\nRemove 1 or more products from the list to compare this product.';
  	  }
  	  
  	  alert(txtMsg);
  	  doAdd = false;
    } else {
  	  doAdd = true;
    }
  }
  
  if (doAdd == true) {
  	document.location.href = strPrefix + 'scripts/add_compare.lib.php?id=' + id + '&type=' + type + '&back=' + back;
  }
}

function readCookie(cookieName) {
  var theCookie = "" + document.cookie;
  var ind = theCookie.indexOf(cookieName);
  if (ind == -1 || cookieName=="") return ""; 
  var ind1 = theCookie.indexOf(';',ind);
  if (ind1 == -1) ind1=theCookie.length; 
  return unescape(theCookie.substring(ind+cookieName.length+1,ind1));
}


// help balloon and help page
function handleHelp(action) {
  myElement = document.getElementById('helpScreen');
  if (action == "open") {
    myElement.style.visibility = "visible";
    
    // set the cookie not to display this again
    // if closed -> seen by user
    var thisDate = new Date();
    thisDate.setTime(thisDate.getTime());
    expDate = new Date(thisDate.getTime() + (365 * 1000 * 60 * 60 * 24));
    document.cookie = "displayHelp=false;expires=" + expDate.toGMTString() + ";path=/";
  } else {
    myElement.style.visibility = "hidden";
  }
}

var fadeSpeed = 300; // in ms (500 = half second)
var waitFor   = 10;  // in sec
var fadeStep  = 1;  // steps
var fadeoutHandler;
function loadBalloon() {
  helpImg = document.getElementById("helpIcon");
  helpObj = document.getElementById("helpBalloon");
  
  objWidth  = helpObj.offsetWidth;
  objHeight = helpObj.offsetHeight;

  helpObj.style.left = helpImg.offsetLeft - objWidth + 33;
  helpObj.style.top  = helpImg.offsetTop + helpImg.offsetHeight - 5;
    
  numCount = readCookie("numCount");
  if (numCount == ";") {
  	numCount = 1;
  } else {
    numCount = numCount + 1;
  }
  
  // set the cookie not to display this again
  // if closed -> seen by user  
  var thisDate = new Date();
  thisDate.setTime(thisDate.getTime());
  expDate = new Date(thisDate.getTime() + (365 * 1000 * 60 * 60 * 24));
  document.cookie = "numCount=" + numCount + ";expires=" + expDate.toGMTString() + ";path=/";
  if (numCount > 3) {
    document.cookie = "displayHelp=false;expires=" + expDate.toGMTString() + ";path=/";
  }
  
  setOpacity(0,"helpBalloon");
  helpObj.style.visibility = "visible";
  fadeObj("in","helpBalloon",1);
}

function fadeObj(direction,objID,autoFadeOut) {
  fadeObject = document.getElementById(objID);
  doSteps = Math.round(fadeSpeed / 100); 
  timerCount = 0;
  if (direction == "in") {
    // fade in script
    for (fCount = 0; fCount <= 100; fCount = fCount + fadeStep) {
	  setTimeout("setOpacity(" + fCount + ",'" + objID + "')",(timerCount * doSteps));
	  timerCount++;
	}
	if (autoFadeOut == 1) {
	  fadeoutHandler = setTimeout("fadeObj(\"out\",\"" + objID + "\",0)",(waitFor * 1000));
	}
  } else {
    // fade out script
    for (fCount = 100; fCount >= 0; fCount = fCount - fadeStep) {
	  setTimeout("setOpacity(" + fCount + ",'" + objID + "')",(timerCount * doSteps));
	  timerCount++;
	}
	setTimeout("handleEnd()",(timerCount * doSteps))
  }
}

function setOpacity(setOpacity,objID) {
  myObject = document.getElementById(objID).style;
  myObject.opacity = (setOpacity / 100); 
  myObject.MozOpacity = (setOpacity / 100); 
  myObject.KhtmlOpacity = (setOpacity / 100); 
  myObject.filter = "alpha(opacity=" + setOpacity + ")";
}

function cancelBalloon() {
  document.getElementById("helpBalloon").style.visibility = "hidden";
  clearTimeout(fadeoutHandler);

  // set the cookie not to display this again
  // if closed -> seen by user  
  var thisDate = new Date();
  thisDate.setTime(thisDate.getTime());
  expDate = new Date(thisDate.getTime() + (365 * 1000 * 60 * 60 * 24));
  document.cookie = "displayHelp=false;expires=" + expDate.toGMTString() + ";path=/";
}

function handleEnd() {
  helpObj = document.getElementById("helpBalloon");
  helpObj.style.visibility = "hidden";
}

function checkActive(checkObj) {
  if (checkObj.checked == true) {
  	newState = "";
  } else {
  	newState = "none";
  }
  myPObj1 = document.getElementById("passwd");
  myPObj2 = document.getElementById("passwd2");
  
  myPObj1.style.display = newState;
  myPObj2.style.display = newState;
}

function openPDF(url,id) {
  nw = window.open(url,'PDF_' + id,'width=800,height=600,top=50,left=50,status=no,toolbar=no,scrollbars=no,resizable=no,menubar=no,location=no');
  nw.focus();
}