var args = []
args['builder'] = true

function loadPreview() {
  argstr = ''
  for (var i in args) {
    argstr += i+'='+args[i]+'&';
  }
  document.getElementById('ifr').contentDocument.location = '../../php/html/index.php?'+argstr;
}

function generateCSS() {
  argstr = ''
  for (var i in args) {
    argstr += i+'='+args[i]+'&';
  }
  document.location = './generate_css.php?'+argstr;
}

function siteCSChange(elem) {
  args['site[scheme]'] = elem.options[elem.selectedIndex].value
  loadPreview();  
}

function siteCScolorChange(elem) {
  args['site[custom]'] = elem.value
  loadPreview();
}

function headerBrushChange(elem) {
  args['header[brush]'] = elem.value
  loadPreview();
}

function headerbgMntChange(elem) {
  args['header[bgmnt]'] = elem.value
  loadPreview();
}

function headerbgStrpChange(elem) {
  args['header[bgstrips]'] = elem.value
  loadPreview();
}

function hbTypeChange(elem) {
  args['hbar[type]'] = elem.options[elem.selectedIndex].value
  loadPreview();
}

function hbTiedChange(elem) {
  args['hbar[tiedtopage]'] = elem.options[elem.selectedIndex].value
  loadPreview();
}

function pageWidthChange(elem) {
  args['page[width]'] = elem.value
  loadPreview();
}

function lmDisplayChange(elem) {
  args['lmenu[display]'] = elem.options[elem.selectedIndex].value
  loadPreview();  
}

function rmDisplayChange(elem) {
  args['rmenu[display]'] = elem.options[elem.selectedIndex].value
  loadPreview();  
}