function cellActivation(obj) {
	var inactiveClassName = 'cellSmall';
	var activeClassName = 'cellBig';

	if(obj.className == activeClassName)
		return;
	var allElems = obj.parentNode.childNodes;
	obj.className = activeClassName;
	for(var i=0; i<allElems.length; i++) {
		if( allElems[i] != obj && allElems[i].className == activeClassName) {
			allElems[i].className = inactiveClassName;
		}
	}
}

function photofader(nm, mainDiv, imgArr){
	this.name		= nm;
	this.imgArr = imgArr;
	this.curImg = 0;
	this.curDiv = 1;
	
	var mainDv = document.getElementById(mainDiv);
	
	document.pfObj = this;
	
	document.write("<style type='text/css'>\n");
	document.write("#pf_photo1 img { visibility:hidden; }\n");
	document.write("#pf_photo1 { position:absolute; z-index: 1; }\n");
	document.write("#pf_photo2 { position:absolute; z-index: 0; }\n");
	document.write("</style>");
	
	this.initImages = function() {
		var hldr1 = "pf_photo1";
		var hldr2 = "pf_photo2";
		
		var dv1 = document.createElement("div");
				dv1.id = "pf_photo1";
				dv1.innerHTML = "<img src='"+ imgArr[0] +"' />";
		var dv2 = document.createElement("div");
				dv2.id = "pf_photo2";
		
		mainDv.appendChild(dv1);
		mainDv.appendChild(dv2);
		
	  image1 = document.getElementById(hldr1).childNodes[0];
		
	  setOpacity(image1, 0);
	  image1.style.visibility = 'visible';
	  fadeIn(hldr1,0);
	}
	
	this.initImages();
}
	
function setOpacity(obj, opacity) {
  opacity = (opacity == 100)?99.999:opacity;
  
  // IE/Win
  obj.style.filter = "alpha(opacity:"+opacity+")";
  
  // Safari<1.2, Konqueror
  obj.style.KHTMLOpacity = opacity/100;
  
  // Older Mozilla and Firefox
  obj.style.MozOpacity = opacity/100;
  
  // Safari 1.2, newer Firefox and Mozilla, CSS3
  obj.style.opacity = opacity/100;
}

function fadeIn(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId).childNodes[0];
    if (opacity < 100) {
			geschwindigkeit = (geschwindigkeit < 2)?2:geschwindigkeit;
      setOpacity(obj, opacity);
			opacityDif = Math.ceil((100-opacity)/geschwindigkeit);
			opacity += opacityDif;
      //opacity += 2;
      window.setTimeout("fadeIn('"+objId+"',"+opacity+")", 100);
    }
		else
			setTimeout("swapImages()",delay*1000);
  }
}

function fadeOut(objId,opacity) {
  if (document.getElementById) {
    obj = document.getElementById(objId).childNodes[0];
    if (opacity > 0) {
			geschwindigkeit = (geschwindigkeit < 2)?2:geschwindigkeit;
      		setOpacity(obj, opacity);
			opacityDif = Math.ceil((opacity)/geschwindigkeit);
			opacity -= opacityDif;
      //opacity += 2;
      window.setTimeout("fadeOut('"+objId+"',"+opacity+")", 100);
    }
  }
}

function swapImages(){
	// find out which 
	if(document.pfObj.curImg == document.pfObj.imgArr.length-1)
		document.pfObj.curImg = 0;
	else 
		++document.pfObj.curImg;

	// now get the div to hld the new image
	var dvName	= (document.pfObj.curDiv == 1)?"pf_photo2":"pf_photo1";
	var eDivName		= (document.pfObj.curDiv == 1)?"pf_photo1":"pf_photo2";
	document.pfObj.curDiv = (document.pfObj.curDiv == 1)?2:1;
	
	var tgtDiv = document.getElementById(dvName);
	var eDiv = document.getElementById(eDivName);
	
	// now fill the target div
	tgtDiv.innerHTML = "<img src='"+ document.pfObj.imgArr[document.pfObj.curImg] +"' style='visibility:hidden;' />";
	
	//move the divs around in z-index
	eDiv.style.zIndex = 0;
	tgtDiv.style.zIndex = 1;
	
	// And finally fade in the image
	
  var img = tgtDiv.childNodes[0];
	
  setOpacity(img, 0);
  img.style.visibility = 'visible';
  fadeIn(tgtDiv.id,0);
  fadeOut(eDiv.id,100);
}

var stor = -1;
var maxstor = 2;
var timeout = 0;
var lastShownStor = -1;

function autorot() {
	showNext();
	timeout = setTimeout('autorot();', 6000);
}

function stoprot() {
	clearTimeout(timeout);
}

function startrot() {
	timeout = setTimeout('autorot();', 6000);
}

function rotateDiv(stor){

  var divs = document.getElementById("storyContainer").getElementsByTagName("div");
  for (var i=0; i < divs.length; i++ ) {
    var div = divs[i];
    if ( (div.id != "")) {
	   if(i != stor && i != lastShownStor){
        	   div.style.display = "none";
        	   div.style.zIndex = "1";
	   }
	   else if(i != lastShownStor){
	      if(lastShownStor > -1){	       
	   	           document.getElementById('story'+(lastShownStor+1)).style.zIndex = "4";
	               new Effect.Fade(document.getElementById('story'+(lastShownStor+1)));
	      }
	      div.style.zIndex = "1";
		  div.style.display = "block"; 
		      break;
	   }
    }
  }
  
    var spans = document.getElementById("nav").getElementsByTagName("span");
  for (var i=0; i < spans.length; i++ ) {
    var span = spans[i];
    if ( (span.id != "")) {
	if(i != stor)
        	span.className = "none";
	else
		span.className = "selStory";
    }
  }
}

function showNext(){
    lastShownStor = stor;
    
	if(stor < maxstor)
		stor++;
	else
		stor=0;

	rotateDiv(stor);
}

function showPrev(){
    lastShownStor = stor;
    
	if(stor > 0)
		stor--;
	else
		stor=maxstor;

	rotateDiv(stor);
}

function showStoryOne(){
    lastShownStor = stor;
	stor=0;
	rotateDiv(stor);
}

function showStoryTwo(){
    lastShownStor = stor;
	stor=1;
	rotateDiv(stor);
}

function showStoryThree(){
    lastShownStor = stor;
	stor=2;
	rotateDiv(stor);
}

function setBackground(location) {
   new Ajax.Updater('myBackground', 'includes/background.inc.php',{
      encoding: 'iso-8859-1',
      method: 'post',
      parameters: {action: 'setBackground',
                  location: location},
      onComplete: function() {
//					$('myBackground').hide(); 
//					document.getElementById('myBackground').style.visibility = 'visible';
					showBackground();
      }
   });
}

function showBackground() {
	if(document.images["myBackground"].complete == true) {
		document.getElementById('myBackground').style.visibility = 'visible';
//		Effect.Grow('myBackground'); 
	}
	else {
		setTimeout("showBackground()", 50);
	}
}

function setPopup() {
   new Ajax.Updater('popup', 'includes/popup.inc.php',{
      encoding: 'iso-8859-1',
      method: 'post',
      parameters: {action: 'setPopup',
                  location: location}
   });
}
