/*
	Project: www.favre-guth.ch
	Client: FAV
	Date: 20051017
	File: common javascript
	
	History:
	
		200511041638 : genesis
		
*/


function toggleBackground(whichcolor) {

// Absurd: IE requires (60,60,60) - no space after comma, while the other (60, 60, 60) - a space after the comma!

  if ((whichcolor == 'rgb(60, 60, 60)') || (whichcolor == 'rgb(60,60,60)')) {
    var color = 'rgb(252, 154, 8)';
  }
  else {
    var color = 'rgb(60, 60, 60)';
  }
  
  return color;
}

function toggleDisplay(whichcat) {
  
  var primary = document.getElementById("all");
  var records = primary.getElementsByTagName("img");		// realisations
  for ( var i=0; i < records.length; i++) {
//  	var catName = records[i].getAttribute("class");
  	var catName = records[i].className;
    if (catName == whichcat) {
   	  var catId = records[i].getAttribute("id");
      if (records[i].style.visibility == "hidden") {
//      if (records[i].style.display == "none") {
//		Effect.Appear(catId);
        records[i].style.visibility = "visible";
      }
      else {
//		Effect.Fade(catId);
		records[i].style.visibility = "hidden";
	  }
    }
  }
  return false;
}

function prepareCategories() {
  if (!document.getElementsByTagName) return false;
  if (!document.getElementById) return false;
  if (!document.getElementById("toggle")) return false;
  var primary = document.getElementById("toggle");
  var categories = primary.getElementsByTagName("li");	// categories

// prepare dt click
  for ( var i=0; i < categories.length; i++) {
    categories[i].onclick = function() {
	  var catName = this.getAttribute("id");
	  this.style.backgroundColor = toggleBackground(this.style.backgroundColor);
      return toggleDisplay(catName);
	}
    categories[i].onkeypress = categories[i].onclick;
  }
}

function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      oldonload();
      func();
    }
  }
}

addLoadEvent(prepareCategories);