var gparams = null;
var rg = /(<\!--saltoptions-->).*(<\!--ealtoptions-->)/i;
var rl = /(<!--rels-->).*(<!--rele-->)/i;

function applyNewZoomSettings(){
    var newParams = Array();
    var newParamsAlt = Array();
    var value = null;
    $mjs($J.$A($mjs('zoom-params').getElementsByTagName("INPUT"))
        .concat($J.$A($mjs('zoom-params').getElementsByTagName('SELECT'))))
        .forEach(function(el){
        	value = ('checkbox'==el.type) ? el.checked : el.value.toString();
        	if (MagicZoom.defaults[el.name.j22()] != value) {
                newParams.push(el.name+': '+value);
                newParamsAlt.push("'"+el.name+"' : "+(( 'boolean' == $J.j1(value) ||  /^[0-9]{1,}$/i.test(value))?value:"'"+value+"'") );
        	}
    });
    document.getElementById('zoom').rel = newParams.join('; ');
    changeContent(newParams.join('; '));
    changeContentAlt(newParamsAlt.join(',</li><li>&nbsp;&nbsp;&nbsp;&nbsp;'));
    MagicZoom.refresh();
}
function changeContent(str) {
	var txt;
    txt = $mjs('params-code-inline').innerHTML;
    txt=txt.replace(rl, '$1' + str + '$2');
    $mjs('params-code-inline').innerHTML = txt;
}

function changeContentAlt(str) {
    if (!gparams) { gparams = $mjs('params-code-global').innerHTML; };
    if (str.length) {
    	str = "<li>&nbsp;&nbsp;&nbsp;&nbsp;" + str + "</li>";
    }
    gparams = gparams.replace(rg, '$1'+str+'$2');
    $mjs('params-code-global').innerHTML = gparams;
}