function slide(objN){
    var intArr = arrTrendImg.length>arrTrendHl?arrTrendHl.length:(arrTrendHl>arrTrendImg?arrTrendImg.length:arrTrendImg.length);
    switch(objN){
        case "b":
            intC = intC<=0?intArr-1:intC-1;
            break;
        case "n":
            intC = intC>=intArr-1?0:intC+1;
            break;
        default:
            intC = 0;
            break;
    }
    document.getElementById(strDvImg).innerHTML = "<a href=\"aktuelleTrends.html?"+intC+"\" title=\""+arrTrendHl[intC]+"\"><img src='"+strImgP+arrTrendImg[intC]+"' alt=\""+arrTrendHl[intC]+"\"></a>";
    document.getElementById(strDvTxt).innerHTML = arrTrendHl[intC];
}

function buildTrends(objN){
    intC = objN;
    showHideInfo('');
    var intArr = arrTrendImg.length>arrTrendHl?arrTrendHl.length:(arrTrendHl>arrTrendImg?arrTrendImg.length:arrTrendImg.length);
    var strItems = "";
    var strTmpImgL = "";
    var strTmpImgS = "";
    var strItemsS = "<div class=\"dvSSTitemNavi\">";
    var strItemsE = "<div class=\"dvSSTitemNavi\">";
    var strPageItem = "<div style=\"float:left;margin:0 5px 5px 0;\">Seite</div>";
    var strShopLink = "<a href=\"diemarke.html\" title=\"Besuchen Sie uns\" onfocus=\"blur()\" class=\"ar\">Besuchen Sie uns</a><br>";
    
    var intStart = Math.floor(objN/ppp)*ppp;
    var intEnd = ((intStart+ppp)<intArr)?intStart+ppp:intStart+(intArr-intStart);
    var intTotal = Math.ceil(intArr/ppp);
    
    for(var i=1;i<=intTotal;i++){
        strPageItem = strPageItem + "<div class=\"dvSSTPitem";
        if(i==(intStart/ppp+1)) strPageItem = strPageItem + "R";
        strPageItem = strPageItem + "\"><a href=\"#\" onclick=\"buildTrends("+(ppp*(i-1))+");return false;\" title=\""+i+"\" onfocus=\"blur\">"+i+"</a></div>";
    }
    
    if(intStart>0) strItemsS = strItemsS + "<a href=\"#\" onclick=\"buildTrends("+(intStart-1)+");return false;\" title=\"Zurück\" onfocus=\"blur\"><img src=\"images/icons/arrowGreyLeft2.gif\" alt=\"Zurück\"></a>";
    if(intStart+ppp<intArr) strItemsE = strItemsE + "<a href=\"#\" onclick=\"buildTrends("+(intEnd)+");return false;\" title=\"Weiter\" onfocus=\"blur\"><img src=\"images/icons/arrowGreyRight2.gif\" alt=\"Weiter\"></a>";
    
    for(var i=intStart;i<(intEnd);i++){
        var arrTmpImg = arrTrendImg[i].split(".");
        strTmpImgS = arrTmpImg[0]+"_S."+arrTmpImg[1];
        if(i==objN) strTmpImgL = arrTmpImg[0]+"_l."+arrTmpImg[1];
        if(i==objN){
            var strCSSimg = "SSTitemR";
            var strCSSli = "SSTlinkR";
        }else{
            var strCSSimg = "SSTitem";
            var strCSSli = "SSTlink";
        }
        strItems = strItems + "<div class=\"dvSSTitem\"><a href=\"#\" title=\""+arrTrendHl[i]+"\" onfocus=\"blur()\" class=\""+strCSSimg+"\" onclick=\"buildTrends("+i+");return false;\"><img src=\"images/shim.gif\" style=\"background:url("+strImgP+strTmpImgS+") no-repeat center\" width=\"124\" height=\"82\" alt=\""+arrTrendHl[i]+"\"></a><a href=\"#\" title=\""+arrTrendHl[i]+"\" onfocus=\"blur()\" class=\""+strCSSli+"\"onclick=\"buildTrends("+i+")\">"+arrTrendHl[i]+"</a></div>"
    }
    
    document.getElementById("dvSlideshowTrendsPage").innerHTML = strPageItem;
    document.getElementById(strDvImgL).style.backgroundImage = "url("+strImgP+strTmpImgL+")";
    document.getElementById(strDvImgS).innerHTML = strItemsS + "</div>" + strItems + strItemsE + "</div>";
    document.getElementById(strDvTxtHL).innerHTML = arrTrendHl[objN];
    document.getElementById(strDvTxtDE).innerHTML = arrTrendDe[objN];
    intHeight = (setHeight("dvTrendsInfoContainer")+10)+"px";
    document.getElementById("dvTrendsInfoContainerBG").style.height = intHeight;
    strShopLink = (arrTrendsLi[objN].length>0)?"<a href=\""+arrTrendsLi[objN]+"\" title=\"Im Online Shop anzeigen\" onfocus=\"blur()\" class=\"ar\">Im Online Shop anzeigen</a><br>"+strShopLink:strShopLink;
    document.getElementById("dvTrendsInfoSubnavi").innerHTML = strShopLink;
}

function slideTrends(objN,obj){
    window.clearInterval(t);
    if(obj==1){
        showHideInfo('');
        var intArr = arrTrendImg.length>arrTrendHl?arrTrendHl.length:(arrTrendHl>arrTrendImg?arrTrendImg.length:arrTrendImg.length);
        showHide('dvSlideshowTrendsPage','');
        showHide('dvTrendsInfoContainerBG','');
        showHide('dvTrendsInfoContainer','');
        showHide('dvSlideshowTrends','');
        showHide('dvTrendsDnld','');
        document.getElementById("dvSlideshowTrendsBG").style.width = "295px";
        document.getElementById("dvSlideshowTrendsBG").style.left = "457px";
        showHide('dvSlideshowPlate','1');
        document.getElementById("dvSlideshowTrends").style.zIndex = "2";
        document.getElementById("dvSlideshowPlate").style.zIndex = "3";
        
        switch(objN){
            case "b":
                intC = intC<=0?intArr-1:intC-1;
                break;
            case "n":
                intC = intC>=intArr-1?0:intC+1;
                break;
            default:
                intC = intC;
                break;
        }
        var arrTmpImg = arrTrendImg[intC].split(".");
        strTmpImgL = arrTmpImg[0]+"_L."+arrTmpImg[1];
        /*if(arrTrendDe[intC].length>130){
            var strTmp = arrTrendDe[intC].substr(0,130);
            var intTmp = strTmp.lastIndexOf(" ");
            strTmpDe = strTmp.length>intTmp?strTmp.substr(0,intTmp)+" ...":strTmp;
        }else strTmpDe = arrTrendDe[intC];*/
        document.getElementById("dvSlideshowPlate").innerHTML = "<div style=\"position:absolute:right:15px;top:0;\"><img src=\"images/icons/counter.gif\" width=\"15\" height=\"15\" align=\"right\"></div><h1>"+arrTrendHl[intC]+"</h1><p>"+arrTrendSt[intC]+"</p><a href=\"#\" title=\"\" onfocus=\"blur()\" onclick=\"slideTrends('n','');return false;\" class=\"pm\">Präsentatisonsmodus beenden</a>";
        document.getElementById(strDvImgL).style.backgroundImage = "url("+strImgP+strTmpImgL+")";
        t = window.setInterval("slideTrends('n','1')", 7000);
    }else{
        x = 0;
        showHide('dvSlideshowTrendsPage','1');
        showHide('dvTrendsInfoContainerBG','1');
        showHide('dvTrendsInfoContainer','1');
        showHide('dvSlideshowTrends','1');
        showHide('dvTrendsDnld','1');
        document.getElementById("dvSlideshowTrendsBG").style.width = "1200px";
        document.getElementById("dvSlideshowTrendsBG").style.left = "0";
        showHide('dvSlideshowPlate','');
        document.getElementById("dvSlideshowTrends").style.zIndex = "3";
        document.getElementById("dvSlideshowPlate").style.zIndex = "2";
        buildTrends(intC);
    }
}

function showHideInfo(obj){
    if(obj==1){
        document.getElementById("dvTrendsInfoContainerBG").style.height = "515px";
        document.getElementById("dvTrendsInfoContainer").style.height = "504px";
        document.getElementById("dvTrendsInfoNavi").innerHTML = "<a href=\"#\" title=\"Infos ausblenden\" onfocus=\"blur()\" onclick=\"showHideInfo('');return false;\" class=\"au\">Infos ausblenden</a>";
        showHide('dvTrendsInfoDE','1');
        showHide('dvTrendsInfoSubnavi','1');
    }else{
        document.getElementById("dvTrendsInfoContainerBG").style.height = intHeight;
        document.getElementById("dvTrendsInfoContainer").style.height = "";//32
        document.getElementById("dvTrendsInfoNavi").innerHTML = "<a href=\"#\" title=\"Infos einblenden\" onfocus=\"blur()\" onclick=\"showHideInfo('1');return false;\" class=\"ad\">Infos einblenden</a>";
        showHide('dvTrendsInfoDE','');
        showHide('dvTrendsInfoSubnavi','');
    }
}

function setHeight(obj){
    return document.getElementById(obj).offsetHeight;
}

function renderErleben(obj,objV){
    if(obj==0 && intStep!=0){
        obj=Number(intStep);
        intStep=0;
    }
    var strPath = "images/bg/";
    if(obj>0)document.getElementById('dvContentBack').innerHTML = "<a href=\"#\" onclick=\"renderErleben("+(obj-1)+",'');return false;\" title=\"Zurück\" onfocus=\"blur()\"><img src=\"images/icons/shadowBack.png\" alt=\"Zurück\" style=\"background:url("+strPath+arrErlebenImgS[(obj-1)]+") no-repeat center bottom;\" height=\"620\" width=\"60\"></a>"
    else document.getElementById('dvContentBack').innerHTML = ""
    if(objV==1){
        showHide('dvContentTxtToolTip','');
        document.getElementById('dvContentContent').style.background = "url("+strPath+arrErlebenImgL[obj]+")";
        document.getElementById('dvContentContent').style.backgroundPosition = "right bottom";
        document.getElementById('dvContentTxt').className = "dvDTLarge";
        document.getElementById('dvContentTxt').style.marginTop = "0";
        document.getElementById('dvContentTxt').innerHTML = "<h1 style=\"margin-top:25px;\">"+arrErlebenHl[obj]+"</h1>"+arrErlebenSl[obj]+"<br><br>"+arrErlebenDe[obj]+"<br><br><a href=\"#\" onclick=\"renderErleben("+obj+",'');return false;\" title=\"Zurück\" onfocus=\"blur()\"><img src=\"images/tooltip/zurGrossansicht.png\" width=\"113\" height=\"36\" alt=\"Zur Grossansicht\" align=\"right\"></a>";
        if(document.getElementById('dvContentOrderCataloge').style.display=="block") showHide('dvContentOrderCataloge','');
    }else{                                                                
        showHide('dvContentTxtToolTip','1');
        document.getElementById('dvContentTxtToolTip').style.top = arrToolTip[obj][1]+"px";
        document.getElementById('dvContentTxtToolTip').style.left = arrToolTip[obj][2]+"px";
        document.getElementById('dvContentTxtToolTip').style.width = arrToolTip[obj][3]+"px";
        if(obj>0)document.getElementById('dvContentTxtToolTip').innerHTML = "<a href=\"#\" onclick=\"renderErleben("+(obj)+",'1');return false;\" title=\"\" onfocus=\"blur()\">"+arrToolTip[obj][0]+"</a>";
        else document.getElementById('dvContentTxtToolTip').innerHTML = arrToolTip[obj][0]+"<br><br><a href=\"#\" onclick=\"renderErleben("+(obj+1)+",'');return false;\" title=\"TRETEN SIE EIN\" onfocus=\"blur()\" class=\"ar\" style=\"float:right;\"><span class=\"large\">TRETEN SIE EIN</span></a>";
        document.getElementById('dvContentContent').style.background = "url("+strPath+arrErlebenImgS[obj]+")";
        document.getElementById('dvContentTxt').className = "";
        document.getElementById('dvContentTxt').style.marginTop = "25px";
        document.getElementById('dvContentTxt').innerHTML = "<h1>"+arrErlebenHl[obj]+"</h1>"+arrErlebenSl[obj];
        if(document.getElementById('dvContentOrderCataloge').style.display=="none" && obj==intArrL) showHide('dvContentOrderCataloge','1');
    }
    if(obj<intArrL){
        if(document.getElementById('dvContentNext').style.display=="none") showHide('dvContentNext','1');
        showHide('dvContentOrderCataloge','');
        document.getElementById('dvContentContent').style.width = "1079px";
        document.getElementById('dvContentNext').innerHTML = "<a href=\"#\" onclick=\"renderErleben("+(obj+1)+",'');return false;\" title=\"Weiter\" onfocus=\"blur()\"><img src=\"images/icons/shadowNext.png\" alt=\"Weiter\" style=\"background:url("+strPath+arrErlebenImgS[(obj+1)]+") no-repeat center bottom;\" height=\"620\" width=\"61\"></a>";
    }else{
        showHide('dvContentNext','');
        document.getElementById('dvContentContent').style.width = "1140px";
        if(objV!=1)showHide('dvContentOrderCataloge','1');
    }
}

function render(objID,objID2,obj){
    var strHL = "";
    var strDE = "";
    for(var i=0;i<=intArrL;i++){
        if((typeof arrHL[i])=="object"){
            strHL = strHL + "<p>"+arrHL[i][0];
            strHL = strHL + "<br><a href=\"#\" onclick=\"render('"+objID+"','"+objID2+"',"+i+");return false;\" title=\""+arrHL[i][1]+"\" onfocus=\"blur()\" class=\"arw";
            if(i==obj) strHL = strHL + "R";
            strHL = strHL + "\">"+arrHL[i][1]+"</a></p>";
        }else{
            strHL = strHL + "<p><a href=\"#\" onclick=\"render('"+objID+"','"+objID2+"',"+i+");return false;\" title=\""+arrHL[i]+"\" onfocus=\"blur()\" class=\"arw";
            if(i==obj) strHL = strHL + "R";
            strHL = strHL + "\">"+arrHL[i]+"</a></p>";
        }
    }
    document.getElementById(objID).innerHTML = strHL;
    
    strHL2 = ((typeof arrHL[obj])=="object")?arrHL[obj][1]:arrHL[obj];
    document.getElementById(objID2).innerHTML = "<h1>"+strHL2+"</h1>"+arrDE[obj];

}

function renderPlan(objID){
    var strHtml = "";
    var strIcons = "";
    for(var e=0;e<arrEtage.length;e++){
        strHtml = strHtml + "<div class=\"dvBereichContainer\" id=\""+arrEtage[e]+"\"";
        if(e==(arrEtage.length-1)) strHtml = strHtml + "style=\"background:none;\"";
        strHtml = strHtml + ">";
        if(arrEtage[e]==objID){
            var intI = e;
            document.getElementById('dvLegendeEtage').innerHTML = arrEtage1[e];
            strHtml += "<span class=\"xLarge red\" style=\"margin-left:12px;\">"+arrEtage1[e]+"</span><br><br>";
            for(var i=0;i<(arrItems[e].length-1);i++){
                strHtml = strHtml + "<div class=\"dvBereichItem\" id=\"item"+e+"_"+i+"\"><a href=\"#\" title=\""+arrEtage[e]+"\" onmouseover=\"renderPlanBG('"+arrEtage[e]+"_"+arrItems[e][i][2]+"');changeImgBorder('img"+i+"','ff0000');return false;\" onmouseout=\"renderPlanBG('"+arrEtage[e]+"');changeImgBorder('img"+i+"','dbdbdb');return false;\" onfocus=\"blur();\" class=\"blank\">"+arrItems[e][i][0]+""+arrItems[e][i][1]+"</a></div>";
                if((i+1)%3==0) strHtml = strHtml + "<br clear=\"all\">";
            }
            strHtml = strHtml + "<br clear=\"all\">";
        }else{
            strHtml = strHtml + "<a href=\"#\" title=\""+arrEtage[e]+"\" onclick=\"renderPlan('"+arrEtage[e]+"');return false;\" onfocus=\"blur();\" class=\"arw\" style=\"margin-left:0;\"><span class=\"large\">"+arrEtage1[(e)]+"</span></a>";
        }
        strHtml = strHtml + "</div>";
    }
    document.getElementById('txt').innerHTML = strHtml;
    document.getElementById('dvContentContainerPlan').style.backgroundImage = "url(images/content/plan/"+objID+".jpg)";
    var intL = arrItems[intI].length-1;
    for(var i=0;i<arrItems[intI][intL].length;i++){
        strIcons = strIcons + "<div class=\"dvLegendeItem "+arrItems[intI][intL][i].toLowerCase()+"\">"+arrItems[intI][intL][i]+"</div>";
    }
    document.getElementById('dvLegendeContainer').innerHTML = strIcons;
    document.getElementById('dvContentContainer').className = "diemarke_plan_"+objID;
}

function renderPlanBG(obj){
    document.getElementById('dvContentContainerPlan').style.backgroundImage = "url(images/content/plan/"+obj+".jpg)";
}

function changeImgBorder(obj,objC){
    document.getElementById(obj).style.borderColor = "#"+objC;
}