/**
 * automatisch gestartet, wenn die seite vollstaendig geladen ist
 *
 * @access public
 * @return void
 **/

var W3CDOM = (document.createElement && document.getElementsByTagName);

function initFileUploads() {
	if (!W3CDOM) return;
	var fakeFileUpload = document.createElement('div');
	fakeFileUpload.className = 'fakefile';
	fakeFileUpload.appendChild(document.createElement('input'));
	var image = document.createElement('img');
	image.src='fileadmin/mimi/media/struktur/mimi-content/btn-upload-durchsuchen.jpg';
	fakeFileUpload.appendChild(image);
	var x = document.getElementsByTagName('input');
	for (var i=0;i<x.length;i++) {
		if (x[i].type != 'file') continue;
		if (x[i].parentNode.className != 'fileinputs') continue;
		x[i].className = 'file hidden';
		var clone = fakeFileUpload.cloneNode(true);
		x[i].parentNode.appendChild(clone);
		x[i].relatedElement = clone.getElementsByTagName('input')[0];
		x[i].onchange = x[i].onmouseout = function () {
			this.relatedElement.value = this.value;
		}
	}
}

window.onload = function() {
	if(document.getElementById('stations')) {	// alle seiten ausschliessen, die nicht dazu gehoeren ...
		getStations();
	} else {
		getNavi();
	}

	if (document.getElementById('tab-navi')) {
		var handle = document.cookie.split(';');
		for(var x=0; x<handle.length; x++) {
			var pattern = /(profil)/g;
			if (pattern.test(handle[x])) {
				var profil = handle[x].split('=');
				resultTabbing(profil[1]);
			}
		}
	}

	initFileUploads()

	// steuerung des help-links passiert ueber trennung
	// mimi_frame.js und mimi_content.js
	getHelpLink();

	getVolume();

	getAudioFile();
}

/**
 *
 * @access public
 * @return void
 **/
function resultTabbing(id){
	var results	= document.getElementById('results');
	var profile	= document.getElementById('profildaten-bearbeiten');
	var images	= document.getElementById('images');

	switch(id){
		case 'profil':
			profile.style.display = 'block';
			results.style.display = 'none';
			images.style.display = 'none';
			break;
		case 'images':
			profile.style.display = 'none';
			results.style.display = 'none';
			images.style.display = 'block';
			break;
		default:
			profile.style.display = 'none';
			results.style.display = 'block';
			images.style.display = 'none';
	} // switch

	document.cookie = 'profil='+id;
}

/**
 *
 * @access public
 * @return void
 **/
function getNavi(){
  var ajax = new ajaxRequest('fileadmin/mimi/scripts/getNavi.php');

	ajax.onSuccess = function (txt, xml){
		var arg = txt.split("|");

		if (document.getElementById('content_topnavi')) {
			var lis = document.getElementById('content_topnavi').getElementsByTagName('li');
			for (var x=0; x<lis.length; x++) {
				var link = lis[x].getElementsByTagName('a');

				if (x!=0 && arg[x]==0) {
					// die tabs ausblenden, bei denen im be ein haken gesetzt wurde
					lis[x].style.display = 'none';
				}

				if ((link[0].title=='Geschafft' || link[0].title=='Upload') && arg[0]=='0') {


					// ... werden bei belohnung und upload die links entfernt
					lis[x].innerHTML = link[0].innerHTML;
					lis[x].className = 'inactive';
				}
			}

			Effect.SlideDown('content_topnavi');
 		}
 	}

 	ajax.doRequest();
}


/**
 *
 * @access public
 * @return void
 **/
function getHelpLink(){
	var topNavi = document.getElementById('content_topnavi');
	if (topNavi) {
		var links = topNavi.getElementsByTagName('a');

		for (var x=0; x<links.length; x++) {
			if (links[x].className=='active') {
				document.getElementById('info').href = 'hilfe.html?'+links[x].title;
			}
		}
	}
}

/**
 *
 * @access public
 * @return void
 **/
function dummy(){
	var topNavi = document.getElementById('content_topnavi');
	var links = topNavi.getElementsByTagName('a');
	for (var x=0; x<links.length; x++) {
		if (links[x].className=='active') {
			var theme = links[x].title;
		}
	}

	var ajax = new ajaxRequest('fileadmin/mimi/scripts/getNewContent.php?theme='+theme);
	ajax.onSuccess = function(txt, xml) {
		document.getElementById('help_box-content').innerHTML = txt;
		Effect.toggle('help_box', 'slide', { delay: 0.5 });
	}

	ajax.doRequest();

	getAudioFile('help');
}

/**
 * hilfetexte holen
 *
 * @access public
 * @return void
 **/
function getHelp(){
	stop();	// eventuell laufendes audio-file anhalten

	// alert(document.getElementById('help_box').style.display);
	if (document.getElementById('help_box').className=='active') {
		document.getElementById('help_box').className = '';
		Effect.toggle('help_box', 'slide', { delay: 0.2 });
		setTimeout("dummy()", 960);
		return true;
	}

	document.getElementById('help_box').className = '';
	var topNavi = document.getElementById('content_topnavi');
	var links = topNavi.getElementsByTagName('a');
	for (var x=0; x<links.length; x++) {
		if (links[x].className=='active') {
			var theme = links[x].title;
		}
	}

	var ajax = new ajaxRequest('fileadmin/mimi/scripts/getNewContent.php?theme='+theme);
	ajax.onSuccess = function(txt, xml) {
		document.getElementById('help_box-content').innerHTML = txt;
		Effect.toggle('help_box', 'slide', { delay: 0.5 });
	}

	ajax.doRequest();

	getAudioFile('help');
}

/**
 *
 * @access public
 * @return void
 **/
function checkAction(uid){
	document.getElementById('action_box').className = 'active';
	var ajax = new ajaxRequest('fileadmin/mimi/scripts/getNewContent.php?action=qa&uid='+uid);
	ajax.onSuccess = function (txt, xml) {
		if (txt=='right') {
			document.getElementById('action_box-inner_wrapper').innerHTML = '<img src="fileadmin/mimi/media/struktur/mimi-content/aktion-ja.jpg" alt="Mimi: richtig!" />';
			document.getElementById('action_box-inner_wrapper').innerHTML+= '<p></p>';
			document.getElementById('action_box-inner_wrapper').innerHTML+= '<div class="btn-nochmal-weiter"><p><a href="" onclick="getAward(); return false;"><img src="fileadmin/mimi/media/struktur/mimi-content/btn-weiter.jpg" /></a></p></div>';
			play('goofy_laugh.mp3');
		} else {
			document.getElementById('action_box-inner_wrapper').innerHTML = '<img src="fileadmin/mimi/media/struktur/mimi-content/aktion-nein.jpg" alt="Mimi: falsch!" />';
			document.getElementById('action_box-inner_wrapper').innerHTML+= '<p></p>';
			document.getElementById('action_box-inner_wrapper').innerHTML+= '<div class="btn-nochmal-weiter"><p><a href="Javascript:void(0);" onclick="$(\'action_box\').morph(\'width:0px;\');stop();document.getElementById(\'action_box\').className=\'\';"><img src="fileadmin/mimi/media/struktur/mimi-content/btn-nochmal.jpg" /></a></p></div>';
			play('angry_cat.mp3');
		}
		$('action_box').morph('width:625px;');
		// Effect.toggle('help_box', 'slide', { delay: 0.5 });
	}

	ajax.doRequest();
}

/**
 *
 * @access public
 * @return void
 **/
function getAward(){
	var ajax = new ajaxRequest("fileadmin/mimi/scripts/class.mimi_log.php");
	ajax.onSuccess = function (txt, xml) {
		window.location = "belohnung.html";
	}
	ajax.doRequest();
}

/**
 * audio-files holen
 *
 * @access public
 * @return void
 **/
function getAudioFile(c){
	stop();

	var ajax = new ajaxRequest('fileadmin/mimi/scripts/getAudio.php?h='+c);
	ajax.onSuccess = function(txt, xml) {
		if (document.getElementById('audioFile')) {
			document.getElementById('audioFile').value = txt;
		}
	}
	ajax.doRequest();
}

/**
 * navigation fuer die eigentliche aufgabe (beschreibung, aktion, belohnung und upload)
 *
 * @access public
 * @return void
 **/
function getTopNavi() {
	var navi = document.getElementById('contentbox');
	var divs = document.getElementsByTagName('div');

	for(var i=0; i<divs.length; i++){
		if(divs[i].className=='seitentitel') {
			divs[i].innerHTML = '<div id="topnavi"></div>';

			var ajax = new ajaxRequest('fileadmin/mimi/scripts/getContent.php?action=topnavi');

			ajax.onSuccess = function(txt, xml) {
				document.getElementById('topnavi').innerHTML = txt;
			}
			ajax.doRequest();
		}
	}
}

/**
 * sprung von mimi.frame zu mimi.content
 *
 * @access public
 * @return void
 **/
function goTo(uid) {
	var ajax = new ajaxRequest("fileadmin/mimi/scripts/setData.php?uid="+uid);

	ajax.onSuccess = function(txt, xml) {
		window.location = "mimi_testcontent.html";
	}
	ajax.doRequest();
}

/**
 *
 * @access public
 * @return void
 **/
function delImg(img, page){
	var check = confirm('Willst Du das Bild wirklich löschen?');
	if (check==true) {
		var ajax = new ajaxRequest('fileadmin/mimi/scripts/delImg.php?img='+img);
		ajax.onSuccess = function (txt, xml) {
			if (page=='gallery') {
				window.location = "upload.html";
			}else{
				location.reload(true);
			}
		}
		ajax.doRequest();
	}
}

/**
 *
 * @access public
 * @return void
 **/
var order = 'asc';
function orderBy(column){
	if (order!='asc') {
		order = 'asc';
	}else{
		order = 'desc';
	}

	//alert(column);

	var ajax = new ajaxRequest('fileadmin/mimi/scripts/getResultTable.php?order='+order+'&column='+column);
	ajax.onSuccess = function(txt, xml){
		document.getElementById('results').innerHTML = txt;
	}
	ajax.doRequest();
}

/**
 *
 * @access public
 * @return void
 **/
var wmtt;
document.onmousemove = updateWMTT;

function showWMTT(id, val) {
  wmtt = document.getElementById(id);
  wmtt.innerHTML = val;
  wmtt.style.display = "block";
}

function updateWMTT(e) {
  if (wmtt != null && wmtt.style.display == 'block') {
    x = (e.pageX ? e.pageX : window.event.x) + wmtt.offsetParent.scrollLeft - wmtt.offsetParent.offsetLeft;
    y = (e.pageY ? e.pageY : window.event.y) + wmtt.offsetParent.scrollTop - wmtt.offsetParent.offsetTop;
    wmtt.style.left = (x + 20) + "px";
    wmtt.style.top   = (y + 20) + "px";
  }
}

function hideWMTT() {
  wmtt.style.display = "none";
}

/**
 *
 * @access public
 * @return void
 **/
function showit() {
	if(drag) {
	  document.getElementById('block').style.left = event.x + 5 + "px";
	  document.getElementById('block').style.top = event.y + 5 + "px";
	}
}

function showitMOZ(e) {
	if(drag) {
	  document.getElementById('block').style.left = (e.pageX-215) + "px";
	  document.getElementById('block').style.top = e.pageY  + 5 + "px";
	}
}

function tagTip(text) {
	document.getElementById('block').style.display='block';
	document.getElementById('block').innerHTML = text;
	drag = true;
	if (!document.all) {
	  window.onmousemove=showitMOZ;
	} else {
	  document.onmousemove=showit;
	}
}
function unTip() {
  document.getElementById('block').style.display='none';
  drag = false;
}