function toggleSearchTerm()
{
    $("searchTermHolder").style.display = ($("option3").checked ? "" : "none");
}

function generateCode()
{
    var dataId = $("option1").checked ? 1 : ($("option2").checked ? 2 : 3);
    var query = (dataId == 3 ? $("searchTerm").value.trim() : "");
    var gender = $("g1").checked ? "F" : ($("g2").checked ? "M" : "");
    var size = $("itemCount").value
    var badgeType = $("widgetStyle").value;
    
    var staticLink = "Loading <a href=\"{0}\" target=\"_blank\">{1}</a>...";
    
    switch(dataId)
    {
        case 1:
            staticLink = staticLink.format("http://www.salestash.com/List/HotDeals.aspx", "deep discounts on sale/clearance items");
            break;
        case 2:
            staticLink = staticLink.format("http://www.salestash.com/List/HotDeals.aspx", "high savings on sale/clearance items");
            break;
        case 3:
            staticLink = staticLink.format("http://www.salestash.com/Search/" + query.replace(new RegExp("\"", "ig"), "'").replace(new RegExp("[^a-z0-9-',]+", "ig"), "_").urlEncode() + "/1.aspx?g=" + gender, query + " on sale/clearance items");
            break;
    }
    
    var html = "<div id=\"SS_BADGE\" style=\"width:" + (badgeType == "1" ? 120 : (badgeType == "2" ? 160 : 300)) + "px;\">" + staticLink + "</div>\n" +
               "<script type=\"text/javascript\">\n" +
                    "SS_BADGE_TYPE = " + badgeType + ";\n" +
                    "SS_SIZE = " + size + ";\n" +
                    "SS_DATA_ID = " + dataId + ";\n" +
                    "SS_QUERY = \"" + query + "\";\n" +
                    "SS_QUERY_GENDER = \"" + gender + "\";\n" +
               "</" + "script>\n" +
               "<" + "script type=\"text/javascript\" src=\"http://www.Salestash.com/Badge/Badge.js\"></" + "script>";
    
    // Generate preview
    SS_BADGE_ID = 0;
    SS_BADGE_TYPE = badgeType; 
    SS_SIZE = size; 
    SS_DATA_ID = dataId; 
    SS_QUERY = query; 
    SS_QUERY_GENDER = gender;
    
    var activeDemo = $("SS_BADGE_1");
    if(activeDemo)
    {
        activeDemo.id = "SS_BADGE";
        activeDemo.innerHTML = "LOADING PREVIEW...";
    }
    attachDemoJs(); 
    
    $("code").value = html;
}

function attachDemoJs()
{
    var head = document.getElementsByTagName("head");
    if(head.length > 0)
    {
        var scriptObj = document.createElement("script");

        // Add script object attributes
        scriptObj.setAttribute("type", "text/javascript");
        scriptObj.setAttribute("charset", "utf-8");
        scriptObj.setAttribute("src", "Badge.js");
        
        head[0].appendChild(scriptObj);
    }
}

toggleSearchTerm();
generateCode();