
	window.ondom = function(fn){
        window.__ondom_functionArray.push(fn);
    };
    (function(){
        window.__ondom_functionArray = [];
        function _runFunctions(){
            for (var i in window.__ondom_functionArray){
                (window.__ondom_functionArray[i])();
            }
        };
        var _khtml = /(WebKit|khtml)/i.test(navigator.userAgent);
        if(document.addEventListener && !_khtml){
            document.addEventListener("DOMContentLoaded", _runFunctions, false);
        }else if(_khtml){
            var _timer = setInterval(function(){
                if(/loaded|complete/.test(document.readyState)){
                    clearInterval(_timer);
                    _runFunctions();
                }
            }, 10);
        }else{
            document.write("<script id=__ie_ondom defer src=javascript:void(0)><\/script>");
            var script = document.getElementById("__ie_ondom");
            script.onreadystatechange = function(){
                if(this.readyState == "complete"){
                    _runFunctions();
                }
            };
        }
    })();

	function validateMyProjectsAbroadLoginForm()
	{
		var msg = 'Mandatory fields:\n\n';
		var fields = '';
		if ((document.login.login_username.value == '') || (document.login.login_username.value == '[username]')) fields += 'Name \n';
		if ((document.login.login_password.value == '') || (document.login.login_password.value == '[password]')) fields += 'Password \n';

		if (fields != '')
		{
			alert(msg + fields);
		} else {
			document.login.submit();
		}
	}

    clickInputs = [
        {
            id: 'search_box',
            text: '[Suche!]'
        },
        {
            id: 'name_box',
            text: '[name]'
        },
        {
            id: 'email_box',
            text: '[e-mail]'
        },
        {
            id: 'username_box',
            text: '[username]'
        },
        {
            id: 'password_box',
            text: '[password]'
        }
    ];

    window.ondom(function() {
        var input_element;
        for (var i = 0; i < clickInputs.length; i++) {
            var input_element = document.getElementById(clickInputs[i].id)
            if (input_element) {
                input_element.setAttribute('alt', clickInputs[i].text);
                input_element.onfocus = function() {
                    if (this.value == this.getAttribute('alt')) {
                        this.value = '';
                    }
                }
                input_element.onblur = function() {
                    if (this.value == '') {
                        this.value = this.getAttribute('alt');
                    }
                }

            }
        }
    });
		
	window.onload = function()
	{
		if (typeof onloadLoader == "function") onloadLoader();
		videoBtn();
		hearFromOurBtn();
		
		// begin *** check photo size
		
		var pageContainerContainer = document.getElementById("page-content");
		if (pageContainerContainer) resizeDivPhotos(pageContainerContainer);
		
		// end *** check photo size
	}
	
	//
	
	function toggleItemsUnderSectionMenu(aItem, ulLevelId)
	{
	
		if (document.getElementById(ulLevelId) == null) return true;
	
		parentNodeItemsLevel = document.getElementById(ulLevelId).parentNode;
		classParentNodeItemsLevel = getClassAttribute(parentNodeItemsLevel);
		
		documentLocation = document.location.href.indexOf("#") != -1 ? document.location.href.substring(0, document.location.href.indexOf("#")) : document.location.href;
		
		if (documentLocation != aItem.href && aItem.href.match(/.*\#$/) == null)
		{
			return true;
		}
		
		if (classParentNodeItemsLevel.indexOf('selected') != -1)
		{
			setClassAttribute(parentNodeItemsLevel, classParentNodeItemsLevel.replace(/\bselected\b/g, ''));
			document.getElementById(ulLevelId).style.display = "none";
		}
		else
		{
			var navUl = document.getElementById("section-menu-items").getElementsByTagName('ul');
			for (var i=0; i<navUl.length; i++)
			{
				if (navUl[i].id.match(/^section-menu-[0-9]{1,2}-[0-9]{1,2}$/))
				{
					anothersParentNodeItemsLevel = document.getElementById(navUl[i].id).parentNode;
					anothersClassParentNodeItemsLevel = getClassAttribute(anothersParentNodeItemsLevel)
					setClassAttribute(anothersParentNodeItemsLevel, anothersClassParentNodeItemsLevel.replace(/\bselected\b/g, ''));
					document.getElementById(navUl[i].id).style.display = "none";
				}
			}
			
			document.getElementById(ulLevelId).style.display = "block";
			setClassAttribute(parentNodeItemsLevel, classParentNodeItemsLevel + " selected");
		}
		
		if (!aItem.href.match(/.*\#$/) && classParentNodeItemsLevel.indexOf('selected') == -1 && classParentNodeItemsLevel.indexOf('opened') == -1)
		{
			return true;
		}
		else
		{
			return false;
		}
	}
	
	function setClassAttribute(elem, valueAttr)
	{
		navigator.userAgent.indexOf('MSIE') != -1 ? elem.setAttribute("className", valueAttr) : elem.setAttribute("class", valueAttr);
	}
	
	function getClassAttribute(elem)
	{
		classValue = navigator.userAgent.indexOf('MSIE') != -1 ? elem.getAttribute("className") : elem.getAttribute("class");
		return classValue != null ? classValue : "";
	}
	
	resizeDivPhotos = function(container)
	{
		items = container.getElementsByTagName("div");
		
		for (var item in items)
		{
			if (items[item].className == "photo")
			{
				items[item].getElementsByTagName("strong")[0].style.width = items[item].getElementsByTagName("img")[0].width - 4 + "px";
			}
		}
	}
	
	// video in destinations page
	
	videoBtn = function()
	{
		if (document.getElementById("video-btn"))
		{
			document.getElementById("video-btn").onclick = function()
			{
				if (!document.getElementById("overlayout-box"))
					createBox(this);
				return false;
			}
			
		}
	}
	
	createBox = function(obj)
	{	
		var title = obj.title;
		var link = obj.hash.replace("#", "");
		var oDivContainer = document.getElementsByTagName("body")[0].appendChild(document.createElement("div"));
		oDivContainer.id = "overlayout-box";
		oDivContainer.className = "show";
		
		var oDiv = oDivContainer.appendChild(document.createElement("div"));
		oDiv.className = "box-frame";
			
		var oDiv = oDiv.appendChild(document.createElement("div"));
		oDiv.className = "box-inside";
			
		var oDiv = oDiv.appendChild(document.createElement("div"));
		oDiv.className="box-content";
			
		var oStrong = oDiv.appendChild(document.createElement("strong"));
		var oText = oStrong.appendChild (document.createTextNode(title));
		var oDiv = oDiv.appendChild(document.createElement("div"));
		oDiv.className="video-player";
		var sizeX = "425";
		var sizeY = "350";
		oDiv.innerHTML = "<object type=application/x-shockwave-flash data=/_videos/video-player-popup-de.swf FlashVars=path=/_videos/video-player-popup-de.swf&skinPath=/_videos/SkinOverPlayStopSeekMuteVol.swf&videoPath=/_videos/" + link + "flash-video.flv width=" + sizeX + " height=" + sizeY + "><param name=movie value=/_videos/video-player-popup-de.swf /><param name=FlashVars value=path=/_videos/video-player-popup-de.swf&skinPath=/_videos/SkinOverPlayStopSeekMuteVol.swf&videoPath=/_videos/" + link + "flash-video.flv /></object>";

		var oText = oDiv.appendChild (document.createTextNode(""));
		var oA = oDiv.appendChild(document.createElement("a"));
		oA.className = "close-btn";
		var newAttr = document.createAttribute("href");
		newAttr.nodeValue = "#";
		oA.setAttributeNode(newAttr);
		var newAttr = document.createAttribute("title");
		newAttr.nodeValue = "Close";
		oA.setAttributeNode(newAttr);
		
		oA.onclick = function()
		{
			el = document.getElementById("overlayout-box");
			el.className = "hide";
			removeNodes(el);
			return false;
		}
		
		var oText = oA.appendChild (document.createTextNode("CLOSE "));
		var oStrong=oA.appendChild(document.createElement("strong"));
		var oText = oStrong.appendChild (document.createTextNode("X"));
		
		var oDiv=oDivContainer.appendChild(document.createElement("div"));
		oDiv.className="box-bottom";
	}
	
	removeNodes = function (el)
	{
		var nodes = el;
		if (nodes.hasChildNodes())
		{
			while (nodes.childNodes.length >= 1)
			{
				nodes.removeChild(nodes.firstChild);
			} 
		}
		
		nodes.parentNode.removeChild(nodes.parentNode.lastChild);
	}
	
	// create flash content for "hear from our country director" button
	
	hearFromOurBtn = function()
	{
		if (document.getElementById("hear-from-our-btn"))
		{
			document.getElementById("hear-from-our-btn").onclick = function()
			{
				createAudioPlayer(this);
				return false;
			}
		}
	}
	
	createAudioPlayer = function(el)
	{	
		var objectContainerId = "audio-player-frame";
		var sizeX = "1";
		var sizeY = "1";
		var swfPath = "/_design/ziellander/hear-from-our-country-director.swf";
		var swfVars = "audioPath=" + el.href;
		
		if (!document.getElementById(objectContainerId) && el.href != "")
		{
			el.parentNode.className = el.parentNode.className + " play";
			var objectContainer = el.appendChild(document.createElement("span"));
			objectContainer.id = objectContainerId;
			objectContainer.innerHTML = "<object type=application/x-shockwave-flash data=" + swfPath + " FlashVars=" + swfVars + " width=" + sizeX + " height=" + sizeY + "><param name=movie value=" + swfPath + " /><param name=FlashVars value=" + swfVars + " /></object>";
		}
		else
		{
			el.parentNode.className = el.parentNode.className.replace(" play", "");
			removeNodes(document.getElementById(objectContainerId));
		}
	}
	
	//
	
	function showHideStaff(id, state)
	{
		if (state == 'show')
		{
			document.getElementById(id).style.display = 'block';
			document.getElementById(id + 'link').style.display = 'none';
		}
		else
		{
			document.getElementById(id).style.display = 'none';
			document.getElementById(id + 'link').style.display = 'block';
		}
	}
