navi_active = false;
var preloader2Step = 5;
var preloaded2 = false;
var loadingpics2 = new Array;

function mouseover(over, out) {
	if (document.images && (preloaded == true)) {
		z = document.getElementById(over).src;
		
		if (!z.match(/_over/)) {
			result = z.replace(/(.*\x5F)([0-9]+)(\..*)/g, "$1over_$2$3");
			document.getElementById(over).src = result;

			if (out) {
				z = document.getElementById(out).src;
				result = z.replace(/(.*\x5F)(over\x5f)([0-9]+)(\..*)/g, "$1$3$4");
				document.getElementById(out).src = result;
			}
		}
	}
}
function mouseout(over, out) {
	if (document.images && (preloaded == true)) {
		z = document.getElementById(over).src;
		result = z.replace(/(.*\x5F)(over\x5f)([0-9]+)(\..*)/g, "$1$3$4");
		document.getElementById(over).src = result;

		if (out) {
			z = document.getElementById(out).src;
			result = z.replace(/(.*\x5F)([0-9]+)(\..*)/g, "$1over_$2$3");
			document.getElementById(out).src = result;
		}
	}
}

function switchImages() {
	if (document.images && (preloaded == true)) {
		for (var i = 0; i < switchImages.arguments.length; i += 2) {
			document.getElementById(switchImages.arguments[i]).src = switchImages.arguments[i+1];
		}
	}
}

function loadImage2(url) {
	if (document.images) {
		result = new Image();
		result.src = url;
		return result;
	}
}

var preloaded = false;
function preloadImages() {
	if (document.images) {
		overImages = new Array;
		for (var i = 0; i < preloadImages.arguments.length; i++) {
			overImages[i] = loadImage2(preloadImages.arguments[i]);
		}
		preloaded = true;
	}
}

function clearForm() {
	document.getElementById("ContactName").value = contact_name_default;
	document.getElementById("ContactEmail").value = contact_email_default;
	document.getElementById("ContactMessage").value = contact_message_default;
	document.getElementById("ContactName").style.color = "#80b2ba";
	document.getElementById("ContactEmail").style.color = "#80b2ba";
	document.getElementById("ContactMessage").style.color = "#80b2ba";
}
function Clear(id) {
	var value = document.getElementById(id).value;
	switch (id) {
	case "ContactName":
		var def = contact_name_default;
		break;
	case "ContactEmail":
		var def = contact_email_default;
		break;
	case "ContactMessage":
		var def = contact_message_default;
		break;
	default:
		var def = "";
		break;
	}
	if (value == def) {
		document.getElementById(id).value = '';
	}
}
function Check(id) {

	document.getElementById(id).value = trim(document.getElementById(id).value);

	switch (id) {
	case "ContactName":
		var def = contact_name_default;
		document.getElementById(id).style.color = "#80b2ba";
		break;
	case "ContactEmail":
		var def = contact_email_default;
		document.getElementById(id).style.color = "#80b2ba";
		break;
	case "ContactMessage":
		var def = contact_message_default;
		document.getElementById(id).style.color = "#80b2ba";
		break;
	default:
		var def = "";
		break;
	}
	if (document.getElementById(id).value == "") {
		document.getElementById(id).value = def;
	}
}
function CheckMessage() {
	var error = false;
	var highlight = false;

	// Message
	if (document.getElementById('ContactMessage').value == "" || document.getElementById('ContactMessage').value.toLowerCase() == contact_message_default.toLowerCase()) {
		error = contact_enter_message;
		highlight = 'ContactMessage';
	}
	else if (document.getElementById('ContactMessage').value.length < 5) {
		error = contact_message_too_short;
		highlight = 'ContactMessage';
	}
	else if (document.getElementById('ContactMessage').value.length > 10000) {
		error = contact_message_too_long;
		highlight = 'ContactMessage';
	}

	// E-Mail
	if (document.getElementById('ContactEmail').value == "" || document.getElementById('ContactEmail').value.toLowerCase() == contact_email_default.toLowerCase()) {
		error = contact_enter_email;
		highlight = 'ContactEmail';
	}
	else if (document.getElementById('ContactEmail').value.length < 6) {
		error = contact_email_too_short;
		highlight = 'ContactEmail';
	}
	else if (document.getElementById('ContactEmail').value.length > 100) {
		error = contact_email_too_long;
		highlight = 'ContactEmail';
	}
	else if ( !document.getElementById('ContactEmail').value.match(/^[A-Za-z0-9._%-]+@[A-Za-z0-9._%-]+\.[A-Za-z]{2,4}$/) ) {
		error = contact_email_not_valid;
		highlight = 'ContactEmail';
	}

	// NAME
	if (document.getElementById('ContactName').value == "" || document.getElementById('ContactName').value.toLowerCase() == contact_name_default.toLowerCase()) {
		error = contact_enter_name;
		highlight = 'ContactName';
	}
	else if (document.getElementById('ContactName').value.length < 2) {
		error = contact_name_too_short;
		highlight = 'ContactName';
	}
	else if (document.getElementById('ContactName').value.length > 100) {
		error = contact_name_too_long;
		highlight = 'ContactName';
	}

	if (error) {
		document.getElementById(highlight).style.color = "#ff0000";
		document.getElementById('contacterror').innerHTML = error;
		return false;
	}
	else {
		return true;
	}
}
function trim(subject) {
	subject = subject.replace(/^(\s*)([\w\s]*)/g, "$2");
	subject = subject.replace(/(\s*)$/g, "");
	return subject;
}
var myoff = false;

function wpon(which, wp) {
	document.getElementById('wp' + which).style.backgroundImage='url(/media/wallpaper/wallpaper_' + wp + '_over.jpg)';
	document.getElementById('wpdownload' + which).style.display = 'block';
}
function wpoff(which, wp) {
	document.getElementById('wp' + which).style.backgroundImage='url(/media/wallpaper/wallpaper_' + wp + '.jpg)';
	document.getElementById('wpdownload' + which).style.display = 'none';
}

function loadPageStart(page, lang) {
	navi_active = page;
    document.getElementById('comic').style.display = "none";
    document.getElementById('pencilstart').style.display = "none";
	document.getElementById('navi').style.display = "none";
    document.getElementById('pencil').style.display = "block";
    ADD_DHTML("pencil"+NO_DRAG+CURSOR_DEFAULT);
    // lade bilder für 'page'
	getPageData(page, lang);
}


function loadPage(page, lang, pg) {
	// ggf. aktiven ladevorgang abbrechen
	navi_active = page;
	document.getElementById('content').innerHTML = ""; // ggf statt "" preloader einfügen
	document.getElementById('subcontent').innerHTML = "";
	document.getElementById('contentBack').style.display = "none";
	document.getElementById('subcontent').style.display = "none";
	document.getElementById('navi').style.display = "none";
	// preload
	getPageData(page, lang, pg);
}

pages = new Object;
pages['navi01'] = 'vita';
pages['navi02'] = 'gallery';
pages['navi03'] = 'clips';
pages['navi04'] = 'wallpaper';
pages['navi05'] = 'contact';

function getPageData(page, lang, pg) {
	//alert("/php/getpage.php?page=" + pages[page] + "&lang=" + lang + "&pg=" + pg);
	url = "/php/getpage.php?page=" + pages[page] + "&lang=" + lang + "&pg=" + pg;
	if (!isWorking && http) {
		http.open("GET", url, true);
		http.onreadystatechange = handleHttpResponsePage;
		isWorking = true;
		http.send(null);
	}
}

function handleHttpResponsePage() {
	if (http.readyState == 4) {
		if (http.responseText.indexOf('invalid') == -1) {
			//document.getElementById("debug").innerHTML = http.responseText;

            var result = eval('(' + http.responseText + ')');


			result_glob = result;
			PagePreLoader(result);
			isWorking = false;
		}
	}
}

function galleryMouseover(id) {
	z = document.getElementById(id).src;
	result = z.replace(/(t_)/g, "a_");
	document.getElementById(id).src = result;
}
function galleryMouseout(id) {
	z = document.getElementById(id).src;
	result = z.replace(/(a_)/g, "t_");
	document.getElementById(id).src = result;
}

var preImages = new Array();
function PagePreLoader(result) {

	preImages = result['preload'].split(",");

	if (preImages) {
		preloaded2 = false;
		
		fetchedImages2 = new Array;
		for (var i = 0; i < preImages.length; i++) {
			//alert(preImages[i]);
			fetchedImages2[i] = loadImage2(preImages[i]);
		}
		window.setTimeout("loadStatus2()", 10);
		waitForPreloader();
	} else {
	    PageLoader(result);
	}
}

function waitForPreloader() {
	if (!preloaded2) {
		window.setTimeout("waitForPreloader()", 10);
	} else {
	    PageLoader(result_glob);
	}
}


function PageLoader(result) {
	if (result['preload']) {
		//alert(result['preload']);
	}


	document.getElementById('content').innerHTML = result['content'];
	document.getElementById('subcontent').innerHTML = result['subcontent'];
	document.getElementById('navi').innerHTML = result['navi'];
	document.getElementById('content').style.display = "block";
	document.getElementById('contentBack').style.display = "block";
	document.getElementById('subcontent').style.display = "block";
	document.getElementById('navi').style.display = "block";
	//myLightbox = false;
	//myLightbox = new Lightbox();
	initLightbox();

	if (result['contact']) {
		contact_name_default = result['contact']['name_default'];
		contact_email_default = result['contact']['email_default'];
		contact_message_default = result['contact']['message_default'];
		contact_enter_name = result['contact']['enter_name'];
		contact_name_too_short = result['contact']['name_too_short'];
		contact_name_too_long = result['contact']['name_too_long'];
		contact_enter_email = result['contact']['enter_email'];
		contact_email_too_short = result['contact']['email_too_short'];
		contact_email_too_long = result['contact']['email_too_long'];
		contact_email_not_valid = result['contact']['email_not_valid'];
		contact_enter_message = result['contact']['enter_message'];
		contact_message_too_short = result['contact']['message_too_short'];
		contact_message_too_long = result['contact']['message_too_long'];
	}
}

function loadImage2(url) {
	if (document.images) {
		var result = new Image();
		result.src = url;
		return result;
	}
}

var preloaderPath = '/design/images/preloader/pages/';
function loadStatus2() {
		var picspreloaded = 0;
		for (var i = 0; i < fetchedImages2.length; i++) {
			if (fetchedImages2[i].complete) {
				picspreloaded ++;
			}
		}
		if (picspreloaded < fetchedImages2.length) {

			var percent = Math.round(picspreloaded * (100 / fetchedImages2.length));

			pic2 = preloader2Step * Math.round(percent / preloader2Step);
			pic2 = pic2 == 100 ? 100 - preloader2Step : pic2
			
			document.getElementById('loading').style.display = "block";
			//document.getElementById('content').style.display = "block";
			
			document.getElementById('loading').innerHTML = "<h1>" + pic2 + "%</h1>";
			//document.getElementById('loadingpic').src = preloaderPath + pic2 + ".gif";
			//document.getElementById('loadingpic').src = "/design/images/spacer.gif";

			window.setTimeout("loadStatus2()", 500);
		}
		else {
			document.getElementById('loading').innerHTML = "<h1>" + 100 + "%</h1>";
			//document.getElementById('loadingpic').src = preloaderPath + 100 + ".gif";
			document.getElementById('loading').style.display = "none";
			preloaded2 = true;
		}

}

var flowPlayer1;
var fpConf;
function showClip(filename, width, height) {

	var arrayPageSize = getPageSize();
	var arrayPageScroll = getPageScroll();

	document.getElementById('overlayClip').style.height = (arrayPageSize[1] + 'px');
	document.getElementById('overlayClip').style.display = 'block';

	document.getElementById('contentClip').style.display = 'block';

	var y = (parseInt(height)) / 2 + 35;
	var x = parseInt(width) / 2 * -1;
	var w = parseInt(width);
//	var ch = (parseInt(height) / 2 + 10) * -1;
	w = navigator.userAgent.indexOf('MSIE 6') == -1 ? w : w + 20;
	document.getElementById('ClipClose').style.width = w + "px";
	document.getElementById('ClipClose').style.marginTop = y + "px";
	document.getElementById('ClipClose').style.marginLeft = x + "px";
//	document.getElementById('contentClip').style.marginLeft = x + "px";
//	document.getElementById('contentClip').style.marginTop = ch + "px";
	document.getElementById('ClipClose').style.display = 'block';

	var clips = [                
		{ name: 'ClickToPlay', url: '/design/images/clips/play-button.jpg' },
		{ name: 'Clip', url: '/media/clips/' + filename },
	];

	fpConf = {
		showPlayList: false,
		bufferLength: 20,
		loop: false,
		videoHeight: height,
		hideControls: false,
		showPlayListButtons: true
		}

	height = parseInt(height);
	height += 22;
//	document.getElementById("FlowPlayer").style.width = width + "px";
//	document.getElementById("FlowPlayer").style.height = height + "px";

	flowPlayer1 = document.getElementById("FlowPlayer");

	fpConf.playList = clips;
	fpConf.autoPlay = false;
	fpConf.autoBuffering = false;
	window.setTimeout("flowPlayer1.setConfig(fpConf)", 500);

}
function closeClip() {
	//document.getElementById('contentClip').innerHTML = "";
	document.getElementById('contentClip').style.display = 'none';
	//document.getElementById('FlowPlayer').style.display = 'none';
	document.getElementById('overlayClip').style.display = 'none';
	document.getElementById('ClipClose').style.display = 'none';
}