/*
if (BrowserDetect.browser == "Explorer") { // IE
    http_request = new ActiveXObject("Microsoft.XMLHTTP");
	http_request.overrideMimeType('text/xml');
} else { // Mozilla, Safari, ...
    http_request = new XMLHttpRequest();
	http_request.overrideMimeType('text/xml');
}*/

var fadeOperation = "";
var moodImageFader;
var moodTextFader;
var moodTextChanger;

function getTabbedContent(type, id, tab, rub) {
	 
	 if (window.ActiveXObject) {
		http_request.open('POST', '/rpc/LoadTabbedContent_ie.cfm', true);
	} else {
		http_request.open('POST', '/rpc/LoadTabbedContent.cfm', true);
	}
	
	http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');	
	http_request.send('type='+type+'&id='+id+'&rub='+rub+"&activeTab="+tab);
	http_request.onreadystatechange = handleTabbedContent;
	activeTab = tab;
}

function handleTabbedContent() {
	if(http_request.readyState == 4)	{
		if(http_request.status == 200) {
			
			// set all tabs to inactive class
			for(var i = 1; i< 100; i++) {
			if(document.getElementById("tabElm"+i)) {
					document.getElementById("tabElm"+i).className = "tab";
				} else {
					break;
				}
			}
			
			// process the xml response
			//req.responseText represents the returning text from the server
			var response = http_request.responseText;
			var xmlDoc;
			var value;
			//alert(unescape(response));
			
			document.getElementById("divIETabbedGalleryHelper").innerHTML = unescape(response);
			
			response = unescape(response);
			
			
			//
			//for IE
			if (window.ActiveXObject) {
				
				//crate xml docuemnt object in IE
				xmlDoc = new ActiveXObject("Microsoft.XMLDOM");
				xmlDoc.async = "false";
				
				xmlDoc.loadXML(response);
				var x = xmlDoc.documentElement; 
				value = x.childNodes[0].nodeValue;  
				
			}
			//for Firefox
			else {
				xmlDoc = http_request.responseXML;
				var element = xmlDoc.getElementsByTagName('resp').item(0);
				
				value = element.childNodes[0].nodeValue;
			}
			
			
			// write contents into tab content field
			document.getElementById("tab-content").innerHTML = value;
			
			// document.getElementById("tab-content").parentNode.parentNode.style.height = "auto";
			
			// set active tab class
			document.getElementById("tabElm"+activeTab).className = "tab-active";
			
			document.getElementById("tab-content").parentNode.parentNode.style.overflowY = "hidden";
			document.getElementById("tab-content").parentNode.parentNode.style.width = "700px";
			
			//initLightbox();
		} else {
			alert("Error: returned status code " + http_request.status + " " + http_request.statusText);
		}	
	} 
}


var actImg = 1;
var moodImageTransparency = 100;
var moodTextTransparency = 0;

function getMoodImage() {		
	http_request.open('POST', '/inc/GetMoodImage_Front.cfm', true);
	http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	http_request.send('change=true');
	http_request.onreadystatechange = moodImageHandler;
}

function moodImageHandler() {
	if (http_request.readyState == 4) {				
		if(actImg == 1) {			
			moodImageTransparency = 100;
			document.images.moodImg2.src = http_request.responseText.split("$")[0];
			activeImgId = http_request.responseText.split("$")[1];
			moodImageFader = setTimeout("fadeMoodImage('out')", 1000);
			actImg = 2;			
		} else {		
			moodImageTransparency = 0;
			document.images.moodImg.src = http_request.responseText.split("$")[0];
			activeImgId = http_request.responseText.split("$")[1];
			moodImageFader = setTimeout("fadeMoodImage('in')", 1000);		
			actImg = 1;			
		}		
	} else {	
	   
	}
}

function fadeMoodImage(dir) {
	fadeOperation = dir;
	if(dir == "in") {	
		moodImageTransparency += 2;
		document.getElementById("moodImage").style.height = "383px";
		document.getElementById("moodImage").style.filter = "Alpha(opacity="+moodImageTransparency+")";
		document.getElementById("moodImage").style.opacity = moodImageTransparency / 100;
		document.getElementById("moodImage").style.MozOpacity = moodImageTransparency / 100;
		
		if(moodImageTransparency < 98) {
			moodImageFader = setTimeout("fadeMoodImage('in')", 10);
		} else {			
			moodTextChanger = setTimeout("showMoodText("+vDom+")", 2000);
		}
		
	} else {		
		moodImageTransparency -= 2;
		document.getElementById("moodImage").style.height = "383px";
		document.getElementById("moodImage").style.filter = "Alpha(opacity="+moodImageTransparency+")";
		document.getElementById("moodImage").style.opacity = moodImageTransparency / 100;
		document.getElementById("moodImage").style.MozOpacity = moodImageTransparency / 100;
		
		if(moodImageTransparency > 2) {
			moodImageFader = setTimeout("fadeMoodImage('out')", 10);
		} else {			
			moodTextChanger = setTimeout("showMoodText("+vDom+")", 2000);
		}
	}
}

function stopImageFader() {
	if(moodImageFader) {
		clearTimeout(moodImageFader);
	}
	if(moodTextFader) {
		clearTimeout(moodTextFader);
	}	
	if(moodTextChanger) {
		clearTimeout(moodTextChanger);
	}	
	if(fadeOperation == "in") {
		document.getElementById("moodImage").style.filter = "Alpha(opacity=100)";
		document.getElementById("moodImage").style.opacity = 1;
		document.getElementById("moodImage").style.MozOpacity = 1;
	} else if(fadeOperation == "out") {
		document.getElementById("moodImage").style.filter = "Alpha(opacity=0)";
		document.getElementById("moodImage").style.opacity = 0;
		document.getElementById("moodImage").style.MozOpacity = 0;
	}
	document.getElementById("moodText").style.visibility = "hidden";
}

function startImageFader() {
	moodImageChanger = setTimeout("showMoodText("+vDom+")", 1000);
}

function setActiveMoodImg(id) {
	activeImgId = id;
}

function showMoodText(dom) {
	http_request.open('POST', '/inc/GetMoodImageText.cfm', true);
	http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
	http_request.send('imageId='+activeImgId);			
	http_request.onreadystatechange = handleTextPos;
	vDom = dom;
}

function handleTextPos() {
	if(http_request.readyState == 4)	{
		if(http_request.status == 200) {
			// process a XML document here
			
			var xmldoc = http_request.responseXML;
			var elementX = xmldoc.getElementsByTagName('posx').item(0);
			var elementY = xmldoc.getElementsByTagName('posy').item(0);
			if(elementX) {
				var posX = Number(elementX.firstChild.data);
				var posY = Number(elementY.firstChild.data);
				
				/*if(BrowserDetect.browser == "Explorer") {
					document.getElementById("moodText").style.backgroundImage = "none";
					document.getElementById("moodText").style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/offen_fuer_entdecker.png', sizingMethod='scale')";
				}*/
				document.getElementById("moodText").style.top = (posY) + "px";
				document.getElementById("moodText").style.top = (posY) + "px";
				document.getElementById("moodText").style.left = (posX) + "px";
				
				if (BrowserDetect.browser != "Explorer") { // IE
   					document.images["moodTextImg"].src = "/img/offen_fuer_entdecker_"+vDom+".png";
				} 
				
				moodTextFader = setTimeout("fadeMoodText('in')", 10);
			} else {
				moodImageChanger = setTimeout("getMoodImage()", 2000);
			}
					
		} else {
			alert("Error: returned status code " + http_request.status + " " + http_request.statusText);
		}	
	} 	
}

function fadeMoodText(dir) {
		
	if(dir == "in") {
		document.getElementById("moodText").style.visibility = "visible";
		moodTextTransparency += 2;
		document.getElementById("moodText").style.filter = "Alpha(opacity="+moodTextTransparency+")";
		document.getElementById("moodText").style.opacity = moodTextTransparency / 100;
		document.getElementById("moodText").style.MozOpacity = moodTextTransparency / 100;
		
		if(moodTextTransparency < 98) {
			moodTextFader = setTimeout("fadeMoodText('in')", 10);
			
		} else {			
			moodTextFader = setTimeout("fadeMoodText('out')", 5000);
		}
		
	} else {
		
		moodTextTransparency -= 2;
		document.getElementById("moodText").style.filter = "Alpha(opacity="+moodTextTransparency+")";
		document.getElementById("moodText").style.opacity = moodTextTransparency / 100;
		document.getElementById("moodText").style.MozOpacity = moodTextTransparency / 100;
		
		if(moodTextTransparency > 2) {
			moodTextFader = setTimeout("fadeMoodText('out')", 10);
		} else {
			document.getElementById("moodText").style.filter = "Alpha(opacity=0)";
			document.getElementById("moodText").style.opacity = 0;
			document.getElementById("moodText").style.MozOpacity = 0;
			
			moodImageChanger = setTimeout("getMoodImage()", 3000);
		}
	}
}