var NORMAL_COLOR = "#606060";
var GLOW_COLOR = "#000000";
var NORMAL_FONTWEIGHT = "normal";
var GLOW_FONTWEIGHT = "bold";
var NORMAL_ALPHA = 100;
var GLOW_ALPHA = 50;


function setContentBoxHeight()
{
	var headerHeight = xHeight("menuMainBox");
	xHeight("contentBox", xClientHeight()-headerHeight);
}

function showHide(id)
{
	obj = xGetElementById(id);
	if (obj)
	{
		obj.style.display = (obj.style.display == "block")? "none" : "block";
	}
}

function glowText(obj)
{	
	if (obj)
	{
		obj.style.fontWeight = GLOW_FONTWEIGHT;
		obj.style.color = GLOW_COLOR;
	}
}

function coolText(obj)
{
	if (obj)
	{
		obj.style.fontWeight = NORMAL_FONTWEIGHT;
		obj.style.color = NORMAL_COLOR;
	}
}

function glowImage(obj)
{    
    if (obj)
    {
        if (obj.filters) obj.filters.alpha.opacity = GLOW_ALPHA;
        if (obj.style.opacity) obj.style.opacity = GLOW_ALPHA / 100;
        obj.style.MozOpacity = GLOW_ALPHA / 100;
    }
}

function coolImage(obj)
{    
    if (obj)
    {
        if (obj.filters) obj.filters.alpha.opacity = NORMAL_ALPHA;
        if (obj.style.opacity) obj.style.opacity = NORMAL_ALPHA / 100;
        obj.style.MozOpacity = NORMAL_ALPHA / 100;
    }
}

//function glowText(e)
//{
//	obj = (typeof e == "object")? e : xGetElementById("m" + e);
//	if (obj)
//	{
//		obj.style.fontWeight = GLOW_FONTWEIGHT;
//		obj.style.color = GLOW_COLOR;
//	}
//}

//function coolText(e)
//{
//	obj = (typeof e == "object")? e : xGetElementById("m" + e);
//	if (obj)
//	{
//		obj.style.fontWeight = NORMAL_FONTWEIGHT;
//		obj.style.color = NORMAL_COLOR;
//	}
//}

//function glowImage(e)
//{
//	obj = (typeof e == "object")? e : xGetElementById("p" + e);
//	if (obj)
//	{
//		if (obj.filters) obj.filters.alpha.opacity = GLOW_ALPHA;
//		if (obj.style.opacity) obj.style.opacity = GLOW_ALPHA/100;
//		obj.style.MozOpacity = GLOW_ALPHA/100;		
//	}
//}

//function coolImage(e)
//{
//	obj = (typeof e == "object")? e : xGetElementById("p" + e);
//	if (obj)
//	{	
//		if (obj.filters) obj.filters.alpha.opacity = NORMAL_ALPHA;
//		if (obj.style.opacity) obj.style.opacity = NORMAL_ALPHA/100;
//		obj.style.MozOpacity = NORMAL_ALPHA/100;	
//	}
//}

// ersetzt durch jquery-anwendung (bw) 2010-03-26
// Produkte Übersichtsseite Bilder und Links highlighten
//function EventHandler_SubMenu_Images()
//{
//	var obj = xGetElementById("subMenu_Links");
//	var aLiTags = obj.getElementsByTagName("LI");
//	var liTagsLength = aLiTags.length;
//	for (var i=0; i < liTagsLength; i++)
//	{
//		var objLink = aLiTags[i].firstChild;
//		if (objLink.nodeName == "A")
//		{
//			objLink.onmouseover = function ()
//			{
//				glowText(this);
//				glowImage(this.id.substr(1));
//			}
//			objLink.onmouseout = function ()
//			{
//				coolText(this);
//				coolImage(this.id.substr(1));
//			}
//		}
//	}
//	
//	obj = xGetElementById("subMenu_Images");
//	for (i=0; i < obj.childNodes.length; i++)
//	{
//		if (obj.childNodes[i].nodeName == "A")
//		{
//			obj.childNodes[i].onmouseover = function ()
//			{
//				if (this.firstChild.nodeName == "IMG")
//				{
//					glowImage(this.firstChild);
//					glowText(this.firstChild.id.substr(1));
//				}
//			}
//			obj.childNodes[i].onmouseout = function ()
//			{
//				if (this.firstChild.nodeName == "IMG")
//				{
//					coolImage(this.firstChild);
//					coolText(this.firstChild.id.substr(1));
//				}
//			}
//		}
//	}
//}






// Box 'id' einblenden und Text zwischen 'elem' austauschen
var options = false;
function showOptions(id, elem, txt1, txt2)
{
	elem.innerHTML = (options == false) ? txt1 : txt2;
	options = (options == false) ? true : false;
	showHide(id);
}

/* ----- ToolTip ----- */
//
// Noch nicht fertig...
//
// Linkformat: <a href="" class="tipClass">Link<span>Tooltiptext</span></a>
// Sucht Links der Klasse 'tipClass' und vergibt ihnen Enevthandler
// Ein innerhalb von a liegender span wird zu ToolTip
//
function initToolTips(tipClass)
{
	aLinks = document.getElementsByTagName('A');
       for(i = 0; i < aLinks.length; i++)
	   {
           if (aLinks[i].className == tipClass)
		   {
				aLinks[i].onmouseover = showToolTip;
				aLinks[i].onmouseout = hideToolTip;
           }
       }
}
function showToolTip()
{
	e = new xEvent()	
	var nodes = this.childNodes;
	var cHeight = xClientHeight();
	var cWidth = xClientWidth();
	this.style.zIndex = 1000;
	for (var i = 0; i < nodes.length; i++)
	{
		if (nodes[i].tagName == "SPAN")
		{
			nodes[i].style.display = "block";	
			
			//POSITIONIEREN MU? NOCH VERBESSERT WERDEN	
			var gHeight = e.pageY + xHeight(nodes[i]);
			var diffY = cHeight - gHeight;
		
			if (diffY <= 0)
			{
				nodes[i].style.bottom = 0;
			} else {
				nodes[i].style.top = xHeight(e.target) + "px";
			}			
			var gWidth = e.pageX + xWidth(nodes[i]);
			
			posX = (gWidth >= cWidth) ? e.offsetX - (gWidth - cWidth) : e.offsetX;
			nodes[i].style.left = posX + "px";
			
		}
	}
}

function hideToolTip()
{
	this.style.zIndex = 100;
	var nodes = this.childNodes
	for (var i = 0; i < nodes.length; i++)
	{
		if (nodes[i].tagName == "SPAN")
		{
			nodes[i].style.display = "none";
		}
	}
}

// 	FadeFunktion:
//	cId:	id des umgebenen div's
//	imgId:	id des Bildes
//	txtId:	id des Textes der ausgetauscht werden soll
//	aImgs:	array der Bilder
//		var aImgs =[['md6118D.jpg', 'Name1'],
//					['md6254D.jpg', 'Name2'],
//					...
//					]
//  fadeInt:	Standdeuer der Bilder (int)
//	fadeSpeed:	Überblendgeschwindigkeit (int)
//  fadeIt:		Faden Ja oder Nein (true, false)
//	BeispielCode:
//					
//	<div id="c6118" style="background: transparent url(md6118D.jpg); width:180px; height: 120px;">
//	<img src="md6118D.jpg" width="180" height="120" id="pv6118" title="Name1" alt="Name1" style="filter:Alpha(opacity=100)" />
//  </div>
//	<script type="text\/javascript">
//		var aImgs =[['md6118D.jpg', 'Name1'],
//					['md6254D.jpg', 'Name2'],
//					['md6257D.jpg', 'Name3'],
//					['md6259D.jpg', 'Name4']
//					];
//	initFading("c6118", "pv6118", aImgs);
//	<\/script>


var count=0
function initFading(cId, imgId,txtId, aImgs, fadeInt, fadeSpeed, fadeIt) {
	var img = document.getElementById(imgId);
	var cont = document.getElementById(cId);
	var txt = document.getElementById(txtId);
	var dBS=document.body.style;
	var op;
	if(typeof(dBS.MozOpacity)=='string')op='moz';
	if(typeof(dBS.opacity)=='string')op='css3';
	if(typeof(dBS.filter)=='string')op='ie';
	img.op = op;
	
	if(!img.op) return;
	
	if (aImgs.length <= 1) return false;
	
	img.aImgs = aImgs;
	img.txt = txt;
	img.actImg = 0;
	img.imgsCount = aImgs.length;
	img.oc = 100;
	cont.style.backgroundImage = "url(" + img.aImgs[img.actImg][0] + ")";
	img.setOpacity = function() {
		switch(img.op) {
			case 'ie' : img.style.filter = "Alpha(opacity=100)"; break;
			case 'css3' : img.style.opacity = 1; break;
			case 'moz' : img.style.MozOpacity = 1; break;
		}
		setTimeout(img.fader, fadeInt);
	}
	
	img.faderOut = function () {
		img.oc-= fadeSpeed;
		switch(img.op) {
			case 'ie' : img.style.filter = "Alpha(opacity="+img.oc+")";; break;
			case 'css3' : img.style.opacity = img.oc/100; break;
			case 'moz' : img.style.MozOpacity = img.oc/100; break;
		}

		if (img.oc <= 0) {
			clearInterval(img.fd);
			img.src = img.aImgs[img.actImg][0];
			img.alt = img.aImgs[img.actImg][1];
			img.title = img.aImgs[img.actImg][1];
			setTimeout(img.setOpacity, fadeInt/2);
			img.oc = 100;
			if (txtId != "") {
				img.txt.innerHTML = img.aImgs[img.actImg][1];
			}
		}	
	}		

	img.fader = function(){
		if (img.actImg < img.imgsCount-1){
			img.actImg++ ;
		} else {
			img.actImg = 0;
		}
		if (fadeIt)	{
			clearInterval(img.fd);
			cont.style.backgroundImage = "url(" + img.aImgs[img.actImg][0] + ")";
			img.fd = setInterval(img.faderOut, 10);
		} else {
			img.src = img.aImgs[img.actImg][0];
			img.alt = img.aImgs[img.actImg][1];
			img.title = img.aImgs[img.actImg][1];	
		}
	};

	setTimeout(img.fader, fadeInt);
}

/*
/ --- TABUMSCHALTUNG ---
/ Übergeben wird das aufrufende Object: onclick="return showBox(this)"
/ Das aufrufende Element muss eine id haben, welche sich aus der Id des zu öffnenden
/ div-Containers und "_a" zusammensetzt (id="box1_a").
/ Das aufrufende Element muss Klasse "tab" haben (class="tab").
/ Im aktivieren Zustand wird diese um die Klasse activeTab erweitert (class="tab activeTab").
*/
function showBox(obj) {
	var boxId = "";
	var liId = obj.id;
	var liNodes = obj.parentNode.childNodes
	var liNodesLen = liNodes.length;
	for (var i = 0; i < liNodesLen; i++) {
		if (liNodes[i].nodeName == "A") {
			box = document.getElementById(liNodes[i].id.replace("_a", ""));
			if (box) {
				if (liNodes[i].id != liId){
					box.style.display = "none";
					liNodes[i].className = "tab";
				} else {
					box.style.display = "block";
					liNodes[i].className = "tab activeTab";
				}
			}
		}
	}
	return false;
}


function getClientTime()
{
	var today=new Date();
	var month=today.getMonth()+1;
	if (month < 10)
	{
		month = "0" + month;
	}
	var day=today.getDate();
	if (day < 10)
	{
		day = "0" + day;
	}
	var hour=today.getHours();
	if (hour < 10)
	{
		hour = "0" + hour;
	}
	var minute=today.getMinutes();
	if (minute < 10)
	{
		minute = "0" + minute;
	}
	var second=today.getSeconds();
	if (second < 10)
	{
		second = "0" + second;
	}			
	var d = today.getFullYear()+'-'+month+'-'+day+"T"+hour+':'+minute+':'+second;
	return d;
}






// Popup-Objekt / Popup-Object
// erstellt / created 2010-09-02 (B.Welz)
// Version / version 2010-09-02 (B.Welz)
// verwendet / uses: jquery
//
// (c) 2010 webtop media online-systems.  All Rights Reserved.

// durch das Popup verzoegertes Link-Ziel / Link-target delayed by popup
var popup_delayUrl = "";
var popup_delayTarget = "";

function popupSetDelay(url, target)
{
    popup_delayUrl = url;
    popup_delayTarget = target;
}

// Link-Ziel durch Popup verzoegern / Delay link-target by popup
function popupDelay(obj)
{
    if (obj)
    {
        if (obj.href && obj.target)
        {
            popup_delayUrl = obj.href;
            popup_delayTarget = obj.target;
        } 
    }
}

function popupGoDelayed()
{
    if (popup_delayUrl != "")
    {
        if (popup_delayTarget == "" || popup_delayTarget == "_self" || popup_delayTarget == window.name)
        {
            window.location.href = popup_delayUrl;
        }        
        else
        {
            var target = window.open(popup_delayUrl, popup_delayTarget);
            if (target)
            {
                target.focus();
            }    
        }             
    }
}

// Popup-Div oeffnen / schliessen (z-index > 20000)
function popupToggle(vsId, vbFast) {
    var display = $("#" + vsId).css("display");

    var divSheet = $("body").children("#divSheet");
    //alert(divSheet.length);
    if (divSheet.length == 0)
    {
        var sheet = document.createElement('div');
        sheet.setAttribute('id', 'divSheet');        
        $("body").prepend(sheet);
        $("#divSheet").css('position', 'absolute');
        $("#divSheet").css('overflow', 'hidden');
        $("#divSheet").css('width', '100%');
        $("#divSheet").css('height', '100%');
        $("#divSheet").css('background', '#888');
        $("#divSheet").css('opacity', '0.7');
        $("#divSheet").css('moz-opacity', '0.7');
        $("#divSheet").css('filter', 'Alpha(opacity=70)');
        $("#divSheet").css('z-index', '20000');
        $("#divSheet").css('display', 'none');
    }

    if (vbFast)
    {
        if (display == "none")
        {
            $("#" + vsId).css("display", "block");
            $("#divSheet").css("display", "block");
        }
        else
        {
            $("#" + vsId).css("display", "none");
            $("#divSheet").css("display", "none");
        }
    }
    else
    {
        $("#" + vsId).slideToggle();
        if (display == "none")
        {
            $("#divSheet").fadeIn();
        }
        else
        {
            $("#divSheet").fadeOut();
        }
    }

    return false;
}

// popup-Block
function popup(id, innerHtml, left, top, width, height) {

    var popup = $("body").children("#" + id);
    if (popup.length == 0)
    {
        popup = document.createElement('div');
        popup.setAttribute('id', id);
        $("body").prepend(popup);
        $(popup).css('position', 'absolute');
    }

    $(popup).css('left', left + 'px');
    $(popup).css('top', top + 'px');
    $(popup).css('width', (width ) + 'px');
    $(popup).css('height', (height) + 'px');
    $(popup).css('padding-left', '0px');
    $(popup).css('background', 'white');
    $(popup).css('border', '1px solid #606060');
    $(popup).css('-moz-box-shadow', '0 0 90px 5px #000');
    $(popup).css('-webkit-box-shadow', '0 0 90px #000');        
    $(popup).css('z-index', '30000');
    $(popup).css('display', 'none');

    var opClose = 'href="#" onclick="return popupToggle(\'' + id + '\');"'
    if (popup_delayUrl != "")
    {
        opClose = 'href="' + popup_delayUrl + '" target="' + popup_delayTarget + '" onclick="popupToggle(\'' + id + '\'); return true;"'
    }

    var html = ''
        + ' <a style="display:block; float:right; padding:5px; text-decoration:none;" ' + opClose + '>'
        + '     <span style="font-size:9px;">CLOSE</span>'
        + '     <strong>X</strong>'
        + ' </a>'
        + ' <div style="clear:both;">'           
        + innerHtml
        + '</div>';
    $(popup).html(html);

    if ($('#' + id).css('display') == 'none')
    {
        popupToggle(id);
    }

    return false;
}

// Popup-Page mit IFrame
function popupPage(id, url, left, top, width, height)
{    
    if (url == null || url == "")
    {
        return true;
    }
    
    var innerHtml = ' <iframe name="popupFrame" src="' + url + '" width="' + (width-10) + '" height="' + (height+20-40) + '" frameborder="0"></iframe>';

    popup(id,
        innerHtml,    
        left,
        top,
        width,
        height+20
        );   
    
    if ($('#' + id).css('display') == 'none')
    {
        popupToggle(id);
    }    

    return false;
}

function popup_linkEvent(obj, id, url, left, top, width, height)
{
    if (url != null && url != "" && $('#' + id).length == 0)
    {
        popupDelay(obj);
        popupPage(id, url, left, top, width, height);  

        return false;
    }
    else
    {
        return true;
    }
}



/** test **/