var mobjArticleDiv;
// keeps track of how many articles we have got
var mintArticleCounter = 0;
/**
 * Constructor
 */
function init() {
    mobjArticleDiv = document.getElementById("dArticles");
    renderArticleInput();
} window.onload = init;
/**
 *
 */
function renderArticleInput() {
    // increase our global articlecounter
    mintArticleCounter++;
    document.forms["frmMain"]["counter"].value = mintArticleCounter;
    // container for THIS article
    var objDiv = makeElement("div");
    with(objDiv) {
        style.display = "block";
    }
    var objHeaderDiv = makeElement("div");
    with(objHeaderDiv) {
        className = "logo";
        style.background="#eeeeee";
        style.color="#000000";
        style.fontSize="13px";
        style.marginTop = "15px";
        var objButton = getButton(null, "visa/dölj");
        objButton.onclick = function(){
            objDiv.style.display = (objDiv.style.display=="block"?"none":"block");
        }
        with(objButton.style) {
            border     = "solid 1px #000000";
            fontSize   = "10px";
            fontWeight = "600";
        }
        appendChild(objButton);
        appendChild(document.createTextNode(" Artikel " + mintArticleCounter));
    }
    var objTxtDiv = makeElement("div");
    with (objTxtDiv.style) {
        border     = "solid 1px #eeeeee";
        position   = "absolute";
        right      = "20px";
        marginTop  = "2px";
        padding    = "2px";
        width      = "350px";
        height     = "100px";
        fontWeight = "400";
        fontSize   = "10px";
    }
    objTxtDiv.id = "dTxt" + mintArticleCounter;
    objTxtDiv.appendChild(document.createTextNode(""));
    objDiv.appendChild(objTxtDiv);
    with(objDiv) {
        appendChild(getLabel("Benzlers eller tillverkarens artikelnummer"));
        appendChild(makeElement("br"));
        appendChild(getTextBox("articlenumber" + mintArticleCounter, "articlenumber" + mintArticleCounter));
        appendChild(makeElement("br"));
        appendChild(getLabel("Antal att returnera"));
        appendChild(makeElement("br"));
        appendChild(getTextBox("qty" + mintArticleCounter, "qty" + mintArticleCounter));
        appendChild(makeElement("br"));
        appendChild(getLabel("Ev. serienummer"));
        appendChild(makeElement("br"));
        appendChild(getTextBox("serialno" + mintArticleCounter, "serialno" + mintArticleCounter));
        appendChild(makeElement("br"));
        appendChild(getLabel("Returanledning (se villkor)"));
        appendChild(makeElement("br"));
        appendChild(getSelect("id" + mintArticleCounter, "justification" + mintArticleCounter, "ANGE RETURANLEDNING", "Återköp=Återköp", "DOA=DOA", "Felaktig Leverans=Felaktig Leverans"));
        appendChild(makeElement("br"));
        appendChild(getLabel("Beskriv anledningen till returen, felbeskrivning eller annan information som kan vara till hjälp i vår hantering av Er returbegäran."));
        appendChild(makeElement("br"));
        // render a textarea
        var objTa = makeElement("textarea");
        with( objTa ) {
            setAttribute("style","width:80%;height:100px;");
            setAttribute("id", "reason" + mintArticleCounter);
            setAttribute("name", "reason" + mintArticleCounter);
        }
        appendChild(objTa);
    }
    mobjArticleDiv.appendChild(objHeaderDiv);
    mobjArticleDiv.appendChild(objDiv);
}
/**
 * creates and returns a textbox
 */
function getTextBox(instrName, instrId) {
    var objTextBox = makeElement("input");
    with(objTextBox) {
        setAttribute("type", "text");
        className = "itxt";
        if(instrName)
            setAttribute("name", instrName);
        if(instrId)
            setAttribute("id", instrId);
    }
    return objTextBox;
}
/**
 * creates and returns a button
 */
function getButton(instrId, instrCaption) {
    var objButton = makeElement("input");
    with(objButton) {
        setAttribute("type", "button");
        setAttribute("value", instrCaption);
        if( instrId )
            setAttribute("id", instrId);
        if( instrCaption )
            setAttribute("value", instrCaption);
    }
    return objButton;
}
/**
 *
 */
function getLabel(instrText) {
    var objLabel = makeElement("span");
    var objText = document.createTextNode(instrText);
    objLabel.className="lbl";
    objLabel.appendChild(objText);
    return objLabel;
}

/**
 *
 */
function getSelect(instrId, instrName, instrCaption) {
    var objSelect = document.createElement("select")
    with (objSelect) {
        if(instrId)
            setAttribute("id",instrId);
        if(instrName)
            setAttribute("name",instrName);
    }
    if( instrCaption ) {
        objSelect.options[0] = 
            new Option(instrCaption, -1 );
        with(objSelect.options[0].style) {
            background = "#dddddd";
            fontWeight = "600";
        }
    }
    var strCurr;
    for( var i = 3; i < arguments.length; i++ ) {
        strCurr = new String(arguments[i]);
        objSelect.options[objSelect.options.length] = 
            new Option(strCurr.split("=")[0], strCurr.split("=")[1] );
    }
    objSelect.onchange = function() {select_Change(this);}
    return objSelect;
}
/**
 *  Validation of form
 */
function validateRMA(subm)
{
    result=true;
    
    if(!document.getElementById("terms").checked)
    {
        result=false;
        if(subm)
            document.getElementById("termsTxt").style.backgroundColor="#ffcccc";
    }
    else
        document.getElementById("termsTxt").style.backgroundColor="#ffffff";
    
    if(document.getElementById("orderno").value.length < 2)
    {
        result=false;
        if(subm)
            document.getElementById("orderno").style.backgroundColor="#ffcccc";
    }
    else
        document.getElementById("orderno").style.backgroundColor="#ffffff";    
        
    return result;
}