/* utf8 marker ö */

/*+******************************************************************
 * Module / Library: CM2
 * File:  $RCSfile: cm_js_div_functions.js,v $
 * $Revision: 1.19 $
 * $State: Exp $
 * ---------------------------------------------------------------- *
 * Copyright (c) 2002 by                                            *
 * InterConcept GmbH                                                *
 * www.interconcept.de                                              *
 ********************************************************************
 * Purpose:
 * $Locker:  $
 * ----------------------------------------------------------------
 * History
 *  $Log: cm_js_div_functions.js,v $
 *  Revision 1.19  2008/06/27 15:35:42  jimmy
 *  Document list improvements
 *
 *  Revision 1.18  2008/06/24 13:52:32  jimmy
 *  bugfix: 846
 *
 *  Revision 1.17  2008/04/02 09:10:25  jimmy
 *  dynamic layer for target options
 *
 *  Revision 1.16  2007/06/21 11:08:33  johannes
 *  changes for utf8 support, added utf8 marker
 *
 *  Revision 1.15  2007/06/06 08:21:18  jimmy
 *  enhance handling of select boxes hidding in IE6.0
 *
 *  Revision 1.14  2007/06/01 14:39:05  jimmy
 *  hidding overlaped select boxes in IE
 *
 *  Revision 1.13  2006/12/21 09:56:26  jimmy
 *  check for valid div for displaying the menu item
 *
 *  Revision 1.12  2005/11/28 07:56:08  jimmy
 *  after code improvements
 *
 * ---------------------------------------------------------------- *
 * Function list
 *
 * -----------------------------------------
 * LOCAL functions  - should not be called from extenal
 * -----------------------------------------
 *
 * -----------------------------------------
 * IMPLEMENTATION INTERFACE
 * -----------------------------------------
 * usefull functions
 * -----------------------------------------
 *
 * -----------------------------------------
 * THE IMPLEMENTATION
 * -----------------------------------------
 * common part:
 * -----------------------------------------
 *
 *****************************************************************+*/

// Global variables
var isCSS, isW3C, isIE4, isIE5, isNN4, isNav, currX, currY, DisplayX, DisplayY, RefWidth, RefX, RefHeight, RefY, MoveX, MoveY, oframe = self;
var is_khtml = /Konqueror|Safari|KHTML/i.test(navigator.userAgent);

// initialize upon load to let all browsers establish content objects
function initDHTMLAPI() {
    if (document.images) {
        isCSS = (document.body && document.body.style) ? true : false;
        isW3C = (isCSS && document.getElementById) ? true : false;
        isIE4 = (isCSS && document.all) ? true : false;
        isNN4 = (document.layers) ? true : false;
        isIE6CSS = (document.compatMode && document.compatMode.indexOf("CSS1") >= 0) ? true : false;


        isIE5=false;
        if(isIE4){
            if((navigator.userAgent.indexOf('MSIE 5')> 0)||(navigator.userAgent.indexOf('MSIE 6')> 0)){
                isIE5 = true;
            }
        }
    }

	if (navigator.appName == 'Netscape') isNav = true;
	if (isNav) document.captureEvents(Event.MOUSEMOVE);
	document.onmousemove = setCurrPos;
}
// set event handler to initialize API
window.onload = initDHTMLAPI;

// Seek nested NN4 layer from string name
function seekLayer(doc, name) {
    var theObj;
    for (var i = 0; i < doc.layers.length; i++) {
        if (doc.layers[i].name == name) {
            theObj = doc.layers[i];
            break;
        }
        // dive into nested layers if necessary
        if (doc.layers[i].document.layers.length > 0) {
            theObj = seekLayer(document.layers[i].document, name);
        }
    }
    return theObj;
}

// Convert object name string or object reference
// into a valid element object reference
function getRawObject(obj) {
    var theObj;
    if (typeof obj == "string") {
        if (isW3C) {
            theObj = document.getElementById(obj);
        } else if (isIE4) {
            theObj = document.all(obj);
        } else if (isNN4) {
            theObj = seekLayer(document, obj);
        }
    } else {
        // pass through object reference
        theObj = obj;
    }
    return theObj;
}

// Convert object name string or object reference
// into a valid style (or NN4 layer) reference
function getObject(obj) {
    var theObj = getRawObject(obj);
    if (theObj && isCSS) {
        theObj = theObj.style;
    }
    return theObj;
}

// Position an object at a specific pixel coordinate
function shiftTo(obj, x, y) {
    var theObj = getObject(obj);
    if (theObj) {
        if (isCSS) {
            // equalize incorrect numeric value type
            var units = (typeof theObj.left == "string") ? "px" : 0 
            theObj.left = x + units;
            theObj.top = y + units;
        } else if (isNN4) {
            theObj.moveTo(x,y)
        }
    }
}

// Move an object by x and/or y pixels
function shiftBy(obj, deltaX, deltaY) {
    var theObj = getObject(obj);
    if (theObj) {
        if (isCSS) {
            // equalize incorrect numeric value type
            var units = (typeof theObj.left == "string") ? "px" : 0 
            theObj.left = getObjectLeft(obj) + deltaX + units;
            theObj.top = getObjectTop(obj) + deltaY + units;
        } else if (isNN4) {
            theObj.moveBy(deltaX, deltaY);
        }
    }
}

// Set the z-order of an object
function setZIndex(obj, zOrder) {
    var theObj = getObject(obj);
    if (theObj) {
        theObj.zIndex = zOrder;
    }
}

// Set the background color of an object
function setBGColor(obj, color) {
    var theObj = getObject(obj);
    if (theObj) {
        if (isNN4) {
            theObj.bgColor = color;
        } else if (isCSS) {
            theObj.backgroundColor = color;
        }
    }
}

// Set the visibility of an object to visible
function show(obj) {
    var theObj = getObject(obj);
    if (theObj) {
        theObj.visibility = "visible";
    }
}

// Set the visibility of an object to hidden
// This function has a compatibility problem with prototype
function hide(obj) {
    var theObj = getObject(obj);
    if (theObj) {
        theObj.visibility = "hidden";
    }
}

// Retrieve the x coordinate of a positionable object
function getObjectLeft(obj)  {
    var elem = getRawObject(obj);
    var result = 0;
    if (document.defaultView) {
        var style = document.defaultView;
        var cssDecl = style.getComputedStyle(elem, "");
        result = cssDecl.getPropertyValue("left");
    } else if (elem.currentStyle) {
        if(!isNaN(elem.currentStyle.left)){
            result = elem.currentStyle.left;
        }else{
            result = 0;
        }
        

    } else if (elem.style) {
        result = elem.style.left;

    } else if (isNN4) {
        result = elem.left;

    }
    return parseInt(result);
}

// Retrieve the y coordinate of a positionable object
function getObjectTop(obj)  {
    var elem = getRawObject(obj);
    var result = 0;
    if (document.defaultView) {
        var style = document.defaultView;
        var cssDecl = style.getComputedStyle(elem, "");
        result = cssDecl.getPropertyValue("top");
    } else if (elem.currentStyle) {
        if(!isNaN(elem.currentStyle.top)){
            result = elem.currentStyle.left;
        }else{
            result = 0;
        }
        
    } else if (elem.style) {
        result = elem.style.top;
    } else if (isNN4) {
        result = elem.top;
    }
    return parseInt(result);
}

// Retrieve the rendered width of an element
function getObjectWidth(obj)  {
    var elem = getRawObject(obj);
    var result = 0;
    if (elem.offsetWidth) {
        result = elem.offsetWidth;
    } else if (elem.clip && elem.clip.width) {
        result = elem.clip.width;
    } else if (elem.style && elem.style.pixelWidth) {
        result = elem.style.pixelWidth;
    }
    return parseInt(result);
}

// Retrieve the rendered height of an element
function getObjectHeight(obj)  {
    var elem = getRawObject(obj);
    var result = 0;
    if (elem.offsetHeight) {
        result = elem.offsetHeight;
    } else if (elem.clip && elem.clip.height) {
        result = elem.clip.height;
    } else if (elem.style && elem.style.pixelHeight) {
        result = elem.style.pixelHeight;
    }
    return parseInt(result);
}


// Return the available content width space in browser window
function getInsideWindowWidth() {
    if (window.innerWidth) {
        return window.innerWidth;
    } else if (isIE6CSS) {
        // measure the html element's clientWidth
        return document.body.parentElement.clientWidth
    } else if (document.body && document.body.clientWidth) {
        return document.body.clientWidth;
    }
    return 0;
}
// Return the available content height space in browser window
function getInsideWindowHeight() {
    if (window.innerHeight) {
        return window.innerHeight;
    } else if (isIE6CSS) {
        // measure the html element's clientHeight
        return document.body.parentElement.clientHeight
    } else if (document.body && document.body.clientHeight) {
        return document.body.clientHeight;
    }
    return 0;
}

/* -------------------------------------
 * app functions
 * ------------------------------------- */    

function setCurrPos(evt){
    if(isNav){
		currX = evt.pageX;
		currY = evt.pageY;
    }else if(isIE4 && !isIE5){
        currX = event.x;
        currY = event.y;
    }else if(isIE5){
        currX = event.x+oframe.document.body.scrollLeft;
        currY = event.y+oframe.document.body.scrollTop;;
	}else{

		currX = window.event.x;
		currY = window.event.y;
	}

	//check the element to hidde
	if(MenuDisplaied){
		//get P2
		X2 = RefX + ((RefWidth > getObjectWidth(MenuDisplaied))?RefWidth:getObjectWidth(MenuDisplaied)) + MoveX;
		Y2 = RefY + ((RefHeight > getObjectHeight(MenuDisplaied))?RefHeight:getObjectHeight(MenuDisplaied)) + MoveY;


        RefWidth = ref.width;
        RefHeight = ref.height;

		
		//controls to hide the menu item
		if(currX < RefX || currX > X2 || currY < RefY || currY > Y2){
			hide(MenuDisplaied);
			//restore all hidden elements
			hideShowCovered();
			MenuDisplaied = "";
		}
	}
}

// defines if a menu item is currently displaied
var MenuDisplaied = "";

function DisplayMenu(LayerName, Reference, ModX, ModY){
	//check if the layer exists
	var testElem = document.getElementById(LayerName);

    ModX = ModX ? ModX : 0;
    ModY = ModY ? ModY : 0;
    
    MoveX = ModX;
    MoveY = ModY;

    if(Reference && (testElem!=null)){
        ref = document.images[Reference];

        RefWidth = ref.width;
        RefHeight = ref.height;

        if(document.layers){
            DisplayX = ref.x + ModX;
            DisplayY = ref.y + ModY;
            RefX = ref.x + ModX;
            RefY = ref.y + ModY;
            
        }else{
            xPos = ref.offsetLeft;
            parentObj = ref.offsetParent;
            while (parentObj != null) {
                xPos += parentObj.offsetLeft;
                parentObj = parentObj.offsetParent;
            }

            DisplayX = xPos + ModX;
            RefX = xPos;

            yPos = ref.offsetTop;
            parentObj = ref.offsetParent;
            while (parentObj != null) {
                yPos += parentObj.offsetTop;
                parentObj = parentObj.offsetParent;
            }
            
            DisplayY = yPos + ModY;
            RefY = yPos;
        }

        shiftTo(LayerName, DisplayX, DisplayY);
    }

	if(testElem!=null){
		setZIndex(LayerName, 10000);
	}

	if(MenuDisplaied && MenuDisplaied != LayerName){
        hide(MenuDisplaied);
		hideShowCovered(LayerName);
	}

	if(testElem!=null){
		MenuDisplaied = LayerName;
		hideShowCovered(LayerName);
		show(LayerName);
	}		
	return true;
}


hideShowCovered = function (LayerName) {
	if (!isIE4 && !isIE5) return;
	function getVisib(obj){
		var value = obj.style.visibility;
		if (!value) {
			if (document.defaultView && typeof (document.defaultView.getComputedStyle) == "function") { // Gecko, W3C
				if (!is_khtml)
					value = document.defaultView.
						getComputedStyle(obj, "").getPropertyValue("visibility");
				else
					value = '';
			} else if (obj.currentStyle) { // IE
				value = obj.currentStyle.visibility;
			} else
				value = '';
		}
		return value;
	};
	
	var tags = new Array("applet", "select");
	
	if(LayerName!=null && LayerName!=''){
		var el = document.getElementById(LayerName);

		var p = getAbsolutePos(el);
		var EX1 = p.x;
		var EX2 = el.offsetWidth + EX1;
		var EY1 = p.y;
		var EY2 = el.offsetHeight + EY1;
	
		for (var k = tags.length; k > 0; ) {
			var ar = document.getElementsByTagName(tags[--k]);
			var cc = null;
	
			for (var i = ar.length; i > 0;) {
				cc = ar[--i];
	
				p = getAbsolutePos(cc);
				var CX1 = p.x;
				var CX2 = cc.offsetWidth + CX1;
				var CY1 = p.y;
				var CY2 = cc.offsetHeight + CY1;
		
				if (this.hidden || (CX1 > EX2) || (CX2 < EX1) || (CY1 > EY2) || (CY2 < EY1)) {
					if (!cc.__msh_save_visibility) {
						cc.__msh_save_visibility = getVisib(cc);
					}
					cc.style.visibility = cc.__msh_save_visibility;
				} else {
					if (!cc.__msh_save_visibility) {
						cc.__msh_save_visibility = getVisib(cc);
					}
					cc.style.visibility = "hidden";
				}
			}
		}
	}else{
		for (var k = tags.length; k > 0; ) {
			var ar = document.getElementsByTagName(tags[--k]);
			var cc = null;
	
			for (var i = ar.length; i > 0;) {
				cc = ar[--i];
				if (!cc.__msh_save_visibility) {
					cc.__msh_save_visibility = getVisib(cc);
				}
				cc.style.visibility = cc.__msh_save_visibility;
			}
		}
	}

};


getAbsolutePos = function(el) {
	var SL = 0, ST = 0;
	var is_div = /^div$/i.test(el.tagName);
	if (is_div && el.scrollLeft)
		SL = el.scrollLeft;
	if (is_div && el.scrollTop)
		ST = el.scrollTop;
	var r = { x: el.offsetLeft - SL, y: el.offsetTop - ST };
	if (el.offsetParent) {
		var tmp = getAbsolutePos(el.offsetParent);
		r.x += tmp.x;
		r.y += tmp.y;
	}
	return r;
};


function displ_div(divName) {
	shiftTo(divName, currX, currY);
	setZIndex(divName, 1);
	show(divName);
	return true;
}

function hide_div(obj) {
    hide(obj);
}