// shows/hides panel
function attributePanelShowHide()
{    
    var panel = document.getElementById("attributeMainContainer");
    var img = document.getElementById("_ctl0_ContentPlaceHolder1_attributepanel1_imgShowHide");

    if(panel.style.display == 'none')
    {
        //shows panel:
        showPanel();
        //saves the setting:
        createCookie("status", "block", 1,0,0);
    }
    else
    {
        //hides panel:
        hidePanel();
        //saves setting:
        createCookie("status", "none", 1,0,0);
    }
}

function showPanel()
{
    var panel = document.getElementById("attributeMainContainer");
    var img = document.getElementById("_ctl0_ContentPlaceHolder1_attributepanel1_imgShowHide");
    //shows panel:
    panel.style.display = 'block';
    img.setAttribute("src", getRootURL() + "images/attributepanel/minimize.png");
}
function hidePanel()
{
    var panel = document.getElementById("attributeMainContainer");
    var img = document.getElementById("_ctl0_ContentPlaceHolder1_attributepanel1_imgShowHide");
    panel.style.display = 'none';
    img.setAttribute("src", getRootURL() + "images/attributepanel/maximize.png");
}

// sets the last selected setting if panel should be visible or not.
function loadAttributePanelSetting() {
    var status = readCookie("status");
    //alert("saved value " + status);
    if(status != null)
    {
        var panel = document.getElementById("attributeMainContainer");
        if(panel != null)
        {
            if(status == 'none')
                hidePanel();
            else
                showPanel();
        }
    }
//    else
//    {
//        //show the panel as collapsed by default:
//        var panel = document.getElementById("attributeMainContainer");
//        if(panel != null)
//        {
//            panel.style.display = 'none';
//        }
//    }

}

function getRootURL()
{
    //get the root url:
    var url = document.location.toString() ; //url
    var e_url = '' ; //edited url
    var p = 0 ; //position
    var p2 = 0 ;//position 2
    p = url.indexOf("//") ;
    e_url = url.substring(p+2) ;
    p2 = e_url.indexOf("/") ;
    var root_url = url.substring(0,p+p2+3);
    
    if(root_url.match("localhost"))
    {
        root_url = root_url + "Dlx develop/";
    }
    
    return root_url;
}

function AttributeValueHooverOver(myrelationstring, htmlElementName)
{
    //alert(this + " " + myrelationstring);    
    var currentSpan = document.getElementsByName(htmlElementName).item(0);
    var currentInput = currentSpan.firstChild;
    var attributegroupid = currentSpan.attributes.getNamedItem("attributegroupid").nodeValue;
    var senderID = currentSpan.attributes.getNamedItem("id").nodeValue;
        
    var myinputs = document.getElementById("_ctl0_ContentPlaceHolder1_attributepanel1_pnlFilterContainer").getElementsByTagName("input")
    
    for(var i=0;i < myinputs.length;i++)
    {
        if(myrelationstring.indexOf(myinputs[i].parentNode.id)!=-1||myrelationstring=='showall')
        {
            myinputs[i].disabled=false
            
            if(myrelationstring!='showall')
            {
                // denna ska highlightas
                myinputs[i].parentNode.className = "attributevalue_include";
                myinputs[i].parentNode.lastChild.className = "attributevalue_include";
            }
            else
            {
                // alla ska visas normalt
                myinputs[i].parentNode.className = "attributevalue";
                myinputs[i].parentNode.lastChild.className = "attributevalue";
            }
        }
        else
        {
            // denna ska ej visas
            myinputs[i].parentNode.className = "attributevalue_exclude";
            myinputs[i].parentNode.lastChild.className = "attributevalue_exclude";
            
            //myinputs[i].disabled=true;
            //alert(myinputs[i].parentNode);
            
//            if(i == 0)
//            {
//                alert(myinputs[i].parentNode.attributes.getNamedItem("id").nodeValue);
//                
//            }
            
            currentAttributeId = myinputs[i].parentNode.attributes.getNamedItem("id").nodeValue;
            
            if(currentAttributeId == senderID)
            {
                //denna ska highlightas
                myinputs[i].parentNode.className = "attributevalue_include";
                myinputs[i].parentNode.lastChild.className = "attributevalue_include";
            }
        }
    }
}

function AttributeValueHooverOut()
{
    var myinputs = document.getElementById("_ctl0_ContentPlaceHolder1_attributepanel1_pnlFilterContainer").getElementsByTagName("input")
    
    for(var i=0;i < myinputs.length;i++)
    {
        // alla ska visas normalt
        myinputs[i].parentNode.className = "attributevalue";
        myinputs[i].parentNode.lastChild.className = "attributevalue";
        //myinputs[i].disabled=true;
    }
}

//AttributeValueOnClick
function AttributeValueOnClick(myrelationstring, htmlElementName)
{       
//    var currentSpan = document.getElementsByName(htmlElementName).item(0);
//    var currentInput = currentSpan.firstChild;
//    var attributegroupid = currentSpan.attributes.getNamedItem("attributegroupid").nodeValue;
//    var senderID = currentSpan.attributes.getNamedItem("id").nodeValue;
//        
//    var myinputs = document.getElementById("_ctl0_ContentPlaceHolder1_attributepanel1_pnlFilterContainer").getElementsByTagName("input")
// 
//    //1. ta reda på om denna checkbox är ibockat eller ej:
//    var isChecked = currentInput.checked;
//    var displayValue;
//    
//    if(isChecked)
//    {
//        displayValue = "none";
//    }
//    else
//    {
//        displayValue = "inline";
//    }
//    
//    //2. Visa/dölj element:
//    for(var i=0;i < myinputs.length;i++)
//    {
//        var chkClassname = myinputs[i].parentNode.className;
//        var spanClassname = myinputs[i].parentNode.lastChild.className;
//        //"attributevalue_exclude";
//        
//        if((chkClassname == "attributevalue_exclude") && (spanClassname == "attributevalue_exclude"))
//        {
//            myinputs[i].parentNode.style.display=displayValue;
//            myinputs[i].parentNode.lastChild.display=displayValue;
//            
//            //bockar ur ev valda checkboxar som inte matchar mot nya kombinationen (som ändå blir dolda...)
//                    //döljer bara ej iklickade...
//            if(myinputs[i].parentNode.checked)
//            {
//                myinputs[i].parentNode.checked = false;
//            }
//            
//            //ATT GÖRA dela upp i logiska funktioner... 
//            //funktion för att refresha vilka checkboxar som visas när en checkbox kryssas UR och det fortfarande finns ikryssade boxar...
//        }        
//    }
}


//function createCookie(name, value, days) {
//    if (days) {
//        var date = new Date();
//        date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
//        var expires = "; expires=" + date.toGMTString();
//    }
//    else var expires = "";
//    document.cookie = name + "=" + value + expires + "; path=/";
//}

//function readCookie(name) {
//    var nameEQ = name + "=";
//    var ca = document.cookie.split(';');
//    for (var i = 0; i < ca.length; i++) {
//        var c = ca[i];
//        while (c.charAt(0) == ' ') c = c.substring(1, c.length);
//        if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length, c.length);
//    }
//    return null;
//}

//function eraseCookie(name) {
//    createCookie(name, "", -1);
//}