//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.offsetX;
	          	posy = window.event.offsetY;
	          	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) + 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
  			{
  				//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 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 + 1;
    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);
    }
}

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;
}