//Drag and Drop
var objekt = null;

var dragx = 0;
var dragy = 0;
var posx = 0;
var posy = 0;
var cmx_offsetleft = 0;
var cmx_offsettop = 0;
var dragging = false;
var picturedrag = false;
var pic_width = 100;
var pic_height = 100;
var dir;

    document.onmousemove = drag;
    document.onmouseup = dragstop;
function dragstart(ereignis, element, direction)
{
	dir = direction;
	dragging = true;
	objekt = element;
	//offset des objekts relativ zum dokument
	var tmpx, tmpy;
	var Eltern = objekt.offsetParent;
	if(window.event)
	{
		//für IE
		tmpx = window.event.offsetX;
		tmpy = window.event.offsetY;

		cmx_offsetleft = 0;
		cmx_offsettop = 0;
		while (Eltern)
		{
			cmx_offsetleft = cmx_offsetleft + Eltern.offsetLeft;
			cmx_offsettop = cmx_offsettop + Eltern.offsetTop;
			Eltern = Eltern.offsetParent;
		}
	}
	else
	{
		tmpx = ereignis.layerX;
		tmpy = ereignis.layerY;


		cmx_offsetleft = 0;
		cmx_offsettop = 0;
		while (Eltern)
		{
			cmx_offsetleft = cmx_offsetleft + Eltern.offsetLeft;
			cmx_offsettop = cmx_offsettop + Eltern.offsetTop;
			Eltern = Eltern.offsetParent;
		}
	}
	if(direction == "both")
	{
		dragx = tmpx;
		dragy = tmpy;
	}
	else if(direction == "vertical")
	{
		dragy = tmpy;
	}
	else if(direction == "horizontal")
	{
		dragx = tmpx;
	}
}

function dragstop()
{
      dragging = false;
      picturedrag = false;
      objekt = null;
}

function drag(ereignis)
{
    if(dragging)
    {
  		if(picturedrag)
  		{
  			if(window.event)
  			{
  				//für IE
	          	posx = window.event.x;
	          	posy = window.event.y;
	          	if(posx < 0 || posy < 0)
	              	return;

				var winposx = document.documentElement.clientWidth;
	            var winposy = document.documentElement.clientHeight;
	            if(winposx == 0)
	            {
	            	winposx = document.body.clientWidth;
	            }

	            if(winposy == 0)
	            {
	            	winposy = document.body.clientHeight;
	            }
	            var winmousex = window.event.clientX;
	            var winmousey = window.event.clientY;
	           	if(parseInt(objekt.offsetWidth) + parseInt(winmousex) + 40 > winposx)
	           	{
	           		objekt.style.left = (posx - parseInt(objekt.offsetWidth) - 0) + "px";
	           	}
	           	else
	           	{
	           		objekt.style.left = (posx + 40) + "px";
	           	}

	           	if(parseInt(objekt.offsetHeight) + parseInt(winmousey) + 40 > winposy)
	           	{
	            	objekt.style.top = (posy - parseInt(objekt.offsetHeight) - 0) + "px";
	           	}
	           	else
	           	{
	            	objekt.style.top = (posy + 40) + "px";
document.getElementById("output").innerHTML =
"posy: " + posy + "px<br>"
+ "winposy: " + winposy + "<br>"
+ "winmousey: " + winmousey + "<br>"
+ "objekt.offsetHeight: " + objekt.offsetHeight + "<br>"
+ "objekt.style.top: " + objekt.style.top + "<br>";
	           	}
  			}
  			else
  			{
  				//für FF
	          	posx = ereignis.layerX;
	          	posy = ereignis.layerY;
	          	if(posx < 0 || posy < 0)
	              	return;

	            var winposx = window.innerWidth;
	            var winposy = window.innerHeight;
	            var winmousex = ereignis.pageX;
	            var winmousey = ereignis.pageY;

	           	if(parseInt(objekt.offsetWidth) + parseInt(winmousex) + 15 > winposx)
	           	{
	           		objekt.style.left = (posx - parseInt(objekt.offsetWidth) - 15) + "px";
	           	}
	           	else
	           	{
	           		objekt.style.left = (posx + 15) + "px";
	           	}

	           	if(parseInt(objekt.offsetHeight) + parseInt(winmousey) + 15 > winposy)
	           	{
	            	objekt.style.top = (posy - parseInt(objekt.offsetHeight) - 15) + "px";
	           	}
	           	else
	           	{
	            	objekt.style.top = (posy + 15) + "px";
	           	}
  			}
  		}
  		else
  		{
  			var newposX;
  			var newposY;
  			if(window.event)
  			{
  				//für IE
	          	newposX = window.event.x - dragx;
	          	newposY = window.event.y - dragy;
  			}
  			else
  			{
  				//für FF
  				if(ereignis.pageX < 0 || ereignis.pageY < 0)
		              return;
	            newposX = ereignis.pageX - dragx - cmx_offsetleft;
	            newposY = ereignis.pageY - dragy - cmx_offsettop;
  			}
			if(dir == "both")
			{
				objekt.style.left = (newposX) + "px";
				objekt.style.top = (newposY) + "px";
			}
			else if(dir == "vertical")
			{
				objekt.style.top = (newposY) + "px";
			}
			else if(dir == "horizontal")
			{
				objekt.style.left = (newposX) + "px";
			}

/*
var test = document.getElementById("test");
test.firstChild.nodeValue =
"\n dragx: " + dragx +
"\n cmx_offsetleft: " + cmx_offsetleft +
"\n newposX: " + newposX +
"\n dragy: " + dragy +
"\n cmx_offsettop: " + cmx_offsettop +
"\n newposY: " + newposY ;
*/
  		}
 	}
}

//Scrolling
var scrolling = false;
var px = 0;
var py = 0;
var x;
var y;

function scrollstart(ereignis)
{
    if (!ereignis)
        ereignis = window.event;
    px = ereignis.clientX;
    py = ereignis.clientY;
    scrolling = true;
}

function scrollstop()
{
    scrolling = false;
}

function scroll(ereignis)
{
    if (!ereignis)
        ereignis = window.event;
    if(scrolling)
    {
        scrollx = ereignis.clientX;
        scrolly = ereignis.clientY;
        x =  px - scrollx;
        y =  py -  scrolly;

        if(x == 0 && y == 0)
            return;
        if(x != 0)
            window.scrollBy(x, 0);
        if(y != 0)
            window.scrollBy(0, y);
        px = scrollx;
        py = scrolly;
    }
}


function picdragstart(element,x,y)
{
 	dragging = true;
    objekt = element;
    picturedrag = true;
	pic_width = x;
	pic_height = y;
    dragx = posx - objekt.offsetLeft;
    dragy =  posy - objekt.offsetTop;
}


//AJAX--start

function CMX_CreateRequestObject()
{
    CMX_http_request = false;
    if(window.XMLHttpRequest)
    { // Mozilla, Safari, ...
        CMX_http_request = new XMLHttpRequest();
        if (CMX_http_request.overrideMimeType)
        {
            CMX_http_request.overrideMimeType('text/plain');
     	}
    }
    else
    {
     	CMX_http_request = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if(!CMX_http_request)
    {
        alert('Fehler: XMLHTTP-Instanz konnte nicht erzeugt werden');
    }
   	CMX_http_request.onreadystatechange = CMX_GetStatechanges;
}



function CMX_GetStatechanges()
{
	if(CMX_http_request.readyState == 0)
	{
		//uninitialized
	}
	else if(CMX_http_request.readyState == 1)
	{
		//loading
	}
	else if(CMX_http_request.readyState == 2)
	{
		//loaded
	}
	else if(CMX_http_request.readyState == 3)
	{
		//interactive
	}
	else if(CMX_http_request.readyState == 4)
	{
		//complete
       	if(CMX_http_request.status == 200)
       	{
       		if(cmx_ajaxidarea.seite)
       		{
				document.getElementById('CMX_AJAXIDAREA_' + cmx_ajaxidarea.elementid).innerHTML = CMX_http_request.responseText;
				cmx_search_and_execute(CMX_http_request.responseText);
				//cmx_ajaxidarea = null;
       		}
       		else if(cmx_ajaxdestination != "")
       		{
				document.getElementById(cmx_ajaxdestination).innerHTML = CMX_http_request.responseText;
				cmx_search_and_execute(CMX_http_request.responseText);
				cmx_ajaxdestination = "";
       		}
       		else
       		{
//var output = "<div>Readystate: " + CMX_http_request.readyState + "</div>";
//output += "<div>Readystate: " + CMX_http_request.status + "</div>";
//output += "<div>ResponseID: " + cmx_postloadarea.elementid + "</div>";
//document.getElementById("output").innerHTML += output;
				document.getElementById('POSTLOADAREA_' + cmx_postloadarea.elementid).innerHTML = CMX_http_request.responseText;
				cmx_search_and_execute(CMX_http_request.responseText);
				if(cmx_postloadareas.length > 0)
				{

					CMX_GetPostloadAreas();
				}
       		}
       	}
       	else
       	{
           alert('Es gab ein Problem mit der Serververbindung, bitte versuchen Sie es noch einmal.');
       	}
	}
}

function cmx_search_and_execute(cmx_string)
{
	while(cmx_string.indexOf("<script") != -1)
	{
		var cmx_scriptpos = cmx_string.indexOf("<script");
		cmx_string = cmx_string.substring(cmx_scriptpos);

		cmx_scriptpos = cmx_string.indexOf(">") + 1;
		cmx_string = cmx_string.substring(cmx_scriptpos);


		cmx_scriptpos = cmx_string.indexOf("</script");
		var cmx_js = cmx_string.substring(0, cmx_scriptpos);
		eval(cmx_js);
	}
}

function cmx_load_ajaxarea(ajaxid)
{
	if(cmx_ajaxidareas[ajaxid] == null)
	{
		return;
	}
	if(document.getElementById('PRELOADER_' + ajaxid))
	{
		document.getElementById('CMX_AJAXIDAREA_' + ajaxid).innerHTML = document.getElementById('PRELOADER_' + ajaxid).innerHTML;
	}
	CMX_CreateRequestObject();
	cmx_ajaxidarea = cmx_ajaxidareas[ajaxid];
	if(cmx_ajaxidarea.load_on_time == "true")
	{
		cmx_ajaxidareas[ajaxid] = null;
	}
	var query = cmx_ajaxidarea.indexfile + '?seite=' + cmx_ajaxidarea.seite
	+ '&seitenart=' + cmx_ajaxidarea.seitenart
	+ '&cmx_startpunkt=' + cmx_ajaxidarea.startpunkt
	+ '&cmx_elementid=' + cmx_ajaxidarea.elementid;
    CMX_http_request.open('GET', query, true);
    CMX_http_request.send(null);
}


function cmx_load_ajaxuri(query,destinationarea)
{
	if(query != "")
	{
		if(document.getElementById('PRELOADER_' + destinationarea))
		{
			document.getElementById(destinationarea).innerHTML = document.getElementById('PRELOADER_' + destinationarea).innerHTML;
		}
		cmx_ajaxdestination = destinationarea;
		CMX_CreateRequestObject();
	    CMX_http_request.open('GET', query, true);
	    CMX_http_request.send(null);
	}
}

function CMX_GetPostLoadArea()
{
	CMX_CreateRequestObject();
	if(document.getElementById('PRELOADER_' + cmx_postloadarea.elementid))
	{
		document.getElementById('POSTLOADAREA_' + cmx_postloadarea.elementid).innerHTML = document.getElementById('PRELOADER_' + cmx_postloadarea.elementid).innerHTML;
	}
	var query = cmx_postloadarea.indexfile + '?seite=' + cmx_postloadarea.seite
	+ '&seitenart=' + cmx_postloadarea.seitenart
	+ '&cmx_startpunkt=' + cmx_postloadarea.startpunkt
	+ '&cmx_elementid=' + cmx_postloadarea.elementid;
//var output = '<div style="border: solid 1px blue;">URI: ' + query + "</div>";
//document.getElementById("output").innerHTML += output;
    CMX_http_request.open('GET', query, true);
    CMX_http_request.send(null);
}

function CMX_GetPostloadAreas()
{
	cmx_postloadarea = cmx_postloadareas.pop();
	//window.setTimeout("CMX_GetPostLoadArea()", 2500);
	CMX_GetPostLoadArea();
//var output = '<div style="border-top: solid 1px red;">Length: ' + cmx_postloadareas.length + ' Request: ' + cmx_postloadarea.elementid + "</div>";
//document.getElementById("output").innerHTML += output;
}

function CMX_Flyout_Hide(flyoutid)
{
	var cmx_fo = document.getElementById(flyoutid);
	cmx_fo.style.display = "none";
	dragstop();

    if(cmx_fo.style.MozOpacity)
    {
    	cmx_fo.style.MozOpacity = 0;
    }
    else if (cmx_fo.filters)
    {
    	cmx_fo.filters.alpha.opacity = 0;
    }
}


function CMX_Flyout_Show(flyoutid)
{
	var cmx_fo = document.getElementById(flyoutid);
	picdragstart(cmx_fo,0,0);
	cmx_fo.style.display = "block";
	KontainerFadeIn(flyoutid, 100, 20);
}


function KontainerFadeIn(obj, strength, delay)
{
    var b2 = document.getElementById(obj);
    if(b2.style.MozOpacity)
    {
    	b2.style.MozOpacity = strength / 100;
    }
    else if (b2.filters)
    {
    	b2.filters.alpha.opacity = strength;
    }
    strength = strength + 4;
    if(strength < 100)
    {
        setTimeout("KontainerFadeIn('" + obj + "' ," + strength + ", " + delay + ")",delay);
    }
    else if(strength == 100)
    {
        setTimeout("KontainerFadeIn('" + obj + "' ,100, " + delay + ")",delay);
    }
    else
    {
        setTimeout("KontainerFadeIn('" + obj + "' ,100, " + delay + ")",delay);
    }
}

var CMX_http_request;
var cmx_postloadareas = new Array();
var cmx_postloadarea;
var cmx_ajaxidareas = new Array();
var cmx_ajaxidarea = new Object();
var cmx_ajaxdestination = "";
//AJAX--ende