function SwapImage(ImageName,ImageFile){
         Image1=new Image(119,39);
         Image1.src = ImageFile;
         document[ImageName].src = Image1.src;
         return true;
}


function anzeigen(id, element) {
	if(element != null) {
    	document.getElementById("untermenue"+id).style.left = element.offsetLeft + "px";
    }
	document.getElementById("untermenue"+id).style.visibility = "visible";
}

function nichtanzeigen (id) {
        document.getElementById("untermenue"+id).style.visibility = "hidden";
}

function changeToActiveColor(aTag) {
	aTag.style.color = "#3C3C3C";
}

function changeToInactiveColor(aTag) {
    aTag.style.color = "#6E6E6E";
}


/*Defintion für die Laufleiste*/

// Wird über onMouseout in die Variable copyspeed gesetzt
// - bewirkt das nach rechts gescrollt wird
var slidespeed = 1; // Geschwindigkeit des Sliders
var copyspeed = slidespeed;


/* AB HIER NICHTS MEHR ÄNDERN */
var leftrightslide2 = new Array();

for (var i = 0; i < leftrightslide.length; i++) {
   var einzelteile = leftrightslide[i].split("xxx");
   leftrightslide[i] = einzelteile.join("wechsel" + i);
   leftrightslide2[i] = einzelteile.join("wechsel" + (i+leftrightslide.length));
}

leftrightslide = '<nobr>' + leftrightslide.join(" ") + '</nobr>';
leftrightslide2 = '<nobr>' + leftrightslide2.join(" ") + '</nobr>';

var iedom = document.all || document.getElementById;

if (iedom) {
    document.write('<span id="temp" style="visibility:hidden;position:absolute;top:-100px;left:-3000px">' + leftrightslide + '</span>');
}

var actualwidth = '';
var cross_slide, ns_slide;

function fillup(){

    if (iedom){
        cross_slide=document.getElementById ? document.getElementById("picDiv1") : document.all.picDiv1;
        cross_slide2=document.getElementById ? document.getElementById("picDiv2") : document.all.picDiv2;
        cross_slide.innerHTML=leftrightslide;
        cross_slide2.innerHTML=leftrightslide2;
        actualwidth=document.all? cross_slide.offsetWidth : document.getElementById("temp").offsetWidth;

        // Die 4 bewirkt wie gross der Abstand zwischen dem ersten und dem letzten Bild ist.
        //alert('1: ' + (actualwidth+4));
        cross_slide2.style.left=(actualwidth+4) + 'px';
    }


    else if (document.layers){
        ns_slide=document.ns_slidemenu.document.picDiv1;
        ns_slide2=document.ns_slidemenu.document.picDiv2;
        ns_slide.document.write(leftrightslide);
        ns_slide.document.close();
        actualwidth=ns_slide.document.width;

        // Die 4 bewirkt wie gross der Abstand zwischen dem ersten un dem letzen Bild ist
        //alert('2: ' + (actualwidth+4));
        ns_slide2.left=(actualwidth+4) + 'px';

        ns_slide2.document.write(leftrightslide2);
        ns_slide2.document.close();
    }

    // Die 30 bestimmt ebenfalls die Geschwindigkeit
    lefttime=setInterval("slideleft()",30);
}


//window.onload=fillup;


// Diese Methode wird immer nach 30 Millisekunden ausgeführt
function slideleft(){
    if (iedom){

        if(copyspeed > 0) {

            //alert('3: ' + cross_slide.style.left);
            if (parseInt(cross_slide.style.left)>(actualwidth*(-1))) {
                //alert('4: ' + (parseInt(cross_slide.style.left)-copyspeed));
                cross_slide.style.left=(parseInt(cross_slide.style.left)-copyspeed) + 'px';
            }
            else {
                //alert('5: ' + (parseInt(cross_slide2.style.left)+actualwidth));
                cross_slide.style.left=(parseInt(cross_slide2.style.left)+actualwidth) + 'px';
            }

            if (parseInt(cross_slide2.style.left)>(actualwidth*(-1))) {
                //alert('6: ' + (parseInt(cross_slide2.style.left)-copyspeed));
                cross_slide2.style.left=(parseInt(cross_slide2.style.left)-copyspeed) + 'px';
            }
            else {
                //alert('7: ' + (parseInt(cross_slide2.style.left)-copyspeed));
                cross_slide2.style.left=(parseInt(cross_slide.style.left)+actualwidth) + 'px';
            }
        }

        // Richtung nach rechts
        else {

            if (parseInt(cross_slide.style.left)<(actualwidth)) {
                //alert('8: ' + (parseInt(cross_slide.style.left)-copyspeed));
                cross_slide.style.left=(parseInt(cross_slide.style.left)-copyspeed) + 'px';
            }
            else {
                //alert('9: ' + (parseInt(cross_slide2.style.left)-actualwidth));
                cross_slide.style.left=(parseInt(cross_slide2.style.left)-actualwidth) + 'px';
            }

            if (parseInt(cross_slide2.style.left)<(actualwidth)) {
                //alert('10: ' + (parseInt(cross_slide2.style.left)-copyspeed));
                cross_slide2.style.left=(parseInt(cross_slide2.style.left)-copyspeed) + 'px';
            }
            else {
                //alert('11: ' + (parseInt(cross_slide.style.left)-actualwidth));
                cross_slide2.style.left=(parseInt(cross_slide.style.left)-actualwidth) + 'px';
            }
        }
    }

    else if (document.layers){

         if(copyspeed > 0) {

            if (ns_slide.left>(actualwidth*(-1)))
                ns_slide.left =(copyspeed);
            else
                ns_slide.left=(ns_slide2.left+actualwidth) + 'px';

            if (ns_slide2.left>(actualwidth*(-1)))
                ns_slide2.left-=(copyspeed);
            else
                ns_slide2.left=(ns_slide.left+actualwidth) + 'px';
         }

         // Richtung nach rechts
         else {

            if (ns_slide.left>(actualwidth))
                ns_slide.left-=(copyspeed);
            else
                ns_slide.left=(ns_slide2.left+actualwidth) + 'px';

            if (ns_slide2.left>(actualwidth))
                ns_slide2.left-=(copyspeed);
            else
                ns_slide2.left=(ns_slide.left+actualwidth) + 'px';

         }
    }
}


/*
Ab hier beginnt die jquery-Implementierung des PopUp-Fensters
*/

function showDetailPic(filename, description, picWidth, picHeight) {
	// Zunächst muss der Layer mit der entsprechenden grösse eingeblendet werden
	// 325
	var cssObjDetailPic = {
      		'width' : '560px',
      		'height' : '325px',
      		'visibility' : 'visible'
    	}
	$('#detailPic').css(cssObjDetailPic);
	$('#detailPic').show();
	$("#detailPic").append('<img src="files/'+filename+'" border="0" width="'+picWidth+'" height="'+picHeight+'" align="left">'+description);
}

function hiddenDetailPic() {
	var cssObjDetailPic = {
      		'width' : '0px',
      		'height' : '0px',
      		'visibility' : 'hidden'
    	}
    $('#detailPic').css(cssObjDetailPic);
	$('#detailPic').hide();
	$("#detailPic").empty();
}