// Button Rollover Code
function rollOverNew(imgID, imgName) {
  document.getElementById(imgID).setAttribute('src', imgName);
}

function randomBanner(prefix) {
  var imgNames = new Array(2);
  imgNames[0] = "/devine/images/banners/" + prefix + "hdr_01.jpg";
  imgNames[1] = "/devine/images/banners/" + prefix + "hdr_02.jpg";
  
  var al = imgNames.length;
  
  var randNum = Math.floor(al * Math.random());
  
  document.write('<img src="' + imgNames[randNum] + '" alt="" />');
}


function getParam(name) {
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}


// Toggle Collections calculator on/off
function toggleCalculator(wheel) {
  var getCalcBtnOff = document.getElementById(wheel + '_calcbtnoff');
  var getCalcBtnOn = document.getElementById(wheel + '_calcbtnon');
  var getCalc = document.getElementById(wheel + '_calc');

  if( getCalcBtnOn.style.display.indexOf('none')>=0 ) {
  	getCalcBtnOff.style.display = 'none';
  	getCalcBtnOn.style.display = 'block';
  	getCalc.style.display = 'block';
  } else {
  	getCalcBtnOff.style.display = 'block';
  	getCalcBtnOn.style.display = 'none';
  	getCalc.style.display = 'none';
  }
  
  
  
}


// Toggle Collections calculator on/off
function togglePainInfoFootnotes() {
  var getFootnoteDiv = document.getElementById('piLearnMoreFootnotes');
  var getBottomOff = document.getElementById('piBottomOff');
  var getBottomOn = document.getElementById('piBottomOn');
  try {
	  if (getFootnoteDiv.getAttribute('style').indexOf('display: none;') != -1) {
	    getBottomOff.setAttribute('style', 'display: none;');
	    getFootnoteDiv.setAttribute('style', 'display: block;');
	    getBottomOn.setAttribute('style', 'display: block;');
	  } else {
	    getBottomOff.setAttribute('style', 'display: block;');
	    getFootnoteDiv.setAttribute('style', 'display: none;');
	    getBottomOn.setAttribute('style', 'display: none;');
	  }
  } catch(e) {
	  // JT: IE has problems getting/setting attribute method
	  if (getFootnoteDiv.style.display.indexOf("none") != -1) {
		    getBottomOff.style.display = "none";
		    getFootnoteDiv.style.display = "block";
		    getBottomOn.style.display = "block";
		  } else {
		    getBottomOff.style.display = "block";
		    getFootnoteDiv.style.display = "none";
		    getBottomOn.style.display = "none";
		  }
  }
}


// Toggle photos for gallery
function togglePhoto(newClassName) {
  document.getElementById('galleryToggle').className = 'gio_' + newClassName;
}


// Functions for the Collections pages/tabs
var tcwc_default;

function chgLgWheelColor(wheel, colorName) {
  tcwc_default = document.getElementById('tcwc_' + wheel).innerHTML;
  document.getElementById('tcwc_' + wheel).innerHTML = colorName;
}

function setDefaultLgWheelColor(wheel) {
  document.getElementById('tcwc_' + wheel).innerHTML = tcwc_default;
}

function chgSwatchColor(wheel, swatch, colorName) {

  tcwc_default = colorName;
  document.getElementById('tcwc_' + wheel).innerHTML = colorName;
  document.getElementById('tcsc_' + wheel).innerHTML = colorName;
  document.getElementById('tcimg_' + wheel).setAttribute('src', '/devine/images/collections/swatch/' + wheel + '_' + swatch + '.jpg');

  var objLgWheel = document.getElementById('tcw_' + wheel);
  var getCurrentBg = null;

  try {
  	getCurrentBg = objLgWheel.getAttribute('style'); //Moz
  	objLgWheel.setAttribute('style', getCurrentBg.replace(/on_[0-9]+_of_/i, 'on_' + swatch + '_of_'));
  } catch(e) {
  	// JT: IE has problems getting/setting attribute method
  	getCurrentBg = document.getElementById('tcw_' + wheel).style.backgroundImage; //IE
  	objLgWheel.style.backgroundImage = getCurrentBg.replace(/on_[0-9]+_of_/i, 'on_' + swatch + '_of_');
  }
  
  document.getElementById('buythis').elements['devineColor'].value = colorName;

}

function setColorName(colorName) {
	document.getElementById('buythis').elements['devineColor'].value = colorName;
}

var wl_default;

function chgWheelLabel(tab, header, description) {
  wl_default = document.getElementById(tab + '_wheel').innerHTML;
  var htmlHeader = '<h2>' + header + '</h2>';
  var htmlDescription = '<p class="wheelDescription">' + description + '</p>';
  document.getElementById(tab + '_wheel').innerHTML = htmlHeader + htmlDescription;
}

function setDefaultWheelLabel(tab) {
  document.getElementById(tab + '_wheel').innerHTML = wl_default;
}

function chgWheel(tab, header, description, color) {
  //alert('Color='+color);
  var htmlHeader = '<h2>' + header + '</h2>';
  var htmlDescription = '<p class="wheelDescription">' + description + '</p>';
  wl_default = htmlHeader + htmlDescription;
  document.getElementById(tab + '_wheel').innerHTML = htmlHeader + htmlDescription;
  document.getElementById('buythis').elements['devineColor'].value = color;
  resetBuyThis();
}


//form validation for exterior calculator form
function calcResults() {
  var PaintFactor = "300";
  var SurfaceArea;
  var GallonsReq;
  var Perimeter;
  var Height;
  var  f = document.calc;
  var errs = 0;
  var errMsg = ""
  var expr1;
  var Doors;
  var Windows;

  expr1 = /\D/g;

  if(f.Perimeter.value=="" | expr1.test(f.Perimeter.value)){
    errs += 1;
    errMsg += "Please enter a number for the room base " + "\n";
  }

  if(f.Height.value=="" | expr1.test(f.Height.value)){
    errs += 1;
    errMsg += "Please enter a number for the room height " + "\n";
  }

  if(!(f.Windows.value=="")){
    if(expr1.test(f.Windows.value)){
      errs += 1;
      errMsg += "Please enter a number for the number of average windows " + "\n";
    }
  } else {
    //default the field to 0
    f.Windows.value = 0;
  }
	
  if(!(f.Doors.value=="")){
    if(expr1.test(f.Doors.value)){
      errs += 1;
      errMsg += "Please enter a number for the number of average doors " + "\n";
    }
  } else {
    //default the field to 0
    f.Doors.value = 0;
  }

  if(!(f.Deduct.value=="")) {
    if(expr1.test(f.Deduct.value)){
      errs += 1;
      errMsg += "Please enter a number for the other deductions " + "\n";
    }
  } else {
    //default the field to 0
    f.Deduct.value = 0;
  }

  if(errs > 0){
    alert(errMsg);
    return false;
  } else {
    Windows = f.Windows.value * 15;
    Doors = f.Doors.value * 21;
    Height = f.Height.value;
    Perimeter = f.Perimeter.value;
    Deduct = (f.Deduct.value * 1) + Windows + Doors;

    SurfaceArea = (Perimeter * Height) - Deduct;
    GallonsReq = Math.ceil(SurfaceArea/PaintFactor);

    f.tsa.value=SurfaceArea;
    f.ngn.value=GallonsReq;
    return false;
  }
      try { pageTracker._setVar('Paint Calculator'); } catch(e) {} //Google Analytics
}   

var comboCurDivId = 1;
var comboCnt = 11;

function toggleCombo(label, inc) {
  var newDivId = eval(label + 'CurDivId') + inc;

  if (newDivId > eval(label + 'Cnt')) {
    newDivId = 1;
  } else if (newDivId < 1) {
    newDivId = eval(label + 'Cnt');
  }

  document.getElementById(label + '_' + eval(label + 'CurDivId')).style.display = 'none';
  document.getElementById(label + '_' + newDivId).style.display = 'block';
  
  document.getElementById(label + 'Cnt' + '_' + eval(label + 'CurDivId')).style.display = 'none';
  document.getElementById(label + 'Cnt' + '_' + newDivId).style.display = 'block';
  
  

  if (label == 'combo') {
    comboCurDivId = newDivId;
  }
//  label + 'CurDivId' = newDivId;
}


function resetBuyThis() {
	if(document.getElementById('devineProducts')) {
	  document.getElementById('devineProducts').selectedIndex = 0;
	}
	if(document.getElementById('devineSize')) {
		var e = document.getElementById('devineSize');
		while(e.length > 0) {
			e.remove(0);
		}
	}
	showDiv(document.getElementById('purchaseStart'));
	dontShowDiv(document.getElementById('devineProducts'));
	dontShowDiv(document.getElementById('submitButton'));
	dontShowDiv(document.getElementById('devineSize'));
	dontShowDiv(document.getElementById('productQuantity'));
	if(document.getElementById('pebblescream_calcbtnoff')) {
		var el = document.getElementById('pebblescream_calcbtnoff');
		if(el.style.display === 'none') toggleCalculator('pebblescream');  //hide paint calculator
	}
}

function showDiv(div) {
	if(div) div.style.display = "block";
}

function dontShowDiv(div) {
	if(div) div.style.display = "none";
}