var images = new Array("img/xoborDesign/maennlein.png", "img/xoborDesign/maennlein.png", "img/xoborDesign/maennlein.png");
    var imagePos = 0;

    function changeCaroussel (id) {
        if (!id) {
            
        for (var i = 0; i < images.length; i++){
            if(i == imagePos) {document.getElementById('cnav'+imagePos).className=  document.getElementById('cnav'+imagePos).className + ' cactive';}
            else {document.getElementById('cnav'+i).className =  'carsousselNav';}
        }

        document.getElementById('carousselImage').src=images[imagePos];

        imagePos = imagePos + 1;

        if (imagePos == images.length)
            {imagePos = 0;}}

        else {


            for (var i = 0; i < images.length; i++){
            if(i == id) {document.getElementById('cnav'+id).className=  document.getElementById('cnav'+id).className + ' cactive';}
            else {document.getElementById('cnav'+i).className =  'carsousselNav';}
        }


            document.getElementById('carousselImage').src=images[parseInt(id)];
            imagePos = parseInt(id);
        }
        


    }

   function handleFeature(element, mainId) {
    var mainEl = document.getElementById(mainId);
    var allElems = mainEl.getElementsByTagName('li');

    for (var i = 0; i < allElems.length; i++) {
        var thisElem = allElems[i];
        var rex= /(.*)_link/;
        thisElem = thisElem.id.match(rex);

        if (thisElem[1] == element)
            {
              document.getElementById(thisElem[1]+'_box').style.display='block';
              document.getElementById(thisElem[1]+'_link').className='active';
            }
        else
            {        
                document.getElementById(thisElem[1]+'_box').style.display='none';

            document.getElementById(thisElem[1]+'_link').className='';
        }

    }

location.hash = "#"+element;

    }




    function toggle(element, ShStyle) {
        if (document.getElementById(element).style.display=='none')
               {document.getElementById(element).style.display=ShStyle;}
        else
               {document.getElementById(element).style.display='none';}
    }


    function hide(element) {
        document.getElementById(element).style.display='none'; }


    function scrollIn() {

    var position = parseInt(document.getElementById('scrollupImage').style.bottom);
    position = position + 10;

    document.getElementById('scrollupImage').style.bottom = position + "px";

    if(position < -60)
        {var timer = setTimeout("scrollIn()", 2);}
    else
        {clearTimeout(timer);}
}