function runner_change(val) {
   var runner_cont = document.getElementById('runner_cont');
   if (runner_cont) {
      runner_cont.style.visibility = (val=='4') ? 'visible' : 'hidden';
   }
}

function show_popup(url,width,height) {
   var new_win = window.open(url,'','top=30,left=50,height='+height+',width='+width+',scrollbars=auto,resizable=1');
   if(window.focus) {
      new_win.focus();   
   }
}

function checkout_copy_address(copy) {
   if (copy) {
      var f = document.checkout_form;
      f.ship_first_name.value = f.bill_first_name.value;
      f.ship_last_name.value  = f.bill_last_name.value;
      f.ship_company.value    = f.bill_company.value;
      f.ship_address.value    = f.bill_address.value;
      f.ship_city.value       = f.bill_city.value;
      f.ship_state.value      = f.bill_state.value;
      f.ship_zip.value        = f.bill_zip.value;
      f.ship_phone.value      = f.bill_phone.value;
   }
}

function apparel_change_color(color_id) {
   var im = document.getElementById('apparel_image');
   if (im) {
      im.src = apparel_images[color_id][0];
      im.width = apparel_images[color_id][1];
      im.height = apparel_images[color_id][2];
   }
   document.theform.color.value = color_id;
}

function footwear_change_image(color_id,url,width,height) {
   var im = document.getElementById('footwear_image_'+color_id);
   if (im) {
      im.src = url;
      im.width = width;
      im.height = height;
   }
}

function footwear_change_color(color_id) {
   for (i=0;i<footwear_tables.length;i++) {
      var tbl = document.getElementById('footwear_table_'+footwear_tables[i]);
      if (tbl) {
         tbl.style.display = 'none';
      }
   }
         
   var tbl = document.getElementById('footwear_table_'+color_id);
   if (tbl) {
      tbl.style.display = 'block';
   }
}




function del_log(id) {
   if (confirm('Are you sure you want to delete?')) {
      document.location.href = "log.php?a=delete&id="+id;
   }
}

function validate_form(form,required) {
   var color = "#fff";
   var high_color = "#ffd";
   var error = false;
   var error_message = 'Please fill in required fields';
   var first = -1;
   var patterns = new Array();
   patterns["email"] = /^[a-z0-9_\-\.]+@[a-z0-9_\-\.]+\.[a-z0-9]{2,4}$/i;
   patterns["bill_email"] = /^[a-z0-9_\-\.]+@[a-z0-9_\-\.]+\.[a-z0-9]{2,4}$/i;
   patterns["day"] = /^(0?[1-9]|[12][0-9]|30|31)$/i;
   patterns["month"] = /^(0?[1-9]|10|11|12)$/i;
   patterns["year"] = /^(20)?[0-9]{2}$/i;
   
   patterns["card_number"] = /^([3-6][0-9]{12,15})$/i;
   patterns["card_month"] = /^(0?[1-9]|10|11|12)$/i;
   patterns["card_year"] = /^(20)?[0-9]{2}$/i;
   patterns["card_code"] = /^[0-9]{3,4}$/i;
   
   for (i=0;i<required.length;i++) {
      if (form[required[i]].value == "") {
         error = true;
         form[required[i]].style.background = high_color;
         if (first == -1) {
            first = i;
         }         
      }
      else{
         form[required[i]].style.background = color;
      }
      if (patterns[required[i]]) {
         var val = form[required[i]].value;
         if ( !val.match(patterns[required[i]]) ){
            error = true;
            form[required[i]].style.background = high_color;
            form[required[i]].value = '';
            if (first == -1) {
               first = i;
            }         
         }      
      }
   }
   if (error) {
      alert(error_message);
      form[required[first]].focus();
      return false;
   }
   else {
      return true;   
   }
}