/* ---------------------------- NAVIGATION ---------------------- */

function subshow(id) {
	if (document.getElementById) {
		//alle active deaktivieren
		for (i=0;i<document.getElementById('nav').getElementsByTagName("a").length;i++) {
			document.getElementById('nav').getElementsByTagName("a")[i].className = '';
		}
		//alle sub deaktivieren
		document.getElementById('subnav_portfolio').style.display="none";
		document.getElementById('subnav_about').style.display="none";
		
		//active auf "id" setzen
		document.getElementById('nav_' + id ).className = 'active';
		
		//wenn sub dann block
		if(document.getElementById('subnav_' + id )) {
			document.getElementById('subnav_' + id ).style.display="block";
		}
		
		//if(id=='blog') {
			//document.getElementById('subnav_blog').style.display="block";
			//document.getElementById('subnav_portfolio').style.display="none";
			//document.getElementById('nav_blog').className = 'active';
			
		//}
		//else if(id=='portfolio') {
			//document.getElementById('subnav_blog').style.display="none";
			//document.getElementById('subnav_portfolio').style.display="block";
			
			//alle nav actives loeschen
			//for (i=0;i<document.getElementById('nav').getElementsByTagName("a").length;i++) {
			//	document.getElementById('nav').getElementsByTagName("a")[i].className = '';
			//}
			//portfolio active setzen
			//document.getElementById('nav_portfolio').className = 'active';
		//}			
	}
}

function subhide(id) {
	if (document.getElementById) {
		
		document.getElementById('nav_' + id ).className = '';
		
		if(document.getElementById('subnav_' + id )) {
			document.getElementById('subnav_' + id ).style.display="none";
		}
		active();
	}
}

function active() {
	var page = document.getElementById('page').innerHTML;
	var sub = document.getElementById('sub').innerHTML;
		
	if(sub=='portfolio' || sub=='about') {
		//document.getElementById('subnav_' + sub ).style.display="block";
		document.getElementById('nav_' + sub ).className = 'active';
	}
	else {
		document.getElementById('nav_' + page ).className = 'active';
	}
}

/* ---------------------------- KAUFBAR ---------------------- */

function porto() {
	if(document.getElementById("anzahl")) {
		var anzahl = document.getElementById("anzahl").value;
		var porto;
		if(anzahl==1) porto=3.90;
		else if(anzahl > 1 && anzahl <= 10) porto = 3.90+((anzahl-1)*1);
		else porto = 12.90;
		
		document.getElementById("porto").innerHTML = "(+ " + komma(formatZahl(porto, 2, true)) + " &euro;)";
		document.getElementById("portokomp").value = porto;
	}
}

function komma (wert) {
	var p = wert.indexOf('.');
	return wert.substring(0, p) + ',' + wert.substring(p+1, p+3);
}

function formatZahl(zahl, k, fix) {
    if(!k) k = 0;
    var neu = '';

	var dec_point = '.';
	var thousands_sep = ' ';

    // Runden
    var f = Math.pow(10, k);
    zahl = '' + parseInt(zahl * f + (.5 * (zahl > 0 ? 1 : -1)) ) / f ;

    // Komma ermittlen
    var idx = zahl.indexOf('.');

    // fehlende Nullen einfügen
    if(fix)    {
         zahl += (idx == -1 ? '.' : '' )
         + f.toString().substring(1);
    }
	var sign = zahl < 0;
	if(sign) zahl = zahl.substring(1);
    idx = zahl.indexOf('.');

	// Nachkommastellen ermittlen
    if( idx == -1) idx = zahl.length;
    else neu = dec_point + zahl.substr(idx + 1, k);

    while(idx > 0)    {
        if(idx - 3 > 0)
        neu = thousands_sep + zahl.substring( idx - 3, idx) + neu;
        else
        neu = zahl.substring(0, idx) + neu;
        idx -= 3;
    }
    return (sign ? '-' : '') + neu;
}

/* ---------------------------- FADER ---------------------- */

var speed = 1;
var pause = 4000;
var imgs;

function fader() { //starten
	if(document.getElementById("meinFader")) {
		
		imgs = document.getElementById("meinFader").getElementsByTagName("img");
		divs = document.getElementById("meinFader").getElementsByTagName("span");

		//zum ersten Mal Punkte setzen
		var punkte = '';
		for(i=0; i<imgs.length; i++) {
			if(i==0) 
				//punkte += '<a href="" onclick="click(' + i + ')"><img src="images/punkt.png" alt="" /></a>';
			//else punkte += '<a href="" onclick="click(' + i + ')"><img src="images/punkt_active.png" alt="" /></a>';				
				punkte += '<img src="images/punkt.png" alt="" />';
			else punkte += '<img src="images/punkt_active.png" alt="" />';
		}
		document.getElementById("punkte").innerHTML = punkte;
		
		//Ersten Link setzen
		document.getElementById("faderLink").href = divs[0].innerHTML;
		
		//Fader starten
		window.setTimeout(next, pause);
	}
}

function fade(step) { //Fader
	step = step || 0;

	imgs[counter].style.opacity = step/100;
	imgs[counter].style.filter = "alpha(opacity=" + step + ")";

	step = step + speed;

	if (step <= 100) {
		if(step==1) {
			//links setzen
			document.getElementById("faderLink").href = divs[counter].innerHTML;
			
			//Punkte setzen
			var punkte = '';
			for(i=0; i<imgs.length; i++) {
				if(i==counter)
					//punkte += '<a href="" onclick="click(' + i + ')"><img src="images/punkt.png" alt="" /></a>';
				//else punkte += '<a href="" onclick="click(' + i + ')"><img src="images/punkt_active.png" alt="" /></a>';
					punkte += '<img src="images/punkt.png" alt="" />';
				else punkte += '<img src="images/punkt_active.png" alt="" />';
			}
			document.getElementById("punkte").innerHTML = punkte;
		}			
		window.setTimeout(function () { fade(step); }, 5);
	}
	else {
		window.setTimeout(next, pause);		

		//document.getElementById("faderLink_" + counter).innerHTML;
	}
}

function click(i) {
	counter = i;
	fade();
	return false;
}

function next() { //neues Bild
	if (typeof(counter) != "number") {
		counter = 0;
	}

	counter++;
	
	if(counter>=imgs.length) {
		counter=0;
		for(i=0; i<imgs.length; i++) {
			imgs[i].style.opacity = 0;
			imgs[i].style.filter = "alpha(opacity=0)";
		}
	}	
	
	if (counter < imgs.length) {
		fade();
	}
}

/* ----------------------------  ---------------------- */