opac = 0;
ueberopac = 0;
opacu = 100;
ueberopacu = 50;
idopen = 'pseudo';

Knoten = '';

function klappen(id) {

        if (idopen == id)
        { less(id);
          idopen = id; }
        else
        { less(idopen);
        more(id); }
}


function more(id) {

        var mydiv = document.getElementById(id);
        idhead = id+"head";
        idfull = id+"full";

        mydiv.style.visibility = "visible";
        diff = document.getElementById(idhead).offsetHeight/document.getElementById(idfull).offsetHeight*100;
        maxi = 100-diff;
        //alert(diff);

        if(opac <= maxi){
                opac+=2;
                mydiv.style.height = opac+"%";
                setTimeout('more("'+id+'")', 1);
        }

        else {
        //opacu = opac;
        opac = 0;
        idopen = id;
        }

        document.getElementById(idfull).style.height = document.getElementById(idfull).offsetHeight+'px';
}

function less(id) {

        var mydiv = document.getElementById(id);
        idhead = id+"head";
        idfull = id+"full";

        if(opacu != 0){
                opacu-=4;
                mydiv.style.height = opacu+"%";
                setTimeout('less("'+id+'")', 1);
        }
        else {
        mydiv.style.visibility = "hidden";
        mydiv.style.height = "0px";
        document.getElementById(idfull).style.height = 'auto';

        opacu = 100;
        idopen = "pseudo";
        }
}

function hiderslider(act) {

         if(act == "open") {
            document.getElementById('hider').className = "hideropen";
            Knoten = document.getElementById('hider').firstChild;
            document.getElementById('hider').removeChild(Knoten);
            document.getElementById('hidertext').innerHTML = "<a href=\"javascript:hiderslider('close')\" style=\"text-align:center\"class=\"image\"><img src=\"images/artikelliste-verkuerzen.png\" alt=\"Artikelliste verk&uuml;rzen\"></a>";
         }

         else {
            document.getElementById('hider').className = "hiderclose";
            document.getElementById('hider').insertBefore(Knoten, document.getElementById('hider').firstChild);
            document.getElementById('hidertext').innerHTML = "<a href=\"javascript:hiderslider('open')\" style=\"text-align:center\" class=\"image\"><img src=\"images/alle-artikel.png\" alt=\"Alle Artikel anzeigen\"></a>";
//            document.getElementById('hidertext').innerHTML = "<a href=\"javascript:hiderslider('open')\" style=\"text-align:center\">Alle Artikel anzeigen</a>";
         }
}

function createhidertop() {

var topping = "<div id=\"hider\" class=\"hiderclose\"><img src=\"/images/producthider.png\" style=\"position:absolute; top:150px; height:75px; width:100%\" />";
document.write(topping);
}

function createhiderbottom() {

var botting = "</div><div id=\"hidertext\" style=\"text-align:center\"><a href=\"javascript:hiderslider('open')\" class=\"image\"><img src=\"images/alle-artikel.png\" alt=\"Alle Artikel anzeigen\"></a></div>";
document.write(botting);
}