/**
 * Steuert Karteireiterhandling
 * 
 * @version 1.6
 * @since 	20060808
 */

// Kontroller
tabController = {
	addEvent: function(obj, type, fn, tmp) {
		tmp || (tmp = true);
		if( obj.attachEvent ) {
			obj["e"+type+fn] = fn;
			obj[type+fn] = function(){obj["e"+type+fn]( window.event );};
			obj.attachEvent( "on"+type, obj[type+fn] );
		} else {
			obj.addEventListener( type, fn, true );
		};
	},
	
	init: function(){

		tab = new tab();
		tab.find();

	}
}

// Eigentliches Karteireiterobjekt
function tab (){

	this.containerName = "karteireiter";
	this.cardName = "karte";
	
	this.flags = new Array();
	this.cards = new Array();
	this.find = function(){
 
		var navUL = document.getElementById(this.containerName);
		var navLIs = navUL.childNodes;
		for (var i = 0; i < navLIs.length; i++) {
			if (navLIs[i].nodeType == 1 && navLIs[i].tagName == "LI") {
				this.flags.push(navLIs[i].id);
				var reiterindex = this.flags.length;
				this.cards[navLIs[i].id] = this.cardName + reiterindex;
			}
		}
	}

	this.flip = function(id){
		var aktuellerReiter = document.getElementById(id);
		for (var i = 0; i < this.flags.length; i++) {
			document.getElementById(this.flags[i]).className = "";
			document.getElementById(this.cards[this.flags[i]]).style.left = "-999px";
		}
		document.getElementById(id).className = "aktiv";
		document.getElementById(this.cards[id]).style.left = "0";

	}
	
}

tabController.addEvent(window, 'load', tabController.init);