/*******************************************************************************

FILE: mud_Scripts.js
REQUIRES: prototype.js, mud_FadeGallery.js
AUTHOR: Takashi Okamoto mud(tm) - http://www.mudcorp.com/
VERSION: 2.0 - converted to use prototype.js
DATE: 01/05/2006

--------------------------------------------------------------------------------

This file is part of MudFadeGallery.

	MudFadeGallery is free for anyone to use, but this header MUST be
	included, and may not be modified.

*******************************************************************************/

////////////////////////////////////////////////////////////////////////////////
// GLOBAL VARS

var imgsGallery = new Array();
var imgs;

///////////////////////////////////////////////////////////////////////////////
// MOUSE EVENTS

function setOnMouseClick() {
	var elements = document.getElementsByTagName("a");
	for (var i = 0; i < elements.length; i++) {
		switch(elements[i].className) {
			case "next":
				elements[i].onclick = function() {
					 imgs.nextImg();
					 return false;
				}
				break;
			case "prev":
				elements[i].onclick = function() {
					 imgs.prevImg();
					 return false;
				}
				break;
			case "s0":
				elements[i].onclick = function() {
					imgs.showImg(0)
					// NEU:
					document.getElementById("s0").className="bildnavaktiv";
					for (var j=0; j<10; j++){
						if (j != "0"){
					 		var zahl = ("s"+j);
					 		document.getElementById(zahl).className="bildnav";
					 	}
					} // end NEU
				return false;
				}
				break;
			case "s1":
				elements[i].onclick = function() {
					imgs.showImg(1);
					// NEU:
					document.getElementById("s1").className="bildnavaktiv";
					for (var j=0; j<10; j++){
						if (j != "1"){
					 		var zahl = ("s"+j);
					 		document.getElementById(zahl).className="bildnav";
					 	}
					} // end NEU
					return false;
				}
				break;
			case "s2":
				elements[i].onclick = function() {
				 	imgs.showImg(2);
				 	// NEU:
					document.getElementById("s2").className="bildnavaktiv";
					for (var j=0; j<10; j++){
						if (j != "2"){
					 		var zahl = ("s"+j);
					 		document.getElementById(zahl).className="bildnav";
					 	}
					} // end NEU
					return false;
				}
				break;
			case "s3":
				elements[i].onclick = function() {
				imgs.showImg(3);
					// NEU:
					document.getElementById("s3").className="bildnavaktiv";
					for (var j=0; j<10; j++){
						if (j != "3"){
				 			var zahl = ("s"+j);
				 			document.getElementById(zahl).className="bildnav";
				 		}
					} // end NEU
					 
					 return false;
				}
				break;
			case "s4":
				elements[i].onclick = function() {
					 imgs.showImg(4);
					// NEU:
					document.getElementById("s4").className="bildnavaktiv";
					for (var j=0; j<10; j++){
						if (j != "4"){
				 			var zahl = ("s"+j);
				 			document.getElementById(zahl).className="bildnav";
				 		}
					} // end NEU
				
					 return false;
				}
				break;	
			case "s5":
				elements[i].onclick = function() {
					 imgs.showImg(5);
					// NEU:
					document.getElementById("s5").className="bildnavaktiv";
					for (var j=0; j<10; j++){
						if (j != "5"){
				 			var zahl = ("s"+j);
				 			document.getElementById(zahl).className="bildnav";
				 		}
					} // end NEU
				
					 return false;
				}
				break;	
			
			case "s6":
				elements[i].onclick = function() {
					 imgs.showImg(6);
					// NEU:
					document.getElementById("s6").className="bildnavaktiv";
					for (var j=0; j<10; j++){
						if (j != "6"){
				 			var zahl = ("s"+j);
				 			document.getElementById(zahl).className="bildnav";
				 		}
					} // end NEU
				
					 return false;
				}
				break;	
				
			case "s7":
				elements[i].onclick = function() {
					 imgs.showImg(7);
					// NEU:
					document.getElementById("s7").className="bildnavaktiv";
					for (var j=0; j<10; j++){
						if (j != "7"){
				 			var zahl = ("s"+j);
				 			document.getElementById(zahl).className="bildnav";
				 		}
					} // end NEU
				
					 return false;
				}
				break;	
			case "s8":
				elements[i].onclick = function() {
					 imgs.showImg(8);
					// NEU:
					document.getElementById("s8").className="bildnavaktiv";
					for (var j=0; j<10; j++){
						if (j != "8"){
				 			var zahl = ("s"+j);
				 			document.getElementById(zahl).className="bildnav";
				 		}
					} // end NEU
				
					 return false;
				}
				break;		
			case "s9":
				elements[i].onclick = function() {
					 imgs.showImg(9);
					// NEU:
					document.getElementById("s9").className="bildnavaktiv";
					for (var j=0; j<10; j++){
						if (j != "9"){
				 			var zahl = ("s"+j);
				 			document.getElementById(zahl).className="bildnav";
				 		}
					} // end NEU
				
					 return false;
				}
				break;	
			case "s10":
				elements[i].onclick = function() {
					 imgs.showImg(10);
					// NEU:
					document.getElementById("s10").className="bildnavaktiv";
					for (var j=0; j<10; j++){
						if (j != "10"){
				 			var zahl = ("s"+j);
				 			document.getElementById(zahl).className="bildnav";
				 		}
					} // end NEU
				
					 return false;
				}
				break;	
		}
	}
}

////////////////////////////////////////////////////////////////////////////////
// INIT
/*
function init() {
	setOnMouseClick();
	// images gallery
	// load images note: imgsGallery[].image isn't an array of images, just strings to hold location
	imgsGallery[0] = new Object();
	imgsGallery[0].image = "images/image_0.jpg";
	imgsGallery[0].title = "Title for first Image";
	imgsGallery[0].caption = "This is the first image...";
	
	imgsGallery[1] = new Object();
	imgsGallery[1].image = "images/image_1.gif";
	imgsGallery[1].title = "Title for second Image";
	imgsGallery[1].caption = "This is the second image...";
	
	imgsGallery[2] = new Object();
	imgsGallery[2].image = "images/image_2.gif";
	imgsGallery[2].title = "Title for third Image";
	imgsGallery[2].caption = "This is the third image...";
	
	imgsGallery[3] = new Object();
	imgsGallery[3].image = "images/image_3.png";
	imgsGallery[3].title = "Title for fourth image";
	imgsGallery[3].caption = "This is the fourth image...";
	
	var start = 0;
	imgs = new MudFadeGallery('imgs', 'imgDisplay', imgsGallery, {startNum: start, preload: true, autoplay: 2});
	
	// set the initial captions
	var title = (imgsGallery[0].title) ? imgsGallery[0].title : "No Title";
	var caption = (imgsGallery[0].caption) ? imgsGallery[0].caption : "No caption";
	$("imgDisplay_title").innerHTML = title;
	$("imgDisplay_caption").innerHTML = caption;
	$("imgDisplay_number").innerHTML = "1 of " + imgsGallery.length + " projects";
	$("imgDisplay").src = imgsGallery[start].image;
}
*/
////////////////////////////////////////////////////////////////////////////////
// EVENTS

Event.observe(window, 'load', init, false);