/*********************/
/* Stand: 06.11.2007 */
/*********************/

document.getElementById("kein_javascript").style.display = "none";

var Objekt = 20;
var Element = new Array();

document.onmousedown = bewegen;
document.onmousemove = bewegen;
document.onmouseup = stehen;

// -----------------------------------------------------

for (var i=1;i<18;i++)
	{
	Element[i] = document.getElementById('div'+i);
	}

Element[1].onmousedown = div1_markieren;
Element[2].onmousedown = div2_markieren;
Element[3].onmousedown = div3_markieren;
Element[4].onmousedown = div4_markieren;
Element[5].onmousedown = div5_markieren;
Element[6].onmousedown = div6_markieren;
Element[7].onmousedown = div7_markieren;
Element[8].onmousedown = div8_markieren;
Element[9].onmousedown = div9_markieren;
Element[10].onmousedown = div10_markieren;
Element[11].onmousedown = div11_markieren;
Element[12].onmousedown = div12_markieren;
Element[13].onmousedown = div13_markieren;
Element[14].onmousedown = div14_markieren;
Element[15].onmousedown = div15_markieren;
Element[16].onmousedown = div16_markieren;
Element[17].onmousedown = div17_markieren;

//-----------------------------------------------------

function div1_markieren(){Objekt = 1;}
function div2_markieren(){Objekt = 2;}
function div3_markieren(){Objekt = 3;}
function div4_markieren(){Objekt = 4;}
function div5_markieren(){Objekt = 5;}
function div6_markieren(){Objekt = 6;}
function div7_markieren(){Objekt = 7;}
function div8_markieren(){Objekt = 8;}
function div9_markieren(){Objekt = 9;}
function div10_markieren(){Objekt = 10;}
function div11_markieren(){Objekt = 11;}
function div12_markieren(){Objekt = 12;}
function div13_markieren(){Objekt = 13;}
function div14_markieren(){Objekt = 14;}
function div15_markieren(){Objekt = 15;}
function div16_markieren(){Objekt = 16;}
function div17_markieren(){Objekt = 17;}

//-----------------------------------------------------

function bewegen (Ereignis)
	{
	if (!Ereignis)
    Ereignis = window.event;

    for (var i=1;i<18;i++)
	{
	document.getElementById('div'+i).style.zIndex = '0';
	}

	document.getElementById('div'+Objekt).style.zIndex = '1';

	var Browser = navigator.appName;
	var Microsoft = Browser.indexOf('Microsoft');

	if (Microsoft == -1)
		{
		document.getElementById('div'+Objekt).style.left = (Ereignis.pageX - 30) + 'px';
		document.getElementById('div'+Objekt).style.top = (Ereignis.pageY - 30) + 'px';
		}
	else
		{
		document.getElementById('div'+Objekt).style.left = (Ereignis.x - 30) + 'px';
		document.getElementById('div'+Objekt).style.top = (Ereignis.y - 30) + 'px';
		}

	ueberpruefen();
	}

function stehen()
	{
	Objekt = 20;
	}

function ueberpruefen()
	{
	PositionX = document.getElementById('div'+Objekt).style.left
	Zielbereich = PositionX.substring(0,(PositionX.length-2));

	ArtikelNr = document.getElementById('span0').innerHTML;

	if (Zielbereich > 850)
		{
		if (ArtikelNr == Objekt && Objekt != 16 || ArtikelNr == 16 && Objekt == 15 || ArtikelNr == '16a' && Objekt == 16)
			{
			document.getElementById('div'+Objekt).style.display = 'none';

			switch (ArtikelNr)
				{
				case '14':
	    		document.getElementById('span0').innerHTML = 16;
	    		break;

	    		case '16':
	    		document.getElementById('span0').innerHTML = '16a';
	    		break;

	    		case '16a':
	    		document.getElementById('span0').innerHTML = 17;
	    		break;

				case '17':
	    		document.getElementById('div0').innerHTML = '- END -';
	    		break;

    			default:
	  			document.getElementById('span0').innerHTML = (Objekt+1);
    			break;
    			}
			}
		}
	}