crap.js

function wireUpEditableHeader() {
    if ($('renewalcampaigneditableheader')) {
        $('renewalcampaigneditableheader').addEvent('click', function (evt) {
            evt.stop();
            $("renewalcampaigneditableheader").addClass("hide");
            $('renewaleditformcontainer').removeClass("hide");
        });
    }

    // wire up dropdowns
    if ($('HeaderBrandID')) {
        $('HeaderBrandID').addEvent("change", function (evt) {
            evt.stop();
            var activeOnly = "1";
            if ($("HeaderID").value > 0) {
                activeOnly = "0";
            }
            new Request.HTML({
                method: 'get',
                url: '/renewal/ProductDropdownBasedOnBrand?brandID=' + this.value + "&activeOnly=" + activeOnly,
                update: $('HeaderProductID').getParent("div.field"),
                onSuccess: function () { }
            }).send();
        });
    }
}

// Wire up the submit event on brand edit form with the Ajaxi post
// invokes itself on success
function wireUpSubmitEvenOnRenewalEditForm() {
    if ($('renewaleditform')) {
        $('renewaleditform').addEvent('submit', function (evt) {
            if (evt) evt.stop();

            var target = $("renewalSubheaderContainerDiv");
            if (target == null) {
                target = $("renewaleditformcontainer");
            }

            var currentHeaderID = $("HeaderID").value;
            var currentHelpClass = $$("div.functions a.help")[0].get('refclass');

            // submit/validate
            new Request.HTML({
                method: 'post',
                url: '/renewal/UpdateRenewalHeaderInfo/?helpclass=' + escape($$("div.functions a.help")[0].get('refclass')),
                update: target,
                data: this,
                onSuccess: function () {
                    wireUpSubmitEvenOnRenewalEditForm();
                    wireUpCampaignEditHelpButton();
                    wireUpStatusDropDown();

                    if ($('renewaleditformcontainer')) {
                        // only show the form if we are adding - so vertical group in mh is present
                        // or thre are validation errors
                        if ($("masterheadverticalgroup") != null || $$("#renewaleditform div.errorbox").length > 0) {
                            $('renewaleditformcontainer').removeClass("hide");
                        }
                        else {
                            if ($$("#renewalSubheaderContainerDiv div.errorbox_large").length == 0) {
                                $('growlPlaceholder').innerHTML = "<span class='growl style1 inline'>" + $("growlSuccessMessage").innerHTML + "</span>";
                            }
                            else {
                                $('growlPlaceholder').innerHTML = "<span class='growl style2 inline'>" + $("growlFailureMessage").innerHTML + "</span>";
                            }

                            // hide in 3 seconds
                            setTimeout(function () { $('growlPlaceholder').innerHTML = ""; }, 3000);
                        }
                    }
                    wireUpEditableHeader();

                    // check if dangerous input
                    if (target.getElements("div#dangerousinputdetected").length > 0) {
                        var theDanger = target.getElements("div#dangerousinputdetected")[0];
                        cancelHeaderEditing(currentHeaderID, currentHelpClass);
                        theDanger.inject($("renewalSubheaderContainerDiv"));
                    }

                    if ($("hdnEffortsPriorityForm") != null) {
                        RefreshEffortsPriorityListRequest();
                    }
                }
            }).send();
        });
    }
    // hook up the close button        
    if ($('closerenewaleditform')) {
        $('closerenewaleditform').addEvent('click', function (evt) {
            evt.stop();
            $('renewaleditformcontainer').addClass("hide");
            $('renewalNewRenewal').removeClass("hide");
            if ($("renewalcampaigneditableheader")) {
                $("renewalcampaigneditableheader").removeClass("hide");
            }
        });
    }
    wireUpEditableHeader();
    // check for successful save - this happens only on addition of the new entry - so we have vertical group in master header
    if ($('renewaleditformcontainer') != null && $("HeaderID") != null && $("masterheadverticalgroup") != null) {
        if ($("HeaderID").value > 0) {
            // yes, saved. So redirect to show this offer
            document.location = "/renewal/edit/" + $("HeaderID").value + "?VerticalGroupID=" + $("masterheadverticalgroup").value + "&retUrl=" + escape(document.location);
        }
    }    
}

function wireUpCampaignEditHelpButton() {
    // help button        
    if ($$('a.campaignEditHelpButton').length > 0) {
        $$('a.campaignEditHelpButton')[0].addEvent('click', function (evt) {
            evt.stop();
            if ($("renewalhelpcontainer").innerHTML.trim() == "") {
                url = '/renewal/ShowHelp/EditCampaignHelp';
                new Request.HTML({
                    method: 'get',
                    url: url,
                    update: $("renewalhelpcontainer"),
                    onSuccess: function () {
                        $("renewalhelpcontainer").removeClass("hide");
                    }
                }).send();
            }
            else {
                $("renewalhelpcontainer").removeClass("hide");
            }
        });
    }
    // efforts help button
    if ($$('a.effortsHelpButton').length > 0) {
        $$('a.effortsHelpButton')[0].addEvent('click', function (evt) {
            evt.stop();
            if ($("renewalhelpcontainer").innerHTML.trim() == "") {
                url = '/renewal/ShowHelp/EffortHelp';
                new Request.HTML({
                    method: 'get',
                    url: url,
                    update: $("renewalhelpcontainer"),
                    onSuccess: function() {
                        $("renewalhelpcontainer").removeClass("hide");
                    }
                }).send();
            }
            else {
                $("renewalhelpcontainer").removeClass("hide");
            }
        });
    }
    //editEffortHelpButton
    if ($$('a.editEffortHelpButton').length > 0) {
        $$('a.editEffortHelpButton')[0].addEvent('click', function (evt) {
            evt.stop();
            if ($("renewalhelpcontainer").innerHTML.trim() == "") {
                url = '/renewal/ShowHelp/EditEffortHelp';
                new Request.HTML({
                    method: 'get',
                    url: url,
                    update: $("renewalhelpcontainer"),
                    onSuccess: function() {
                        $("renewalhelpcontainer").removeClass("hide");
                    }
                }).send();
            }
            else {
                $("renewalhelpcontainer").removeClass("hide");
            }
        });
    }
}

function cancelHeaderEditing(headerId, helpClass) {
    if (typeof (headerId) == "undefined") {
        headerId = $("HeaderID").value;
    }
    if (typeof (helpClass) == "undefined") {
        helpClass = $$("div.functions a.help")[0].get('refclass');
    }

    new Request.HTML({
        async: false,
        method: 'post',
        url: '/renewal/GetEditableHeader/' + headerId + "?helpclass=" + escape(helpClass),
        update: $("renewalSubheaderContainerDiv"),
        data: null,
        onSuccess: function () {
            wireUpSubmitEvenOnRenewalEditForm();
            wireUpCampaignEditHelpButton();
            wireUpEditableHeader();
        }
    }).send();
}

function cancelEditNarrativeDialog() {
    // remove the popup
    window.popup.hide();
}

function wireUpStatusDropDown() {
    if ($('StatusDropDown')) {
        $('StatusDropDown').addEvent('change', function () {
            $('Status').value = $("StatusDropDown").get('value');
        });
    }
}

(function ($) {
    // will hookup click on addNewBrand link with a Ajax call to get form contents
    window.addEvent('domready', function () {
        // wire up the add button        
        if ($$('a.addNewRenewal').length > 0) {
            $$('a.addNewRenewal')[0].addEvent('click', function (evt) {
                evt.stop();
                if ($('renewaleditformcontainer')) {
                    var frmContainer = $('renewaleditformcontainer');
                    // destroy error boxes
                    frmContainer.getElements("div.errorbox_large").destroy();
                    frmContainer.getElements("div.errorbox").destroy();
                    // remove error indicators
                    frmContainer.getElements("div.field").removeClass("error");
                    frmContainer.getElements("input").removeClass("input-validation-error");
                    // show
					frmContainer.removeClass("hide");
                    // reset form
                    $('renewaleditform').reset();

                    $('renewalNewRenewal').addClass("hide");
                }
            });
        }
        
        wireUpSubmitEvenOnRenewalEditForm();

        if ($('Renewals_Brand_Filter')) {
            $('Renewals_Brand_Filter').addEvent('change', function () {
                refreshRenewalGrid(false);
            });
        }

        wireUpStatusDropDown();

        wireUpEditableHeader();


        if ($("btnCopyOffer")){
          $("btnCopyOffer").addEvent("click", function(evt) {
               alert('not valid any more');
            });
        }

        // help button
        if ($$('a.addNewRenewalHelpButton').length > 0) {
            $$('a.addNewRenewalHelpButton')[0].addEvent('click', function (evt) {
                evt.stop();
                if ($("renewalhelpcontainer").innerHTML.trim() == "") {
                    url = '/renewal/ShowHelp/ShowHelp';
                    new Request.HTML({
                        method: 'get',
                        url: url,
                        update: $("renewalhelpcontainer"),
                        onSuccess: function() {
                            $("renewalhelpcontainer").removeClass("hide");
                        }
                    }).send();
                }
                else {
                    $("renewalhelpcontainer").removeClass("hide");
                }
            });
        }
        
        wireUpCampaignEditHelpButton(); 

    });
})(document.id);

function ExternalSPOGridFunction(id) {
 // add, do the actual submit and validation
                new Request.JSON({
                    method: 'post',
                    url: '/renewal/EditEffortSaveState/',
                    data: $("EditEffortForm"),
                    onSuccess: function (responseJSON, responseText) {  
                        var jumptoquerypart="?VerticalGroupID=" + $('verticalGroupIDHidden').value + "&retUrl="+encodeURIComponent("/renewal/editeffortrestore/0?state=" + responseJSON + "&retUrl=" + $("retUrlHidden").value);
                        new Request.HTML({
                         method:'get',
                         url:"/productoffer/CopyPOAndReturnID?EffortSeriesID="+$('EffortSeriesID').value+"&OfferID="+id,
                         onSuccess: function () { 
                                            var poid = parseInt(this.response.text);
                                            if(poid>0){
                                                var jumptoquerypart="?VerticalGroupID=" + $('verticalGroupIDHidden').value + "&retUrl="+encodeURIComponent("/renewal/editeffortrestore/0?OfferID="+poid+"&state=" + responseJSON + "&retUrl=" + $("retUrlHidden").value);
                                                newlocation="/productoffer/edit/"+poid+jumptoquerypart;
                                                document.location = newlocation;
                                            } else{
                                                
                                            }
                                    }
                        }).send();
                        
                    }
                }).send();
}


function EffortsPriorityRequest(headerAction){
    new Request.HTML({
    			method: 'post',
    			url: "/Renewal/EffortsPriority/" + "?id=" + $('renewalId').value + "&startPriority=" + $('StartPriority').value + "&endPriority=" + $('EndPriority').value + "&noDisplacement=" + $('NoDisplacement').value,
    			update: $('parentList'),
                onSuccess:function(){
                    wireOnStartupForEffortPriority();
                }
    		}).send();
        }

function RefreshEffortsPriorityListRequest() {
    new Request.HTML({
        method: 'get',
        url: "/Renewal/RefreshEffortsPriorityList/" + "?id=" + $('renewalId').get('value'),
        update: $('parentList'),
        onSuccess: function () {
            wireOnStartupForEffortPriority();
        }
    }).send();
}

function PriorityUp(){
    if(parseInt($('EndPriority').value) >  1)
    {
        $('EndPriority').value = parseInt($('EndPriority').value) - 1;
        
        if($('current'))
        {
            $('current').inject($('current').getPrevious('li'),'before')
        }
    }
}

function PriorityDown(){
    if(parseInt($('EndPriority').value) <  parseInt($('hdnMaxPriority').value))
    {
        $('EndPriority').value = parseInt($('EndPriority').value) + 1;
        
        if($('current'))
        {
            $('current').inject($('current').getNext('li'),'after')
        }
    }
}

function wireOnStartupForEffortPriority() {
    if ($('chkNoDisplacement')) {
        $('chkNoDisplacement').addEvent('click', function (evt) {
            $('NoDisplacement').value = $('chkNoDisplacement').checked;
        });
    }

    if ($('btnUp')) {
        $('btnUp').addEvent('click', function (evt) {
            evt.stop();
            PriorityUp();
        });
    }

    if ($('btnDown')) {
        $('btnDown').addEvent('click', function (evt) {
            evt.stop();
            PriorityDown();
        });
    }
}

(function ($) {
    window.addEvent('domready', function () {
        wireOnStartupRenewalGrid();

        // load the very first tab
		if ($("renewalBasicDetailsLink")) {
			$("renewalBasicDetailsLink").onclick();
		}
    });
})(document.id);

 function wireOnStartUpEfforts(){
    wireOnStartup();
    wireOnStartUpAddEfforts();
 }

function wireOnStartup() {
    if (ADUI.Controls["renewaleffortsgrid_div"]) {
        ADUI.Controls["renewaleffortsgrid_div"].addEvent("actionClicked", function (actionName, selections) {
            var url = '/renewal/DeleteEfforts/?ids=' + selections + '&id=' + $("renewalId").get('value');
            new Request.HTML({
                method: 'post',
                url: url,
                update: $("parentEffortsGrid"),
                onSuccess: function () {
                    ADUI.FullInit($("parentEffortsGrid"));
                    wireOnStartup();
                },
                onFailure: function () { onFailureHandler(this); }
            }).send();
        });
    }
}

function wireOnStartUpAddEfforts(){
    if ($("btnAddEffort")) {
			$('btnAddEffort').addEvent('click', function (evt) {
			evt.stop();

            new Request.HTML({
                method: 'post',
                url: '/renewal/AddNewEffort/?id=' + $("renewalId").get('value') + '&daysInterval=' + $("DaysInterval").get('value'),
                update: $("parentEffortsGrid"),
                onSuccess: function () {
                    ADUI.FullInit($("parentEffortsGrid"));
                    wireOnStartup();
                },
                onFailure: function () { onFailureHandler(this); }
            }).send();
		});
	}
}

//add action for renewalsearchgrid
function wireOnStartupRenewalGrid() {
    if (ADUI.Controls["renewalsearchgrid_div"]) {
        ADUI.Controls["renewalsearchgrid_div"].addEvent("actionClicked", function (actionName, selections) {
            var url = '/renewal/DeleteRenewal/?ids=' + selections;
            new Request.JSON({
                method: 'post',
                url: url,
                onSuccess: function (responseJSON, responseText) {
                    if(responseJSON == "OK")
                    {
                        refreshRenewalGrid(true);
                    }
                }
            }).send();
        });
    }
}

// Reloads current grid page
function refreshRenewalGrid(keepCurrentPage) {
	// reloads grid data
	var dg =  $AD.DataGrids('renewalsearchgrid_div');
	var newUri = $(dg).parseElement().URL;

	if (keepCurrentPage) {
	    newUri = mergeUrlParameters(newUri, GetFilteringVariables("BrandID=" + $("Renewals_Brand_Filter").value));
	}
	else {
	    newUri = mergeUrlParameters(newUri, GetFilteringVariables("BrandID=" + $("Renewals_Brand_Filter").value), ['msg']);
	}

	dg.Load(newUri, Object.merge($(dg).toObject(), dg.Properties));
}

function showMainContent() {
    $("divMainContent").removeClass("hide");
    $("divPriorityContent").addClass("hide");
    $("divLevel2Content").addClass("hide");
    $("divAudienceFiltersContent").addClass("hide");
}

function showAudienceFiltersContent() {
    $("divAudienceFiltersContent").removeClass("hide");
    $("divMainContent").addClass("hide");
    $("divPriorityContent").addClass("hide");
    $("divLevel2Content").addClass("hide");
}

function showPriorityContent(){
    $("divPriorityContent").removeClass("hide");
    $("divMainContent").addClass("hide");
    $("divLevel2Content").addClass("hide");
    $("divAudienceFiltersContent").addClass("hide");
}

function showLevel2Content() {
    $("divLevel2Content").removeClass("hide");
    $("divMainContent").addClass("hide");
    $("divPriorityContent").addClass("hide");
    $("divAudienceFiltersContent").addClass("hide");
}

function switchToMainContent(tabClicked, urlToLoad, callbackFn) {
    if ($("divMainContent").innerHTML.trim() != "") {
        showMainContent();        
    }
    else {
        switchContent(tabClicked, urlToLoad, "divMainContent", callbackFn);
        showMainContent();
    }
}

function switchToPriorityContent(tabClicked, urlToLoad, callbackFn) {
    if ($("divPriorityContent").innerHTML.trim() != "") {
        showPriorityContent();        
    }
    else {
        switchContent(tabClicked, urlToLoad, "divPriorityContent", callbackFn);
        showPriorityContent();
    }
}

function switchToAudienceFiltersContent(tabClicked, urlToLoad, forceLoad, callbackFn) {
    if ($("divAudienceFiltersContent").innerHTML.trim() != "" && !forceLoad) {
        showAudienceFiltersContent();
    }
    else {
        switchContent(tabClicked, urlToLoad, "divAudienceFiltersContent", callbackFn);
    }
}

function switchContent(tabClicked, urlToLoad, element, callbackFn) {
    AsyncHyperlink(urlToLoad, element, 'get', function () {
        // if callback fn was passed in, invoke it
        if (typeof (callbackFn) == "function") {
            callbackFn(element);
        }

        // show correct tab
        switch (element) {
            case "divMainContent":
                showMainContent();
                break;

            case "divAudienceFiltersContent":
                showAudienceFiltersContent();
                break;

            case "divPriorityContent":
                showPriorityContent();
                break;

            case "divLevel2Content":
                showLevel2Content();
                break;
        }        
    });
    return false;
}

function EditEfforts(id, campaignId, effortId) {
    AsyncHyperlink('/renewal/EditEffort/' + id + '?campaignId=' + campaignId + '&effortId=' + effortId, 'divLevel2Content','get',WireUpEditEfforts);
}

function WireUpEditEfforts() {
    if ($("createanewofferflow")){
          $("createanewofferflow").addEvent("click", function(evt) {
             evt.stop();
            $('divAddOffer').toggleClass("hide");
            $('createanewofferflow').toggleClass("hide");
          });
        }

        if ($$(".addofferclosebutton").length==1){
          $$(".addofferclosebutton")[0].addEvent("click", function(evt) {
             evt.stop();
            $('divAddOffer').toggleClass("hide");
            $('createanewofferflow').toggleClass("hide");
          });
        }

        if ($$(".btnAddNewOffer").length==1) {
            $$(".btnAddNewOffer")[0].addEvent("click", function(evt) {
                evt.stop();
                // add, do the actual submit and validation
                new Request.JSON({
                    method: 'post',
                    url: '/renewal/EditEffortSaveState/',
                    data: $("EditEffortForm"),
                    onSuccess: function (responseJSON, responseText) {  
                        new Request.HTML({
                         method:'get',
                         url:"/productoffer/AddNewPOAndReturnID?EffortSeriesID="+$('EffortSeriesID').value+"&BrandID="+$('addOfferBrandID').value+"&Name="+encodeURIComponent($("addOfferName").value),
                         onSuccess: function () { 
                                            var poid = parseInt(this.response.text);
                                            if(poid>0){
                                                var jumptoquerypart="?VerticalGroupID=" + $('verticalGroupIDHidden').value + "&retUrl="+encodeURIComponent("/renewal/editeffortrestore/0?OfferID="+poid+"&state=" + responseJSON)+(escape("&retUrl=" + $("retUrlHidden").value));
                                                newlocation="/productoffer/edit/"+poid+jumptoquerypart;
                                                document.location = newlocation;
                                            } else{
                                              
                                            }
                                    }
                        }).send();
                        
                    }
                }).send();
            });
        }
}

function SaveEfforts() {
    var srcform = $('EditEffortForm');
    if (!srcform) { return false; }

    // fire submit event - so placeholders are removed
    srcform.fireEvent("submit");

    target = $('divLevel2Content');
        new Request.HTML({
            method: 'post',
            url: '/Renewal/EditEffort/',
            update: target,
            data: srcform,
            onSuccess: function () {
                if (NoErrorsInReponse(target)) {
                    switchContent(null, '/renewal/Efforts/' + $("renewalId").get('value'), 'divLevel2Content', wireOnStartUpEfforts);
                } else {
                    // there are validation isues
                    scroll(0, 0);
                    ADUI.FullInit(target);
                }
            },
            onFailure: function () { onFailureHandler(this); },
            onRequest: function () { onRequestHandler(this); },
            onComplete: function () { onCompleteHandler(this); }
    }).send();
}

function headerSaveClick() {
    SaveRenewalCampaign(RenewalEdit);
    if (NoErrorsInReponse($("divMainContent"))){
        return true;
    }
    else {
        return false;
    }
}

function headerFinishClick() {
    if (headerSaveClick()) {
        headerCancelClick();
    }
}

function headerCancelClick() {
    document.location = $('retUrl').value;
}


function SaveRenewalCampaign(caller) {
    var srcdiv = $('renewalbasiceditform');
    if (!srcdiv) { return false; }

    var url="/renewal/SaveBasicRenewal?VerticalGroupID=" + $("verticalGroupIDHidden").value;

    new Request.HTML({
          method: 'post',
          url: url,
          data: srcdiv,
          onRequest: function () { onRequestHandler(this); },
          onSuccess: function (responseTree, responseElements, responseHTML, responseJavaScript) {
                if(responseHTML == ''){
                    EnableDisablePriority($('Status').get('value'));

                if (typeof (caller) === 'function') {
                    caller();
                }

                $$('.errorbox_large').dispose();
            }
            else{
                responseTree[0].inject($('renewalSubheaderContainerDiv'),'after');
            }

            if ($$(".errorbox_large").length == 0) {
				$('growlPlaceholder').innerHTML = "<span class='growl style1 inline'>" + $("growlSuccessMessage").innerHTML + "</span>";
			}
            else {
				$('growlPlaceholder').innerHTML = "<span class='growl style2 inline'>" + $("growlFailureMessage").innerHTML + "</span>";
            }
            // hide in 3 seconds
			setTimeout(function () { $('growlPlaceholder').innerHTML = ""; }, 3000);
          },
          onFailure: function () { onFailureHandler(this); },
          onComplete: function () { onCompleteHandler(this);}          
      }).send();
}

// enable or desable priority page
function EnableDisablePriority(status){
    if (status == 'Live' || status == 'Draft') {
        $("effortsPriorityDisabled").addClass("hide");
        $('effortsPriorityEnabled').removeClass("hide");
    }
    else if (status == 'Suspended' || status == 'Deleted') {
        $("effortsPriorityEnabled").addClass("hide");
        $('effortsPriorityDisabled').removeClass("hide");

        if ($('hdnEffortsPriorityForm')) {
            switchToMainContent($('renewalBasicDetailsLink'), '/renewal/RenewalEdit/' + $('renewalId').get('value'));
            $("effortsPriorityDisabled").getParent("li").removeClass('selected');
            $("renewalBasicDetailsLink").getParent('li').addClass('selected');
        }
    }
}

//get asinc details for first level
function RenewalEdit(){
    if(!$('divMainContent')){
        return;
    }

    new Request.HTML({
        method: 'get',
        url: '/renewal/RenewalEdit/'+ $('renewalId').get('value'),
        update: $('divMainContent'),
        onSuccess: function () {
            if($('effortsPriorityEnabled').get("class") != 'hide'){
                RefreshEffortsPriorityListRequest();
            }
        }
    }).send();
}

function addAudienceFilter(filterContainerId, hdnNextId) {
    var operandId = 'ddl' + filterContainerId.substring(3) + 'Operand';
    var valueId = 'ddl' + filterContainerId.substring(3) + 'Value';
    var newFilter = $(filterContainerId + '0').clone();
    var newDivId = $(hdnNextId).value;
    newFilter.setProperty('id', filterContainerId + newDivId);
    newFilter.setProperty('rel', '-1');
    $(hdnNextId).value++;

    newFilter.getElements('span')[0].innerHTML = '<strong>or</strong>';
    var selectElements = newFilter.getElements('select');
    selectElements[0].setProperty('id', operandId + newDivId);
    selectElements[1].setProperty('id', valueId + newDivId);
    selectElements[0].value = selectElements[0].getChildren('option')[0].value;
    selectElements[1].value = selectElements[1].getChildren('option')[0].value;

    var btnRemove = new Element('a');
    btnRemove.addClass('button removeForm small');
    var removeFilter = 'removeAudienceFilter("' + filterContainerId + newDivId + '");';
    btnRemove.setProperty('onclick', removeFilter);
    btnRemove.innerHTML = 'Remove';
    btnRemove.inject(newFilter);

    newFilter.inject(filterContainerId);

}

function addGeographicsAudienceFilter(filterContainerId, hdnNextId) {
    var operandId = 'ddl' + filterContainerId.substring(3) + 'Operand';
    var valueId = 'dd' + filterContainerId.substring(3) + 'Value';
    var hiddenValueId = 'dd' + filterContainerId.substring(3);
    var newFilter = $(filterContainerId + '0').clone();
    var newDivId = $(hdnNextId).value;
    newFilter.setProperty('id', filterContainerId + newDivId);
    newFilter.setProperty('rel', '-1');
    $(hdnNextId).value++;

    newFilter.getElements('span')[0].innerHTML = '<strong>or</strong>';
    var selectElements = newFilter.getElements('select');
    selectElements[0].setProperty('id', operandId + newDivId);
    selectElements[0].value = selectElements[0].getChildren('option')[0].value;

    var inputElements = newFilter.getElements('input');
    inputElements[0].setProperty('id', hiddenValueId + newDivId);
    inputElements[0].value = '';
    inputElements[1].setProperty('id', valueId + newDivId);
    inputElements[1].setProperty('class', inputElements[1].getProperty("class").replace('ddGeographics0', hiddenValueId + newDivId));
    inputElements[1].value = '';

    var btnRemove = new Element('a');
    btnRemove.addClass('button removeForm small');
    var removeFilter = 'removeAudienceFilter("' + filterContainerId + newDivId + '");';
    btnRemove.setProperty('onclick', removeFilter);
    btnRemove.innerHTML = 'Remove';
    btnRemove.inject(newFilter);

    newFilter.inject(filterContainerId);
    ADUI.FullInit(newFilter);

}

function removeAudienceFilter(filterContainerId) {
    if ($(filterContainerId).getParent().id == 'divProductOffer') {
        $(filterContainerId).destroy();
        productOffersDropDownChanged();
    }
    else {
        $(filterContainerId).destroy();
    }
}

function productOffersDropDownChanged(source) {
    var productOfferDropDowns = $$('#divProductOffer select[name=ddlProductOfferValue0]');
    var offerIds = "";

    for (var i = 0; i < productOfferDropDowns.length; i++) {
        offerIds += productOfferDropDowns[i].value + ',';
    }

    new Request.HTML({
        method: 'get',
        url: '/Renewal/ProductVariantsDropDownBasedOnOfferId?offerIds=' + offerIds,
        onSuccess: function (responseTree, responseElements, responseHTML, responseJavaScript) {
            var productVariantDropDowns = $$('#divProductVariant select[name=ddlProductVariantValue0]');
            for (var i = 0; i < productVariantDropDowns.length; i++) {
                productVariantDropDowns[i].innerHTML = responseHTML;
            }
        }
    }).send();
}

function subscriptionTypeDropDownChanged(source) {
    var actionDdlId = 'ddlSubscriptionTypeActionType' + source.id.replace('ddlSubscriptionTypeOperand', '');

    if ($(source).getSelected()[0].text == 'Exclude') {
        $(actionDdlId).addClass('hide');
    }
    else {
        $(actionDdlId).removeClass('hide');
    }
}

function audienceFiltersSave() {
    var model = new Object();
    model.RenewalID = $('hdnAudienceFiltersRenewalId').value;

    model.Filters = new Array();
    model.Filters.push(new Array());
    model.Filters.push(new Array());
    model.Filters.push(new Array());
    model.Filters.push(new Array());
    model.Filters.push(new Array());
    model.Filters.push(new Array());
    model.Filters.push(new Array());
    model.Filters.push(new Array());

    model.RenewalProfileOperand = new Array();
    model.RenewalProfileValue = new Array();
    model.ProductOfferOperand = new Array();
    model.ProductOfferValue = new Array();
    model.ProductVariantOperand = new Array();
    model.ProductVariantValue = new Array();
    model.GeographicsOperand = new Array();
    model.GeographicsValue = new Array();
    model.PaymentMethodOperand = new Array();
    model.PaymentMethodValue = new Array();
    model.SubscriptionChannelOperand = new Array();
    model.SubscriptionChannelValue = new Array();
    model.SubscriptionAgeOperand = new Array();
    model.SubscriptionAgeValue = new Array();
    model.SubscriptionTypeOperand = new Array();
    model.SubscriptionTypeValue = new Array();
    model.SubscriptionTypeActionType = new Array();

    var i;
    var ddlArray;
    var filter;

    ddlArray = $$('#divRenewalProfile select[name=ddlRenewalProfileOperand0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.RenewalProfileOperand.push(ddlArray[i].value);
        filter = new Object();
        filter.ID = ddlArray[i].getParent().getProperty('rel');
        filter.RenewalID = $('hdnAudienceFiltersRenewalId').value;
        model.Filters[0].push(filter);
    }

    ddlArray = $$('#divRenewalProfile select[name=ddlRenewalProfileValue0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.RenewalProfileValue.push(ddlArray[i].value);
    }

    ddlArray = $$('#divProductOffer select[name=ddlProductOfferOperand0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.ProductOfferOperand.push(ddlArray[i].value);
        filter = new Object();
        filter.ID = ddlArray[i].getParent().getProperty('rel');
        filter.RenewalID = $('hdnAudienceFiltersRenewalId').value;
        model.Filters[1].push(filter);
    }

    ddlArray = $$('#divProductOffer select[name=ddlProductOfferValue0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.ProductOfferValue.push(ddlArray[i].value);
    }

    ddlArray = $$('#divProductVariant select[name=ddlProductVariantOperand0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.ProductVariantOperand.push(ddlArray[i].value);
        filter = new Object();
        filter.ID = ddlArray[i].getParent().getProperty('rel');
        filter.RenewalID = $('hdnAudienceFiltersRenewalId').value;
        model.Filters[2].push(filter);
    }

    ddlArray = $$('#divProductVariant select[name=ddlProductVariantValue0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.ProductVariantValue.push(ddlArray[i].value);
    }

    ddlArray = $$('#divPaymentMethod select[name=ddlPaymentMethodOperand0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.PaymentMethodOperand.push(ddlArray[i].value);
        filter = new Object();
        filter.ID = ddlArray[i].getParent().getProperty('rel');
        filter.RenewalID = $('hdnAudienceFiltersRenewalId').value;
        model.Filters[3].push(filter);
    }

    ddlArray = $$('#divPaymentMethod select[name=ddlPaymentMethodValue0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.PaymentMethodValue.push(ddlArray[i].value);
    }

    ddlArray = $$('#divSubscriptionChannel select[name=ddlSubscriptionChannelOperand0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.SubscriptionChannelOperand.push(ddlArray[i].value);
        filter = new Object();
        filter.ID = ddlArray[i].getParent().getProperty('rel');
        filter.RenewalID = $('hdnAudienceFiltersRenewalId').value;
        model.Filters[4].push(filter);
    }

    ddlArray = $$('#divSubscriptionChannel select[name=ddlSubscriptionChannelValue0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.SubscriptionChannelValue.push(ddlArray[i].value);
    }

    ddlArray = $$('#divSubscriptionAge select[name=ddlSubscriptionAgeOperand0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.SubscriptionAgeOperand.push(ddlArray[i].value);
        filter = new Object();
        filter.ID = ddlArray[i].getParent().getProperty('rel');
        filter.RenewalID = $('hdnAudienceFiltersRenewalId').value;
        model.Filters[5].push(filter);
    }

    ddlArray = $$('#divSubscriptionAge select[name=ddlSubscriptionAgeValue0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.SubscriptionAgeValue.push(ddlArray[i].value);
    }

    ddlArray = $$('#divGeographics select[name=ddlGeographicsOperand0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.GeographicsOperand.push(ddlArray[i].value);
        filter = new Object();
        filter.ID = ddlArray[i].getParent().getProperty('rel');
        filter.RenewalID = $('hdnAudienceFiltersRenewalId').value;
        model.Filters[6].push(filter);
    }

    ddlArray = $$('#divGeographics input[name=ddGeographics0]');
    for (i = 0; i < ddlArray.length; i++) {
        if (ddlArray[i].value == null || ddlArray[i].value == "") {
            model.GeographicsValue.push(-1);
        }
        else {
            model.GeographicsValue.push(ddlArray[i].value);
        }
    }

    ddlArray = $$('#divAdditionalFilters select[name=ddlSubscriptionTypeOperand0]');
    for (i = 0; i < ddlArray.length; i++) {
        model.SubscriptionTypeOperand.push(ddlArray[i].value);
        filter = new Object();
        var rel = JSON.decode(ddlArray[i].getParent().getProperty('rel'));
        filter.ID = rel.id;
        filter.RenewalID = $('hdnAudienceFiltersRenewalId').value;
        model.SubscriptionTypeValue.push(rel.value);
        var actionDdlId = 'ddlSubscriptionTypeActionType' + ddlArray[i].id.replace('ddlSubscriptionTypeOperand', '');
        if (ddlArray[i].getSelected()[0].text != 'Exclude') {
            model.SubscriptionTypeActionType.push($(actionDdlId).value);
        }
        else {
            model.SubscriptionTypeActionType.push(null);
        }

        model.Filters[7].push(filter);
    }


    var s = JSON.encode(model);

    new Request.HTML({
        method: 'post',
        data: {'json': s},
        update: $('divAudienceFiltersContent'),
        url: '/Renewal/AudienceFiltersSave',
        onSuccess: function (responseTree, responseElements, responseHTML, responseJavaScript) {
            ADUI.FullInit($('divGeographics'));
        }
    }).send();

}