/*! $Id: data_tables.js 5460 2009-07-30 15:49:46Z kschaefer $ */
/*navigation start*/
function activateNavigation(element,element_position)
{
    /*alert(element_position);*/
    if (navigator.appName == "Microsoft Internet Explorer")
    {
        if(document.getElementById("dropdownInfobox"+element_position) && document.getElementById("dropdownInfobox"+element_position).style.display=="block")
        {
            document.getElementById("dropdownInfobox"+element_position).style.display="none";
        }
    }
    element.getElementsByTagName('ul')[0].style.visibility="visible";
    /* Do this only, if it's not the first element */
    if(!element_position)
    {
        element.getElementsByTagName('a')[0].className="sdtNavigation navigationModels sdtNavigationActive";
    }
}
function deactivateNavigation(element,element_position)
{


/*  element_temp = element;
    element_temp_pos = element_position;
    window.setTimeout("doDeactivateNavigation(element_temp,element_temp_pos)", 1000);   */
    element.getElementsByTagName('ul')[0].style.visibility="hidden";

    var selVariant = eval("document.getElementById('notepadSelectedVersionColumn"+element_position+"').value");

    if (navigator.appName == "Microsoft Internet Explorer")
    {
        if(selVariant && selVariant==0)
        {
            if(document.getElementById("dropdownInfobox"+element_position) && document.getElementById("dropdownInfobox"+element_position).style.display=="none")
            {
                document.getElementById("dropdownInfobox"+element_position).style.display="block"
            }
        }
    }

    if(!element_position)
    {
        element.getElementsByTagName('a')[0].className="sdtNavigation navigationModels";
    }
    /*eval("window.setTimeout('doDeactivateNavigation("+element+","+element_position+")', 10000)");*/
}
/*navigation end*/





/*--------------------------------*
*  Loading XML Definitions  *
*---------------------------------*/
function ajaxLoadD()
{
    var modelId = document.getElementById("parameter_modelId").firstChild.nodeValue;
    /* Check function conditions; load */
    if(modelId)
    {
        ajaxRequestD = createAjaxRequest();
        var url="model_"+modelId+"_definitions.xml";
        ajaxRequestD.open("GET", url, true);
        ajaxRequestD.onreadystatechange=ajaxWriteD;
        ajaxRequestD.send(null);
    }
    else
    {
        alert("Variable 'modelId' has no value.\nThe function 'ajaxLoadD()' was terminated.\nPlease check the parameter in HTML!");
        return;
    }
}

function ajaxLoadV(variant)
{
    var modelId = document.getElementById("parameter_modelId").firstChild.nodeValue;
    /* Check function conditions; load */
    if(modelId)
    {
        ajaxRequestV = createAjaxRequest();
        var url="model_"+modelId+"_variant_"+variant+".xml";
        ajaxRequestV.open("GET", url, true);
        ajaxRequestV.onreadystatechange=ajaxWriteV;
        ajaxRequestV.send(null);
    }
    else
    {
        alert("Variable 'modelId' has no value.\nThe function 'ajaxLoadV()' was terminated.\nPlease check the parameter in HTML!");
        return;
    }
}

/*--------------------------------*
*  Write Variation Definitions    *
*---------------------------------*/
function ajaxWriteD()
{
    if(ajaxRequestD.readyState == 4)
    {
        if(ajaxRequestD.status == 200)
        {
            var copy_node = ajaxRequestD.responseXML.getElementsByTagName("div")[0].cloneNode(true);
            var position = document.getElementById("modelData_valuesCloser");
            /*document.getElementById("modelData_valuesContainer").insertBefore(copy_node, position);*/
            document.getElementById("modelData_valuesContainer").appendChild(copy_node);
            /* Generate DropDowns: */
            writeDropdowns();
        }
        else
        {
            alert("Error in handling Ajax.\nFunction: 'ajaxWriteD()'\n\nError Code: " + ajaxRequest.status + "\n" + ajaxRequest.statusText)
        }
    }
}
function ajaxWriteV()
{
    if(ajaxRequestV.readyState == 4)
    {
        if(ajaxRequestV.status == 200)
        {
            var copy_node = ajaxRequestV.responseXML.getElementsByTagName("div")[0].cloneNode(true);
            var position = document.getElementById("modelData_valuesCloser");
            /*document.getElementById("modelData_valuesContainer").insertBefore(copy_node, position);*/
            document.getElementById("modelData_valuesContainer").appendChild(copy_node);
            /* Call writing contents: */
            writeDataTableCont();
        }
        else
        {
            alert("Error in handling Ajax.\nFunction: 'ajaxWriteV()'\n\nError Code: " + ajaxRequest.status + "\n" + ajaxRequest.statusText)
        }
    }
}

/*--------------------------------*
*  Generate DropDowns             *
*---------------------------------*/
function writeDropdowns()
{
    var def_pos = document.getElementById("def_var");

    for(h=1;h<=3;h++)
    {
        var position = eval("document.getElementById('dropdown"+h+"')").getElementsByTagName("ul")[0];
        for(i=0;i<def_pos.getElementsByTagName("li").length;i++)
        {
            var newElem         = document.createElement("li");
            if(i==0){newElem.className="first";}

            var newElemContext  = document.createElement("span");
            var dropdownPosition = i+1;
            var variantPosition = h;
            newElemContext.dropdownPositionID = dropdownPosition;
            newElemContext.variantPositionID = variantPosition;

            newElemContext.onmouseover = function() {this.className='dropdownActive';}
            newElemContext.onmouseout = function() {this.className='dropdownPassive';}
            newElemContext.onclick  =  function() {updateModelDataValues(dropdownPosition,h,this);}
            var newElemContent  = document.createTextNode(document.getElementById("def_var").getElementsByTagName("li")[i].firstChild.nodeValue);

            newElemContext.appendChild(newElemContent);
            newElem.appendChild(newElemContext);
            position.appendChild(newElem);
        }
    }
    /* Add "Compare with" copy for dropdowns 2 + 3: */
    addCompareCopy();
}

function addCompareCopy()
{
    var compareCopy     = document.getElementById('compare-with').firstChild.nodeValue;
    /*var compareCopy       = "Compare with";*/
    for(h=2;h<=3;h++)
    {
        var insertPosition = document.getElementById("dropdown"+h).getElementsByTagName("li")[0].getElementsByTagName("ul")[0].getElementsByTagName("li")[0];
        var dropDownFirstElement = document.getElementById("dropdown"+h).getElementsByTagName("li")[0].getElementsByTagName("ul")[0];
        var testvalue           = document.createTextNode(compareCopy);
        var testli              = document.createElement("li");
        var testspan            = document.createElement("span");

        /*testspan.onclick=  updateModelDataValues(h,0,this);*/
        if(h==2)
        {
            testspan.onclick=  function() {updateModelDataValues(2,0,this);}
        }
        else
        {
            testspan.onclick=  function() {updateModelDataValues(3,0,this);}
        }

        testspan.onmouseover = function() {this.className='dropdownActive';}
        testspan.appendChild(testvalue);

        testspan.className="dropdownActive";
        testli.appendChild(testspan);
        testli.className="first";
        testli.selectText="yes";
        insertPosition.removeAttribute("class");
        dropDownFirstElement.insertBefore(testli, insertPosition);
    }
    /* Generate Table Index: */
    writeDataTableCat();
}

/*--------------------------------*
*  Generate DataTable             *
*---------------------------------*/
function writeDataTableCat()
{
    /*alert("start function writeDataTableCat");*/
    /* Number of Categories: All ul in XML, minus 2 definition ul for variants and trims */
    var numberCat = (document.getElementById("modelData_definitions").getElementsByTagName("ul").length)-2;
    var position = document.getElementById("modelDataTable");
    var modelDataTableBody = document.createElement("tbody");

    for(h=0;h<numberCat;h++)
    {
        /* Create HTML-structure: */
        var newElemHeadline         = document.createElement("tr");
        var newChildElemCol         = document.createElement("td");
        var newChildElemColContxt   = document.createElement("span");
        newChildElemColContxt.className="category";

        newElemHeadline.setAttribute("id","categoryToggleButton"+(h+1),"1");

        var categoryPosition = h+1;

        newElemHeadline.categoryPositionId = categoryPosition;
        newElemHeadline.onclick=  function() {
            toggleCategoryVisibility(this);
            }
        newElemHeadline.className="categoryHeadline";

        /*ie6 test*/
        newElemHeadline.onmouseover=  function() {
            this.className='categoryHeadlineHover categoryHeadline'
            }
        newElemHeadline.onmouseout=  function() {
            this.className='categoryHeadline'
            }
        /*eval("newElemHeadline.onmouseover = function(){this.className='categoryHeadlineHover categoryHeadline'}");
        eval("newElemHeadline.onmouseout = function(){this.className='categoryHeadline'}")
        ie6 test end*/

        var contentValue            = eval("document.getElementById('cat_"+(h+1)+"').getElementsByTagName('li')[0].firstChild.nodeValue");
        var newElemHeadlineContent  = document.createTextNode(contentValue);


        /* Build: */
        newChildElemColContxt.appendChild(newElemHeadlineContent);
        newChildElemCol.appendChild(newChildElemColContxt);
        newElemHeadline.appendChild(newChildElemCol);
        modelDataTableBody.appendChild(newElemHeadline);

        /*position.appendChild(newElemHeadline);*/

        var newElemItemRow          = document.createElement("tr");
        newElemItemRow.className="category";

        modelDataTableBody.appendChild(newElemItemRow);

        var newElemItemCol          = document.createElement("td");
        var newElemItemWrapper      = document.createElement("div");
        eval("newElemItemWrapper.setAttribute('id','wrapperModelData_category_"+(h+1)+"','1')");
        newElemItemWrapper.className="categoryContent";
        var newElemItemTable        = document.createElement("table");
        eval("newElemItemTable.setAttribute('id','modelDataTable_category_"+(h+1)+"','1')");
        newElemItemTable.setAttribute("cellspacing","0","0");
        newElemItemTable.setAttribute("cellpadding","0","0");
        var newElemItemTableBody    = document.createElement("tbody");

        /* Index: */
        var thisCategoryItemsNumber = eval("document.getElementById('cat_"+(h+1)+"').getElementsByTagName('li').length");
        var infoItemsNumber         = eval("if(document.getElementById('featureInfo')){document.getElementById('featureInfo').getElementsByTagName('li').length} else{0}");

        for(k=0;k<(thisCategoryItemsNumber-1);k++)
        {
            var newIndexRow = document.createElement("tr");
            var newIndexCol = document.createElement("td");
            var infoTable   = document.createElement("table");
        infoTable.setAttribute("cellspacing","0","0");
        infoTable.setAttribute("cellpadding","0","0");
        infoTable.className = "infoTable";
        var infoTableBody   = document.createElement("tbody");
        var infoFeatureCol  = document.createElement("td");
        var infoIconCol     = document.createElement("td");
        var infoIconRow     = document.createElement("tr");
        infoFeatureCol.className="infoTableFeature";
        infoIconCol.className="infoTableIcon";
        var infoImageNode   = document.createElement("img");
        infoImageNode.setAttribute('src',"/assets/images/global/info.png");
        /*infoImageNode.setAttribute('style',"margin-left:80px");   */
        infoImageNode.className="infoTableIcon";

        infoIconCol.appendChild(infoImageNode);
        infoIconRow.appendChild(infoFeatureCol);
        infoIconRow.appendChild(infoIconCol);
        infoTableBody.appendChild(infoIconRow);
        infoTable.appendChild(infoTableBody);

        var popupWrapper            = document.createElement("div");
        var popupTop                = document.createElement("div");
        var popupTopImg             = document.createElement("img");
        popupTopImg.setAttribute('src',"/assets/images/global/infoTop.png");
        var popupBottom             = document.createElement("div");
        var popupBottomImg          = document.createElement("img");
        popupBottomImg.setAttribute('src',"/assets/images/global/infoBottom.png");
        var popupArrowWrapper       = document.createElement("div");
        var popupArrowImg           = document.createElement("img");
        popupArrowImg.setAttribute('src',"/assets/images/global/popupArrow.png");
        var popupContainerHolder    = document.createElement("div");
        var popupContainer          = document.createElement("div");
        var popupHeadWrapper        = document.createElement("div");
        var popupImgWrapper         = document.createElement("div");
        var popupCopyWrapper        = document.createElement("div");
        var popupImg                = document.createElement("img");
        popupImg.setAttribute('src',"/assets/images/global/models/lacetti-5d/pop1.gif");
        var popupHeadContent        = document.createTextNode('Headline for the first popup');
        var popupCopyContent        = document.createTextNode('Lorem ipsum dolor sit amet, consectetur adipiscing elit. Pellentesque pharetra. Donec ultrices, sapien sagittis scelerisque placerat, est purus lobortis odio, sit amet molestie sapien lorem sit amet diam.');

        popupWrapper.appendChild(popupArrowWrapper);
        popupWrapper.appendChild(popupContainerHolder);
        popupArrowWrapper.appendChild(popupArrowImg);
        popupWrapper.className="popupWrapper";
        popupTop.className="popupTop";
        popupTop.appendChild(popupTopImg);
        popupBottom.appendChild(popupBottomImg);
        popupBottom.className="popupBottom";
        popupArrowWrapper.className="popupArrowWrapper";
        popupContainerHolder.className="popupContainerHolder";
        popupHeadWrapper.className="popupHead";
        popupImgWrapper.className="popupImg";
        popupCopyWrapper.className="popupCopy";
        popupContainerHolder.appendChild(popupTop);
        popupContainerHolder.appendChild(popupContainer);
        popupContainerHolder.appendChild(popupBottom);
        popupContainer.appendChild(popupHeadWrapper);
        popupContainer.appendChild(popupImgWrapper);
        popupContainer.appendChild(popupCopyWrapper);
        popupHeadWrapper.appendChild(popupHeadContent);
        popupImgWrapper.appendChild(popupImg);
        popupCopyWrapper.appendChild(popupCopyContent);
        popupContainer.className="popupContainer popupMiddleFilter";
        eval("popupWrapper.setAttribute('id','popup_cat_"+(h+1)+"_row_"+k+"','1')");
        eval("infoImageNode.onmouseover = function(){infoImageNode.className='infoIconHover'; if(document.getElementById('popup_cat_"+(h+1)+"_row_"+k+"')){document.getElementById('popup_cat_"+(h+1)+"_row_"+k+"').className='popupWrapper buttonShow'; var popTop = getY(this); if(popTop<760){document.getElementById('popup_cat_"+(h+1)+"_row_"+k+"').getElementsByTagName('div')[1].className='popupContainerHolderTop buttonShow';}else {document.getElementById('popup_cat_"+(h+1)+"_row_"+k+"').getElementsByTagName('div')[1].className='popupContainerHolder buttonShow';}; }}");
        eval("infoImageNode.onmouseout = function(){infoImageNode.className='infoIconHover'; if(document.getElementById('popup_cat_"+(h+1)+"_row_"+k+"')){document.getElementById('popup_cat_"+(h+1)+"_row_"+k+"').className='popupWrapper buttonHide'}}");

            if(k<(thisCategoryItemsNumber-2))
            {
                newIndexCol.className="index";
            }
            else
            {
                newIndexCol.className="index last";
            }

            var newIndexValue           = eval("document.getElementById('cat_"+(h+1)+"').getElementsByTagName('li')["+(k+1)+"].firstChild.nodeValue");
            var indexValueInfo = newIndexValue.replace(/'/g, "test");

            eval("if(document.getElementById('featureInfo')){for(i=0;i<infoItemsNumber;i++){if(newIndexValue==document.getElementById('featureInfo').getElementsByTagName('li')[i].innerHTML){newIndexCol.className=newIndexCol.className.concat(' infoTableHolder')}else{}}}");

            var newIndexElementValue    = document.createTextNode(newIndexValue);
            var infoElementValue    = document.createTextNode("testing infobox");

            eval("if(newIndexCol.className.indexOf('infoTableHolder')!='-1'){newIndexCol.appendChild(infoTable);infoFeatureCol.appendChild(newIndexElementValue);infoIconCol.appendChild(popupWrapper)}else{newIndexCol.appendChild(newIndexElementValue);}");

            /*newIndexCol.appendChild(newIndexElementValue);*/
            newIndexRow.appendChild(newIndexCol);
            newElemItemTableBody.appendChild(newIndexRow);
        }

        var newElemCloserImg        = document.createElement("div");
        eval("newElemCloserImg.setAttribute('id','closerGraphic_category_"+(h+1)+"','1')");
        newElemCloserImg.className="closerGraphic";

        /* Build: */
        newElemItemTable.appendChild(newElemItemTableBody);
        newElemItemWrapper.appendChild(newElemItemTable);
        newElemItemCol.appendChild(newElemItemWrapper);
        newElemItemCol.appendChild(newElemCloserImg);
        newElemItemRow.appendChild(newElemItemCol);

    }

    position.appendChild(modelDataTableBody);
    /* Add SaveParams category_element_id*/
    var containerSaveParams = document.getElementById("modelData_valuesContainer");
    /* Generate: */
    var newSaveContainer    = document.createElement("form");
    var newSaveItem1        = document.createElement("input");
    newSaveItem1.setAttribute("type","hidden","0");
    newSaveItem1.setAttribute("id","notepadSelectedVersionColumn1","1");
    newSaveItem1.setAttribute("value","1","0");
    var newSaveItem2        = document.createElement("input");
    newSaveItem2.setAttribute("type","hidden","0");
    newSaveItem2.setAttribute("id","notepadSelectedVersionColumn2","1");
    newSaveItem2.setAttribute("value","0","0");
    var newSaveItem3        = document.createElement("input");
    newSaveItem3.setAttribute("type","hidden","0");
    newSaveItem3.setAttribute("id","notepadSelectedVersionColumn3","1");
    newSaveItem3.setAttribute("value","0","0");

    /* Build: */
    newSaveContainer.appendChild(newSaveItem1);newSaveContainer.appendChild(newSaveItem2);newSaveContainer.appendChild(newSaveItem3);
    containerSaveParams.appendChild(newSaveContainer);

    /* Write Col Variants in Save Form:
    document.getElementById("notepadSelectedVersionColumn1").value=1;*/
    /*document.getElementById("notepadSelectedVersionColumn2").value=2;
    document.getElementById("notepadSelectedVersionColumn3").value=3;*/

    /* Fill DataTable numberCat
    $("#closerGraphic_category_6").css("display","none");*/
    $("#closerGraphic_category_"+numberCat).css("display","none");
    writeDataTableCont();
}

/*--------------------------------*
*  Write DataTableContents       *
*---------------------------------*/

function writeDataTableCont()
{
    /* Read Variants (each col) */
    for(i=1;i<=3;i++)
    {
        /* Check, if selected variants are loaded: */
        var selVariant = eval("document.getElementById('notepadSelectedVersionColumn"+i+"').value");
        if(selVariant>0) /* 0 = standart-text to choose a model */
        {
            /*removeFromDropdown(selVariant);*/
            toggleInfoboxVisibility(i, selVariant);
            if(!eval("document.getElementById('cat_1_var_"+selVariant+"')"))
            {

                /*ajaxLoadV(i);
                return;*/
            }
        }
        else if(selVariant<=0)
        {   toggleInfoboxVisibility(i, selVariant);
            /*eval("document.getElementById('trim"+i+"ConfigurateButton').className='buttonHide'");*/
            }

    }

    /* Get number of categories: */
    var numberCat = (document.getElementById("modelData_definitions").getElementsByTagName("ul").length)-2;
    for(j=1;j<=numberCat;j++)
    {
        var trCounter = $("#modelDataTable_category_" + j + " > tbody").children("tr").length;
        var category_element = eval("document.getElementById('cat_"+j+"_var_1')");
        var category_element_array=category_element.getElementsByTagName("li");
            /* Get number of elements in this category: */
            for(k=0;k<category_element_array.length;k++)
                {
                        if((k+1)==category_element_array.length)
                        {
                            var className = " last";
                        }
                        else
                        {
                            var className = "";
                        }

                        var column1version = document.getElementById("notepadSelectedVersionColumn1").value;
                        var column2version = document.getElementById("notepadSelectedVersionColumn2").value;
                        var column3version = document.getElementById("notepadSelectedVersionColumn3").value;

                        if(document.getElementById("cat_"+j+"_var_"+column1version))
                            {var value1 = document.getElementById("cat_"+j+"_var_"+column1version).getElementsByTagName("li")[k].innerHTML;}
                            else {value1 = "&nbsp;";}
                        if(document.getElementById("cat_"+j+"_var_"+column2version))
                            {var value2 = document.getElementById("cat_"+j+"_var_"+column2version).getElementsByTagName("li")[k].innerHTML;}
                            else {value2 = "&nbsp;";}
                        if(document.getElementById("cat_"+j+"_var_"+column3version))
                            {var value3 = document.getElementById("cat_"+j+"_var_"+column3version).getElementsByTagName("li")[k].innerHTML;}
                            else {value3 = "&nbsp;";}

                        var point_element_parent = document.getElementById("modelDataTable_category_"+j);
                        var trCounter = $("#modelDataTable_category_" + j + " > tbody").children("tr").length;


                        if($("#modelDataTable_category_" + j + " > tbody").children("tr")[(k)])
                        {
                            var point_element = $("#modelDataTable_category_" + j + " > tbody").children("tr")[(k)];
                        }
                        else
                        {
                            alert("Construction Error: Missmatching numbers of index and variation-items!\n\nProcess terminated.");
                            return;
                        }

                        $(point_element).children(".valueContentOneColumn, .valueContentTwoColumns, .valueContentThreeColumns").remove();
                        
						updateDataCells(value1,value2,value3,className,point_element);

                } /* for */

    /*removeFromDropdown(selVariant);*/
    }
    /*$(".valueContent").animate({
        opacity: '1'
    }, "fast"); */
    checkDropdowns();
}

//old functions
function toggleCategoryVisibility(element,category_element_id)
{
    /*tmp browsercheck*/
    if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)){
 var ieversion=new Number(RegExp.$1)}
    /*tmp end*/

    category_element_id = element.categoryPositionId;
    element = element.getElementsByTagName("span")[0];

    eval("document.getElementById('dropdownInfobox2').style.display='none';");
    eval("document.getElementById('dropdownInfobox3').style.display='none';");

    /*eval("if(document.getElementById('dropdownInfobox2')) {document.getElementById('dropdownInfobox2').style.display='none';}");
    eval("if(document.getElementById('dropdownInfobox3')) {document.getElementById('dropdownInfobox3').style.display='none';}");*/


    var numberCat = (document.getElementById("modelData_definitions").getElementsByTagName("ul").length)-2;

    if(element.style.backgroundPosition=="0px -39px")
    {   $("#wrapperModelData_category_"+category_element_id).slideUp(function(){ for(box=2;box<=3;box++){toggleInfoboxVisibility(box,1);}});

        if(category_element_id!=numberCat)
        {
        $("#closerGraphic_category_"+category_element_id).css("display","block");
        }
        /*$(element).css("backgroundPosition","2px 0px");*/
        if (navigator.appName == "Netscape" || (ieversion && ieversion > "6" ))
        {
            $(element).css("backgroundPosition","2px 0px");
        }
        else
        {
            $(element).css("backgroundImage","url(/assets/images/global/arrows-data-tables-headline.png)");
            $(element).css("backgroundPosition","2px 0px");
        }
    }
    else
    {
        $("#closerGraphic_category_"+category_element_id).css("display","none");
        /*$("#wrapperModelData_category_"+category_element_id).slideDown();*/
        $("#wrapperModelData_category_"+category_element_id).slideDown(function() {for(box=2;box<=3;box++){toggleInfoboxVisibility(box,1);}});

        if (navigator.appName == "Netscape" || (ieversion && ieversion > "6" ))
        {
            $(element).css("backgroundPosition","0px -39px");
        }
        else
        {   $(element).css("backgroundPosition","0px -39px");
            $(element).css("backgroundImage","url(/assets/images/global/arrows-data-tables-active.png)");
        }

        /*$(element).css("backgroundImage","url(/assets/images/global/arrows-data-tables-active.png)");
        element.style.backgroundPosition="0px -39px";$(element).css("backgroundPosition","0px -39px");element.className="activeCategory";
        $(element).css("backgroundPosition","0px -39px");*/
    }
}

function getY (el) {
    if(!el) {alert("no element:" + el);return 100;}
  var y = el.offsetTop;
  if (!el.offsetParent) return y;
  else return y + getY(el.offsetParent);
}

function toggleCategoryVisibilityold(element,category_element_id)
{
    element = element.getElementsByTagName("span")[0];

    if(element.style.backgroundPosition=="0px -39px")
    {   $("#wrapperModelData_category_"+category_element_id).slideUp();
        $("#closerGraphic_category_"+category_element_id).css("display","block");
        $(element).css("backgroundPosition","2px 0px");
    }
    else
    {   $(element).css("backgroundPosition","0px -39px");
        $("#closerGraphic_category_"+category_element_id).css("display","none");
        $("#wrapperModelData_category_"+category_element_id).slideDown();
    }
}

function openAllCategoryFolder()
{
    var numberCat = (document.getElementById("modelData_definitions").getElementsByTagName("ul").length)-2;
    for(i=1;i<=numberCat;i++)
    {
        if(document.getElementById("categoryToggleButton"+i))
        {
            /* Check, if button is opened */
            if(document.getElementById("categoryToggleButton"+i).getElementsByTagName("span")[0].style.backgroundPosition!="0px -39px")
            {
                element = document.getElementById("categoryToggleButton"+i).getElementsByTagName("span")[0];
                $("#wrapperModelData_category_"+i).slideDown();
                $("#closerGraphic_category_"+i).css("display","none");
                $(element).css("backgroundPosition","0px -39px");
            }
        }
    }

    var headY = getY(document.getElementById("categoryToggleButton1"));
    var newBoxTop = headY +"px";

    if(document.getElementById("notepadSelectedVersionColumn2").value == 0)
    {
        toggleInfoboxVisibility(2,1);
    }
    if(document.getElementById("notepadSelectedVersionColumn3").value == 0)
    {
        toggleInfoboxVisibility(3,1);
    }

}
function closeAllCategoryFolder()
{
    var numberCat = (document.getElementById("modelData_definitions").getElementsByTagName("ul").length)-2;
    for(i=1;i<=numberCat;i++)
    {
        if(document.getElementById("categoryToggleButton"+i))
        {
            /* Check, if button is opened */
            if(document.getElementById("categoryToggleButton"+i).getElementsByTagName("span")[0].style.backgroundPosition=="0px -39px")
            /*if(document.getElementById("categoryToggleButton"+i).style.backgroundPosition=="0px -39px")*/
            {
                if(document.getElementById("dropdownInfobox2"))
                    {
                        document.getElementById("dropdownInfobox2").style.display="none";
                    }
                if(document.getElementById("dropdownInfobox3"))
                    {
                        document.getElementById("dropdownInfobox3").style.display="none";
                    }

                element = document.getElementById("categoryToggleButton"+i).getElementsByTagName("span")[0];
                $("#wrapperModelData_category_"+i).slideUp();
                if(i!=numberCat){
                    $("#closerGraphic_category_"+i).css("display","block");
                    }
                /*$$("#closerGraphic_category_"+i).css("display","block");
                ("#categoryToggleButton"+i).css("backgroundPosition","2px 0px");*/
                $(element).css("backgroundPosition","2px 0px");
            }
        }
    }
}

function updateModelDataValues(column, version, element)
{
    var doc         = document;
    var compareCopy = doc.getElementById('compare-with').firstChild.nodeValue;
    var selectCopy  = doc.getElementById('select').firstChild.nodeValue;

    if (element.dropdownPositionID)
    {
        version = element.dropdownPositionID;
    }
    if (element.variantPositionID)
    {
        column  = element.variantPositionID;
    }

    if (element.innerHTML == compareCopy && element.id != "selectedValueColumn1")
    {
        version = 0;
    }

    var col = doc.getElementById("selectedValueColumn" + column);
    if (version != 0)
    {
        dropdownActivate(col.innerHTML, column);
        /*test*/
        var new_version_name = doc.getElementById("def_var").getElementsByTagName("li")[version - 1].innerHTML;
        col.innerHTML = new_version_name;
    }
    else
    {
        dropdownActivate(col.innerHTML, column);
        col.innerHTML = selectCopy;
    }
    /*dropdown test */
    var insertPosition = doc.getElementById("dropdown" + column).getElementsByTagName("li")[0].getElementsByTagName("ul")[0].getElementsByTagName("li")[0];
    var testvalueText = compareCopy;
    /*if(column!=1 && insertPosition.getAttribute("selectText") != "")*/
    if (column != 1 && insertPosition.getElementsByTagName("span")[0].innerHTML != testvalueText)
    {
        var dropDownFirstElement = doc.getElementById("dropdown" + column).getElementsByTagName("li")[0].getElementsByTagName("ul")[0];
        /*var testvalueText     = "Compare with";*/
        var testvalue = doc.createTextNode(testvalueText);
        var testli = doc.createElement("li");
        var testspan = doc.createElement("span");

        testspan.onclick = function() {
            updateModelDataValues(column, version, this);
        }
        testspan.appendChild(testvalue);
        testli.appendChild(testspan);
        testli.className = "first";
        testli.selectText = "yes";

        testspan.onmouseover = function() {
            this.className = 'dropdownActive';
        }
        testspan.onmouseout = function() {
            this.className = 'dropdownPassive';
        }
        /*insertPosition.removeAttribute("class");*/

        if (dropDownFirstElement.getElementsByTagName("li")[0].getElementsByTagName("span")[0].innerHTML != testvalueText)
        {
            insertPosition.removeAttribute("class");
            dropDownFirstElement.insertBefore(testli, insertPosition);
        }
    }

    $(element).parents(".flyout").css("visibility", "hidden");

    eval("doc.getElementById('notepadSelectedVersionColumn" + column + "').value='" + version + "'");

    /* show or hide configure trim buttons */

    if (version == 0)
    {
        var confBtn = doc.getElementById('trim' + column + 'ConfigurateButton');
        if (confBtn)
        {
            confBtn.className = 'buttonHide';
        }
        /* display select-infobox */
        toggleInfoboxVisibility(column, 1);
    }
    else
    {
        if (doc.getElementById("dropdownInfobox" + column))
        {
            doc.getElementById("dropdownInfobox" + column).style.display = "none";
            for (i = 0; i < doc.getElementById("dropdown" + column).getElementsByTagName("ul")[0].getElementsByTagName("li").length; i++)
            {
                if (doc.getElementById("dropdown" + column).getElementsByTagName("ul")[0].getElementsByTagName("li")[i].className == "first")
                {
                    doc.getElementById("dropdown" + column).getElementsByTagName("ul")[0].getElementsByTagName("li")[i].removeAttribute("class");
                }
            }

            doc.getElementById("dropdown" + column).getElementsByTagName("ul")[0].getElementsByTagName("li")[0].className = "first";
        }

        var trimname;
        if (doc.getElementById("def_trim").getElementsByTagName("li")[version - 1].innerHTML != '')
        {
            trimname = doc.getElementById("def_trim").getElementsByTagName("li")[version - 1].firstChild.nodeValue;
        }
        else
        {
            trimname = "";
        }

        var confLinks = doc.getElementById('configuratorLinks');
        if (confLinks)
        {
            var trimConfigureLink = confLinks.getElementsByTagName('ul')[1].getElementsByTagName('li')[version-1].firstChild.nodeValue;
			/* tmp fix above to work with 2 different versions of tech. data pages added on 7/27/09 for ES  */
			/* use declaration below when updates for group 1 countries are complete */
			/*var trimConfigureLink = confLinks.getElementsByTagName('li')[version].firstChild.nodeValue;*/
			/*var trimConfigureLink = confLinks.getElementsByTagName('li')[version - 1].firstChild.nodeValue;*/

            /*eval("if(doc.getElementById('def_trim').getElementsByTagName('li')[version - 1].innerHTML ==''){var trimConfigureLink ='#';}else{var trimConfigureLink = doc.getElementById('configuratorLinks').getElementsByTagName('li')[version - 1].firstChild.nodeValue;}");*/

            var config = doc.getElementById('trim-configure').firstChild.nodeValue;
            /*var buttonText = config.replace(/@@/,trimname);
             buttonText.trim();*/
            if (doc.getElementById("def_trim").getElementsByTagName("li")[version - 1].innerHTML != "")
            {
                var buttonText = config.replace(/@@/, trimname);
            }
            else
            {
                var buttonText = config.replace(/@@/, trimname);
                if (buttonText.charCodeAt(0) == "32")
                {
                    buttonTextTrimmed = buttonText.substring(1);
                    buttonText = buttonTextTrimmed;
                }
                buttonText = buttonText.slice(0, 1).toUpperCase() + buttonText.slice(1);
            }
            /*var config = "Configure ";str = str.slice(0,1).toUpperCase() + str.slice(1);
             var buttonText = config.concat(trimname);*/

            ctaButtons = $("#configureButtonContainer").find(".button");

            $.each(ctaButtons, function() {
                $(this).children().children("img").css("height", "auto");
                $(this).css("height", "auto");
            });

            var configBtn = doc.getElementById('trim' + column + 'ConfigurateButton');
            configBtn.getElementsByTagName('strong')[0].innerHTML = trimname;
            configBtn.getElementsByTagName('a')[0].setAttribute('href', trimConfigureLink, 1);
            $(configBtn).addClass('buttonShow');
            /* if the oCtaButtons object is loaded, do a group refresh to cover possible changes in height by changed content length */
            if (typeof oCtaButtons === 'object' && $.isFunction(oCtaButtons.refreshGroup) ) {
                oCtaButtons.refreshGroup(ctaButtons);
            }
        }
    }

    $(".valueContent").each(function() {
        $(this).animate({opacity: '0'}, "fast");
    }, doUpdateModelDataValues(column, version, element));
}

function doUpdateModelDataValues(column,version,element)
{
    /*alert("doUpdateModelDataValues column " + column);*/


var numberCat = (document.getElementById("modelData_definitions").getElementsByTagName("ul").length)-2;
for(h=1;h<=numberCat;h++)   {
            var category_element = eval("document.getElementById('cat_'+h)");
            var category_element_array=category_element.getElementsByTagName("li");
            var column1version = document.getElementById("notepadSelectedVersionColumn1").value;
            var column2version = document.getElementById("notepadSelectedVersionColumn2").value;
            var column3version = document.getElementById("notepadSelectedVersionColumn3").value;

            for(i=0;i<(category_element_array.length-1);i++)
            {

                    if((i+2)==category_element_array.length)
                    {
                        var className = " last";   
                    }
                    else
                    {
                        var className = "";
                    }

                    if(column1version!=0){var value1 = document.getElementById("cat_"+h+"_var_"+column1version).getElementsByTagName("li")[i].innerHTML;}
                    else {var value1 = "&nbsp;";}
                    if(column2version!=0){var value2 = document.getElementById("cat_"+h+"_var_"+column2version).getElementsByTagName("li")[i].innerHTML;}
                    else {var value2 = "&nbsp;";}
                    if(column3version!=0){var value3 = document.getElementById("cat_"+h+"_var_"+column3version).getElementsByTagName("li")[i].innerHTML;}
                    else {var value3 = "&nbsp;";}

                    var point_element_parent = document.getElementById("modelDataTable_category_"+h);
                    var point_element = $("#modelDataTable_category_" + h + " > tbody").children("tr")[(i)];
                    /*var point_element = point_element_parent.getElementsByTagName("tr")[(i)];*/

                    $(point_element).children(".valueContentOneColumn, .valueContentTwoColumns, .valueContentThreeColumns").remove();

					updateDataCells(value1,value2,value3,className,point_element);

            } /* for */

        }   /* for */

checkDropdowns2();
}

function toggleInfoboxVisibility(position, visibility)
{
    var numberCat = (document.getElementById("modelData_definitions").getElementsByTagName("ul").length)-2;
    if(!position)
    {
        alert("position is undefined");
    }

    if(visibility =='0')
    {
        var cfgBtn = document.getElementById('trim'+position+'ConfigurateButton')
        if (cfgBtn)
        {
            cfgBtn.className='buttonHide';
        }
        /*eval("document.getElementById('dropdownInfobox"+position+"').style.display='block'");document.getElementById('notepadSelectedVersionColumn"+element_position+"').value*/
        /*var infoboxText      = "Please select a version for comparison.";*/
        var infoboxText      = document.getElementById('please-select-a-version').firstChild.nodeValue;
        var infoboxImage     = "<img src='../../img/arrowUp.png' width='12' height='7'>";
        var infoboxNode      = document.createTextNode(infoboxText);
        var infoboxImageNode = document.createElement("img");
        var infoboxDiv       = document.createElement("div");
        var infoboxSpan      = document.createElement("span");
        var infoboxImageSpan = document.createElement("span");
        var dropPosition     = document.getElementById("dropdown"+ position).offsetLeft;

        infoboxImageNode.setAttribute('src',"/assets/images/global/arrowUp.png");
        infoboxImageNode.setAttribute('style',"margin-left:80px");
        infoboxSpan.appendChild(infoboxNode);
        infoboxImageSpan.appendChild(infoboxImageNode);
        infoboxImageSpan.appendChild(infoboxSpan);
        infoboxDiv.appendChild(infoboxImageSpan);
        infoboxDiv.className = "dropdownInfobox" + position;
        infoboxDiv.setAttribute("id","dropdownInfobox"+position,"1");
        /*infoboxDiv.setAttribute("z-index","1","1");*//*ie7 bug fix test */
        infoboxDiv.left = dropPosition;

        eval("document.getElementById('boxDataTable').insertBefore(infoboxDiv, document.getElementById('tableLegend'));")
        document.getElementById("dropdownInfobox"+position).style.display="block";
        /*document.getElementById("dropdownInfobox"+position).style.zIndex="1";*/
    }
    else if(visibility =='1')
    {
        for(k=1;k<=numberCat;k++)
        {
            var headerPosition = document.getElementById("categoryToggleButton"+k).offsetTop;
            var status = document.getElementById("categoryToggleButton"+k).getElementsByTagName("span")[0].style.backgroundPosition;

            if(status == "0px -39px")
                    {
                        var headY = getY(document.getElementById("categoryToggleButton"+k));
                        var newBoxTop = (headY-30) +"px";
                        var selVariant = eval("document.getElementById('notepadSelectedVersionColumn"+position+"').value");

                        if(selVariant == 0)
                        {
                            eval("document.getElementById('dropdownInfobox"+position+"').style.top=newBoxTop;");
                            eval("document.getElementById('dropdownInfobox"+position+"').style.display='block';");
                        }
                        k = numberCat;
                    }
            }
        }
}

function removeFromDropdown(selVariant) {
     /*alert("removeFromDropdown: " + selVariant);*/

    for(h=1;h<=3;h++)
    {
        for(i=0;i<document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li").length;i++)

        {
        if(document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[i] == selVariant)
        {
            /*alert(selVariant + " found at position " + i + " for dropdown " + h);*/
            }
        }
    }
}
function checkDropdowns() {

    var trimCount = document.getElementById("def_var").getElementsByTagName("li").length;
    for(i=1;i<=trimCount;i++)
    {
        if(i<=3)
        {
            var selVariantNr = eval("document.getElementById('notepadSelectedVersionColumn"+i+"').value");
            var selVariant = document.getElementById("def_var").getElementsByTagName("li")[i-1].firstChild.nodeValue;

            if(selVariantNr>0)
            {
                for(h=2;h<=3;h++)
                {
                    for(j=0;j<document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li").length;j++)
                    {

                        if(document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].getElementsByTagName("span")[0].innerHTML == selVariant)
                        {
                            document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].className = "buttonHide";
                        }
                        else
                        {
                        }
                    }
                }
            }
        }
    }
}

function checkDropdowns2()
{

    /*for(i=1;i<=3;i++)*/
    var trimCount = document.getElementById("def_var").getElementsByTagName("li").length;
    for(i=1;i<=trimCount;i++)
    {
        if(i<=3)
        {
            var selVariantNr = eval("document.getElementById('notepadSelectedVersionColumn"+i+"').value");
            if(selVariantNr==0)
            {
            /   *alert("zero version for " + i);*/
                document.getElementById("dropdown"+i).getElementsByTagName("ul")[0].getElementsByTagName("li")[0].getElementsByTagName("span")[0].className = "dropdownActive";
                document.getElementById("dropdown"+i).getElementsByTagName("ul")[0].getElementsByTagName("li")[i].getElementsByTagName("span")[0].onmouseover = function() {this.className='dropdownActive';}

            /*test for ie6
            document.getElementById("dropdown"+i).getElementsByTagName("ul")[0].getElementsByTagName("li")[i].getElementsByTagName("span")[0].onmouseout =
            function() {
                if((document.getElementById("dropdownInfobox" + i)) && (document.getElementById("dropdownInfobox" + i).style.display!="none")){this.className="dropdownPassive";}}*/

            /* not working in ie6 - important */
                document.getElementById("dropdown"+i).getElementsByTagName("ul")[0].getElementsByTagName("li")[0].getElementsByTagName("span")[0].onmouseout =
function(){if((document.getElementById('dropdownInfobox"+i+"')) && (document.getElementById('dropdownInfobox"+i+"').style.display!='none')) {this.className='dropdownPassive';}}
/*eval("if((document.getElementById('dropdownInfobox"+i+"')) && (document.getElementById('dropdownInfobox"+i+"').style.display!='none')) {this.className='dropdownPassive'}");*/}

                if(selVariantNr>0)
                {
                    for(h=1;h<=3;h++)
                    {
                        for(j=0;j<document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li").length;j++)
                        {
                            if((document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].getElementsByTagName("span")[0].innerHTML == document.getElementById("def_var").getElementsByTagName("li")[selVariantNr-1].firstChild.nodeValue) && (i != h))
                            {
                            document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].className = "buttonHide";

                            if(j==0)
                            {
                                for(k=0;k<document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li").length;k++)
                                {
                                    if(document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[k].className != "buttonHide")
                                    {

                                    document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[k].className = "first";
                                    k = document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li").length;
                                    }
                                }
                            }
                        }
                    else if((document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].getElementsByTagName("span")[0].innerHTML == document.getElementById("def_var").getElementsByTagName("li")[selVariantNr-1].firstChild.nodeValue) && (i == h))
                    {
                        document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].getElementsByTagName("span")[0].className="dropdownActive";
                        document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].getElementsByTagName("span")[0].onmouseout =  function() {this.className='dropdownActive';}
                    }
                    else if((document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].getElementsByTagName("span")[0].innerHTML != document.getElementById("def_var").getElementsByTagName("li")[selVariantNr-1].firstChild.nodeValue) && (i == h))
                    {
                        document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].getElementsByTagName("span")[0].className="dropdownPassive";
                        document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].getElementsByTagName("span")[0].onmouseout =  function() {this.className='dropdownPassive';}
                    }

                }
            }
        }
    }
}
checkDropdownClasses();
}

function checkDropdownClasses()
{
    /*alert("checkDropdownClasses");*/
    for(h=1;h<=3;h++)
    {
        var firstCounter = 0;
        for(j=0;j<document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li").length;j++)
        {
            var currentClass = document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].className;
            /*if(currentClass==""){alert("currentclass: " + currentClass);}*/
            if(currentClass == "first")
            {
                /*alert("first for drop " + h + " found at position " + j);*/
                firstCounter = firstCounter+1;
                if((firstCounter>1) && (document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].className == "first"))
                {
                    /*alert("repair firstClasses for dropdown " + h);*/
                    document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].removeAttribute("class");
                }
            }

            if(currentClass != "buttonHide" && currentClass != "first")
            {
                /*alert("buttonShow for drop " + h + " found at position " + j);*/
                if(firstCounter==0)
                {
                    /*alert("no firstClasses for dropdown " + h);*/
                    document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[j].className = "first";
                    firstCounter = firstCounter+1;
                    /*j = document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li").length;*/
                }
            }
        }
    }

}

function dropdownActivate (version, column)
{
    for(h=1;h<=3;h++)
        {
            for(i=0;i<document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li").length;i++)
                {
                    if(document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[i].getElementsByTagName("span")[0].innerHTML == version)
                    {
                        var versionEntry = i;
                        for(k=0;k<versionEntry;k++)
                        {
                            if(document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[k].className.indexOf('first') != -1)
                            {
                                /*alert("dropdown " + h + ", version found at position " + versionEntry +  ", first visible at position " + k);*/
                                }

                        }
                            document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[i].className = "buttonShow";

                            if(h == column)
                            {
                                document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[i].getElementsByTagName("span")[0].className = "dropdownPassive";
                                document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[i].getElementsByTagName("span")[0].onmouseover = function() {this.className='dropdownActive';}
                                document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[i].getElementsByTagName("span")[0].onmouseout = function() {this.className='dropdownPassive';}

                            if(version == 0)
                            {
                                document.getElementById("dropdown"+h).getElementsByTagName("ul")[0].getElementsByTagName("li")[0].getElementsByTagName("span")[0].className = "dropdownActive";
                            }

                            }

                    }
                }
            }
    }

function updateDataCells(value1,value2,value3,className,point_element)
{
	if(value1==value2)
	{
		if(value2==value3)
		{
			$(point_element).append("<td colspan='3' class='valueContentThreeColumns "+className+"'><span class='valueContent'>"+value1+"</span></td>");
		}
		else
		{
			$(point_element).append("<td colspan='2' class='valueContentTwoColumns "+className+"'><span class='valueContent'>"+value1+"</span></td>");
			if(value3=="&nbsp;")
			{
				$(point_element).append("<td class='valueContentOneColumn empty "+className+"'><span>"+value3+"</span></td>");
			}
			else
			{
				$(point_element).append("<td class='valueContentOneColumn "+className+"'><span class='valueContent'>"+value3+"</span></td>");
			}
			
		}
	}
	else
	{
		$(point_element).append("<td class='valueContentOneColumn "+className+"'><span class='valueContent'>"+value1+"</span></td>");
		if(value2==value3)
		{
			if(value2=="&nbsp;")
			{
				$(point_element).append("<td colspan='2' class='empty valueContentTwoColumns "+className+"'><span>"+value2+"</span></td>");
			}
			else
			{
					$(point_element).append("<td colspan='2' class='valueContentTwoColumns "+className+"'><span>"+value2+"</span></td>");
			}
		}
		else
		{
			if(value2=="&nbsp;")
			{
				$(point_element).append("<td class='empty valueContentOneColumn "+className+"'><span>"+value2+"</span></td>");
			}
			else
			{
				$(point_element).append("<td class='valueContentOneColumn "+className+"'><span class='valueContent'>"+value2+"</span></td>");
			}
			if(value3=="&nbsp;")
			{
				$(point_element).append("<td class='empty valueContentOneColumn "+className+"'><span>"+value3+"</span></td>");
			}
			else
			{
				$(point_element).append("<td class='valueContentOneColumn "+className+"'><span class='valueContent'>"+value3+"</span></td>");
			}
			
			/*$(point_element).append("<td class='"+className+"'><span class='valueContent'>"+value3+"</span></td>");*/
		}               
	} 
}


    $(document).ready(function(){
writeDropdowns();
toggleCategoryVisibility(document.getElementById('categoryToggleButton1'),'1');
updateModelDataValues(1,1,document.getElementById('selectedValueColumn1'));
});