/* This Class generates the HTML-Code for the MarginalColumn 
 * @author rm
 * @version 1.0
 */
function generateMarginalHTML(sfilePathIcons) {
   
    this.filePathIcons = sfilePathIcons;
    this.popupHeight = 0;
    /* 
     *  This generates the HTML for the beginn of the MarginalArea
     */
    this.beginMarginalArea = function(){
        sInsert = "";
        sInsert += "<div id=\"marginalDiv\" class=\"marginalAreaHeight marginalAreaWidthOuter\" style=\"display:none;\">"
        
        sInsert += "<table cellpadding=\"0\" cellspacing=\"0\" id=\"marginalMasterTableID\" class=\"marginalMasterTable marginalAreaHeight marginalAreaWidthOuter\">";
        sInsert += "<tr>";
        return sInsert;
    }
    
    /* 
     *  This generates the HTML for the end of the MarginalArea
     */
    this.endMarginalArea = function(){
        sInsert = "";
        sInsert += "</tr></table>";
        sInsert += "<div id=\"marginalMoveBarHiddenID\" class=\"marginalAreaHeight\" style=\"width:"+(g_iCloseColumnLeftWidth)+"px;display:block;background-color:#d6d6d6;border 1px solid #ff0000\" >";
        sInsert += "<a  href=\"#\" onClick=\"javascript:changeMarginalStatus()\" style=\"text-align: center;\" class=\"marginalHeadLines writing\">";
        sInsert += "<div width=\"100%\" style=\"padding-top:6px;text-align: center;\" onmouseover=\"this.style.cursor='pointer'\" onmouseout=\"this.style.cursor='pointer'\">";
        sInsert += "<img border=\"0\" alt=\"maximieren\" title=\"maximieren\" src=\"" + this.filePathIcons + "vergroessern.gif\"/> ";
        sInsert += "<br/><br/><img border=\"0\" title=\"weitere Informationen\" alt=\"weitere Informationen\" src=\"" + this.filePathIcons + "weitere_info_10px.gif\"/>";
        sInsert += "</div>";     
        sInsert += "</a>";
        sInsert += "</div>";
        sInsert += "</div>";
        return sInsert;
    }
    
    /* 
     *  This generates the HTML for the beginn of the ContextColumn
     */
    this.beginContexColumn = function(){
        var sInsert = "";
        sInsert += "<td  style=\"vertical-align:top;\" id=\"marginalArea\" class=\"contextArea marginalAreaHeight\">";
        sInsert += "<div class=\"marginalArea marginalAreaHeight scrollBarColor\"  id=\"contextArea\">";
        return sInsert;
    }
    
    /* 
     *  This generates the HTML for the end of the ContextColumn
     */
    this.endContextColumn = function(){
        return "</div></td>";
    }
    
    /* 
     *  This generates the HTML for the Space between the different-Areas
     */
    this.getSpacing = function(){
        return "<div class=\"\" style=\"border:1px solid #ffffff;\" ></div>";
    }
    
    
    this.getInfoPlus = function() {
        var indexOfArray = 0;
        var sizeOfArray = 0;
        var sInsert = "";
        if(typeof(elements_infoplus)!="undefined") {
            var tdClass = "marginalLinkTdFirst";
            sInsert += "<div class=\"marginalScrollWidth marginalHeadLines marginalContextTab\" ><nobr>&nbsp;";
            sInsert += "Verwandte Inhalte";
            sInsert += "</nobr><br></div>";
            sizeOfArray = elements_infoplus.length;
            
            if(sizeOfArray > 0) {
              
                sInsert += "<table cellspacing=\"0px\" cellpadding=\"0px\" class=\" marginalLinkTable bg-color7\">"
                for( indexOfArray = 0; indexOfArray<sizeOfArray; indexOfArray++){ 
                    if(indexOfArray==0){tdClass = "marginalLinkTdFirst";}else{tdClass = "marginalLinkTd";}
                    sInsert += "<tr class=\"marginalLinkTr\" onmouseover=\"this.className='marginalLinkTrHover'\" onmouseout=\"this.className='marginalLinkTr'\">";
                    sInsert += "<td width=\"16px\" class=\"" + tdClass + "\" style=\"padding-left:2px;\"><img onmouseover=\"this.style.cursor='pointer'\" onmouseout=\"this.style.cursor='pointer'\" onclick=\"javascript:changePopupStatus(this," + indexOfArray + ")\" alt=\""+elements_infoplus[indexOfArray][0]+" öffnen\" title=\""+elements_infoplus[indexOfArray][0]+" öffnen\" src=\"" + filePathIcons + "info_plus.gif\" border=\"0\"/></td>";
                    sInsert += "<td class=\""+tdClass+"\"><a href=\"#\" onclick=\"javascript:changePopupStatus(this," + indexOfArray + ")\" class=\"marginalLinkText\" ><nobr>"+ elements_infoplus[indexOfArray][0] +"</nobr></a></td>";
                    sInsert += "</tr>";
                }
                sInsert += "</table>";
               
            }    
        }
        return sInsert;
    }
        
    this.getMarginalMoveBar = function() {
        var sInsert = "";
        sInsert += "<td class=\"marginalMoveBar marginalAreaHeight\">";
        sInsert += "<div id=\"marginalMoveBarID\" width=\"4px\" class=\"marginalAreaHeight sliderBar bg-color5\" style=\"margin:0px;padding:0px;\" >";
        //sInsert += "<div class=\"marginalAreaHeight sliderMoveBar bg-color6\" id=\"" + g_shiSliderRightID +"\" onmouseover=\"this.style.cursor='e-resize'\" onmouseup=\"dropScroller()\" onmousedown=\"getScroller(this)\"  width=\"4px\" style=\"left:" + (document.body.offsetWidth - g_iActualColumnRightWidth - 21) + "px;\"  onmouseout=\"this.style.cursor='pointer'\"></div>";
        
        sInsert += "</div>";
        sInsert += "</td>";
        return sInsert;
    }    
    
    this.getMarginalHead = function() {
        var sInsert = "";
        sInsert += "<div class=\"marginalText2 bg-color5\" style=\"margin:0px;padding-left:84px;text-align:right;\">";
        sInsert += "<table cellpadding=\"0\" cellspacing=\"0\" class=\"\" style=\"width:100%;height:18px;text-align:right;vertical-align:middle;margin-right:4px;\"><tr><td title=\"verkleinern\" onClick=\"Javascript:changeMarginalStatus();\" onmouseover=\"this.style.cursor='pointer';this.style.textDecoration='underline'\" onmouseout=\"this.style.textDecoration='none'\">"
        sInsert += "verkleinern";
        sInsert += "</td><td width=\"16\">";
        sInsert += "<img onClick=\"Javascript:changeMarginalStatus();\" onmouseover=\"this.style.cursor='pointer'\" onmouseout=\"this.style.cursor='pointer'\" border=\"0\" id=\"marginalOpenCloseButton\" src=\"" + this.filePathIcons + "verkleinern.gif\" alt=\"verkleinern\" title=\"verkleinern\"/>";
        sInsert += "</td></tr></table></div>";
        return sInsert;
    }
    
    this.getMarginalDocInfo = function() {
        var sInsert = "";
        if(typeof(elements_docinfo)!="undefined"){
            sInsert += "<div class=\"marginalHeadLines marginalScrollWidth writing marginalContextTab\"><nobr>&nbsp;";
            sInsert += "Dokument Info";
            sInsert += "</nobr><br></div>";
           
            sInsert += "<table cellspacing=\"0px\" cellpadding=\"0px\" class=\" marginalLinkTable bg-color7\">";
            sInsert += "<tr class=\"marginalLinkTr\" onmouseover=\"this.className='marginalLinkTrHover'\"  onmouseout=\"this.className='marginalLinkTr'\">";
            sInsert += "<td width=\"16px\" class=\"marginalLinkTdFirst\" style=\"padding-left:2px;\">";
            sInsert += "<img title=\"Dokument Info öffnen\" alt=\"Dokument Info öffnen\" src=\""+ this.filePathIcons + "info_plus.gif\" border=\"0\" onmouseover=\"this.style.cursor='pointer'\" onclick=\"javascript:changePopupStatus(this,-1)\"/>";
            sInsert += " </td>";
            sInsert += "<td  class=\"marginalLinkTdFirst \" ><a href=\"#\" class=\"marginalLinkText\" onclick=\"javascript:changePopupStatus(this,-1)\"><nobr>Inhalte</nobr></a></td>";
            sInsert += "</tr>";
            sInsert += "</table>";
           
        }
        return sInsert;
    }
    
    this.getDazuGehoert = function() {
        var sInsert = "";
        if(typeof(elements_dazugehoert)!="undefined") {
            isAnyInfoSet = 1;
            sInsert += "<div class=\"marginalScrollWidth marginalHeadLines writing marginalContextTab\" ><nobr>&nbsp;";
            sInsert += "Dazu gehört...";
            sInsert += "</nobr><br></div>";
            sizeOfArray = elements_dazugehoert.length;
            if(sizeOfArray > 0) {
                sInsert += elements_dazugehoert[0].displayBegin();
                for(indexOfArray=0; indexOfArray < sizeOfArray; indexOfArray++) {
                    sInsert += elements_dazugehoert[indexOfArray].display();
                }
                sInsert += elements_dazugehoert[indexOfArray-1].displayEnd();
            }    
        }
        return sInsert;
    }
    
    this.getDocInfoPopup = function(){
    var popupValue = "";
     if(typeof(elements_docinfo)!="undefined")
    {
        isAnyInfoSet = 1;
        popupValue += "<div class=\"marginalPopupHeader\" >";
        popupValue += "<table class=\" marginalPopupTable\">";
	popupValue += "<tr>";
	popupValue += "<td class=\"marginalHeadLines\" style=\"text-align:left;\">Dokument Info</td>";
	popupValue += "<td style=\"vertical-align: middle;width:70px;text-align:right;\"><a href=\"#\" onclick=\"javascript:closePopUp(this,"+moveSpeed+")\" class=\"marginalText2 writing\">schließen</a></td>";
	popupValue += "<td style=\"width:16px;vertical-align: middle;\"><a href=\"#\" onclick=\"javascript:closePopUp(this,"+moveSpeed+")\" class=\"marginalLinkText\"><img title=\"schließen\" alt=\"schließen\" border=\"0\" src=\"" + filePathIcons + "entfernen.gif\"/></a></td>";
	popupValue += "</tr>";
	popupValue += "</table>";
        popupValue += "</div>";
        sizeOfArray =elements_docinfo.length;
        if(sizeOfArray < 6){
            this.popupHeight = (sizeOfArray * 15) + 25;
        }else{
            this.popupHeight = g_iSizeOfMarginalPopup;
        }
        popupValue += "<div style=\"height:" +  this.popupHeight  +"px\" class=\"marginalPopupLinkArea bg-color7\" >";
        if(sizeOfArray > 0)
        {
            popupValue += elements_docinfo[0].displayBegin();
            for(indexOfArray=0; indexOfArray < sizeOfArray; indexOfArray++)
            {
                popupValue += elements_docinfo[indexOfArray].display();
            }
            popupValue += elements_docinfo[indexOfArray-1].displayEnd();
        }
        popupValue += "</div>";
    }
    return popupValue;
}



this.getPopupHeight = function()
{
    return this.popupHeight;
}
    
this.getPopupValue = function(popupNumber)
{	
        var newMabLinks = elements_infoplus[popupNumber][1];
        var sizeOfArray = newMabLinks.length;
        var sizeOfPopup = sizeOfArray * 30;
        if(sizeOfPopup>300)
        {
            sizeOfPopup = 300;
        }
	var popupValue = "<div class=\"marginalPopupHeader\">";
	popupValue += "<table class=\"marginalPopupTable\">";
	popupValue += "<tr>";
	popupValue += "<td class=\"marginalHeadLines\" style=\"font-weight:bold;\">"+ elements_infoplus[popupNumber][0] +"</td>";
	popupValue += "<td style=\"font-weight:normal;width:70px;text-align:right;\"><a href=\"#\" onclick=\"javascript:closePopUp(this,"+moveSpeed+");\" class=\"marginalText2 writing\">schließen</a></td>";
	popupValue += "<td style=\"width:16px\"><a href=\"#\" onclick=\"javascript:closePopUp(this,"+moveSpeed+");\" class=\"marginalLinkText\"><img alt=\"schließen\" title=\"schließen\" border=\"0\" src=\"" + filePathIcons + "entfernen.gif\"/></a></td>";
	popupValue += "</tr>";
	popupValue += "</table>";
	popupValue += "</div>";
	popupValue += "<div width=\"100%\" style=\"border:1px solid #ffffff;\" ></div>"
   
        var _iSizeOfPopup = 0;
         if(sizeOfArray < 6){
            _iSizeOfPopup = (sizeOfArray * 30) + 30;
        }else{
            _iSizeOfPopup = g_iSizeOfMarginalPopup;
        }
        popupValue += "<div style=\"height:" + _iSizeOfPopup  +"px\" class=\"marginalPopupLinkArea bg-color7\" >";
	index=0;
        if(sizeOfArray > 0)
        {
            popupValue += newMabLinks[0].displayBegin();
            for(indexOfArray=0; indexOfArray < sizeOfArray; indexOfArray++)
            {
                popupValue += newMabLinks[indexOfArray].display();
            }
            popupValue += newMabLinks[indexOfArray-1].displayEnd();
        }    
	popupValue += "</div>";
	
	return popupValue;
}


}