/* functions, etc that are common to every playhouse */
function getNYPrice(wideSize)
{
	var sizeSel = document.getElementById('size').selectedIndex;
	var sizeName = document.getElementById('size').options[sizeSel].text.split('x');
	sizeName = sizeName[0];
	sizeName = parseInt(sizeName);
	wideSize = parseInt(wideSize);
	var NYPrice = 0;
	if(document.getElementById('NYCityBox').checked==true)
	{
		NYPrice += 100;
		if(sizeName >= wideSize)
		{
			document.getElementById('normal').disabled=true;
			if(document.getElementById('normal').checked==true){document.getElementById('kit').checked=true;}
		}
		else
		{
			document.getElementById('normal').disabled=false;
		
		}
	}
	else
	{
		document.getElementById('normal').disabled=false;
	}
	return NYPrice;
}
// sets the size of the playhouse 
// front is usually nothing,but it should be 'short' if the front is the short side 
function setPlayhouseSize(front)
{
var sel = document.getElementById('size').selectedIndex;
var size = document.getElementById('size').options[sel].innerHTML;
var sizeSplit = size.split("x");
if (front == "short") {
	Shed.Shed_depth = parseInt(sizeSplit[1]);
	Shed.Shed_width = parseInt(sizeSplit[0]);
	}
else {
	Shed.Shed_depth = parseInt(sizeSplit[0]);
	Shed.Shed_width = parseInt(sizeSplit[1]);
	}
}

function toggleArchitectural()
{
// if cedar shingles are chosen, uncheck and disable architectural shingles
var selectedShingle = document.getElementById('shingles').selectedIndex;
if (document.getElementById('shingles').options[selectedShingle].value == "Cedar") {
	document.getElementById('architectural').checked = false;
	document.getElementById('architectural').disabled = true;
	document.getElementById('architecturalLabel').style.color = "#999";
	}
// otherwise, enable architectural
else {
	document.getElementById('architectural').disabled = false;
	document.getElementById('architecturalLabel').style.color = "#000";
	}
}

// set double door size based on how deep the shed is
var dblDoorWidth = 56;
function setDblDoorSize()
{
if (Shed.Shed_depth < 8) {
	document.getElementByid('dblDoorSizeLeft').innerHTML = "48&quot;x67 1/2&quot;";
	document.getElementByid('dblDoorSizeRight').innerHTML = "48&quot;x67 1/2&quot;";
	dblDoorWidth = 48;
	}
else {
	document.getElementById('dblDoorSizeLeft').innerHTML = "56&quot;x67 1/2&quot;";
	document.getElementById('dblDoorSizeRight').innerHTML = "56&quot;x67 1/2&quot;";
	dblDoorWidth = 56;
	}
}

// toggles ramp
function toggleRamp()
{
if (document.getElementById('DDadult').checked == true) {
	document.getElementById('ramp').disabled = false;
	document.getElementById('rampLabel').style.color = "#000";
	}
else {
	document.getElementById('ramp').checked = false;
	document.getElementById('ramp').disabled = true;
	document.getElementById('rampLabel').style.color = "#999";
	}
}

function setShutterColor()
{
Shed.Shutter_color = document.getElementById('shutterColor').value;
}

function toggleHandRail()
{
if (document.getElementById('deck').checked == true) {
	document.getElementById('vinylHandRail').disabled = false;
	document.getElementById('vinylHandRailLabel').style.color = "#000";
	}
else {
	document.getElementById('vinylHandRail').checked = false;
	document.getElementById('vinylHandRail').disabled = true;
	document.getElementById('vinylHandRailLabel').style.color = "#999";
	}
}

// enables/disables loft window options
function toggleLoftWindow()
{
if (document.getElementById('loft').checked == true) {
	document.getElementById('loftWindowSquare').disabled = false;
	document.getElementById('loftWindowSquareLabel').style.color = "#000";
	document.getElementById('loftWindowOct').disabled = false;
	document.getElementById('loftWindowOctLabel').style.color = "#000";
	}
	else {
	document.getElementById('noLoftWindow').checked = true;
	document.getElementById('loftWindowSquare').disabled = true;
	document.getElementById('loftWindowSquareLabel').style.color = "#999";
	document.getElementById('loftWindowOct').disabled = true;
	document.getElementById('loftWindowOctLabel').style.color = "#999";
	}
}

// makes sure that all of the fields that need to be filled out are filled 
function validate() 
{
    var alertMessage = "The following fields need to be specified:\n\n";
    if (document.getElementById('size').value == "") {
            alertMessage += "Size\n";
            }
    if (document.getElementById('siding').value == "") {
            alertMessage += "Exterior siding and color\n";
            }
    if (document.getElementById('shingles').value == "") {
            alertMessage += "Shingles\n";
            }
    if (document.getElementById('trim').value == "") {
            alertMessage += "Trim\n";
            }
    if (document.getElementById('shutterColor').value == ""){
            alertMessage += "Shutter Color\n";
            }
    if (!(document.getElementById('zipcode').value.match(/^\d{5}$/))) {
            alertMessage += "Shipping zip code\n";
            }
    
    
    if (alertMessage.length > 54) {
    alert(alertMessage);
    }
    else if (invalidZip > 0) {
        alert("Enter a valid zip code in the zip code field")
    } else if (tooFar > 0) {
        alert("The zip code specified is out of our service area");
    }
    else {
    submitTheForm();
    }
}

// read radio buttons	
function readRadioAndCheck(name) 
{
	for (i=0;i < document.getElementsByName(name).length;i++) {
		if (document.getElementsByName(name)[i].checked == true) {
			var num = document.getElementsByName(name)[i].value;
			}
		}
	return num;
}


function setWorkingSize()
{
if (Shed.Shed_depth <= Shed.Shed_width) {
	var workingSizeObject = 'size_' + Shed.Shed_depth + 'x' + Shed.Shed_width;
	}
	else {
	var workingSizeObject = 'size_' + Shed.Shed_width + 'x' + Shed.Shed_depth;
	}

// by using this[] on workingSizeObject it turns the string into an object reference
sizeObject = this[workingSizeObject];
}

function setDoorWidth()
{
if (document.getElementById('ADleft').checked == true) {
	Wall2.Door_width = adultDoorWidth;
	Wall4.Door_width = 0;
	document.getElementById('loftSide').innerHTML = "right";
	}
else {
	Wall2.Door_width = 0;
	Wall4.Door_width = adultDoorWidth;
	document.getElementById('loftSide').innerHTML = "left";
	}
}

function doorSizeCheck()
{
if (Shed.Shed_depth < 8) {
	document.getElementById('ddWidth').innerHTML = "48&quot;x67 1/2&quot;";
	}
	else {
	document.getElementById('ddWidth').innerHTML = "56&quot;x67 1/2&quot;";
	}
	
if (Shed.Shed_depth < 6) {
	if (document.getElementById('DDadult').checked == true) {
		document.getElementById('SWadult').checked = true;
		if (document.getElementById('ADleft').checked == true) {
			Wall2.Door_width = 36;
			} else {
			Wall4.Door_width = 36;
			}
		
		}
	document.getElementById('DDadult').disabled = true;
	document.getElementById('DDadultLabel').style.color = "#999";
	document.getElementById('ramp').checked = false;
	document.getElementById('ramp').disabled = true;
	document.getElementById('rampLabel').style.color = "#999";
	}
else {
	document.getElementById('DDadult').disabled = false;
	document.getElementById('DDadultLabel').style.color = "#000";
	}
}


function windowSizeCheck()
{
// keep in mind that the door needs to be centered!

// check for large window allowance
if (Shed.Shed_depth * 12 - Wall2.Door_width < 72 || Shed.Shed_depth * 12 - Wall4.Door_width < 72) {
	// move the checkmarks if needed
	if (document.getElementById('largeWindows').checked == true) {
		document.getElementById('largeWindows').checked = false;
		}
	//disable the large windows
	document.getElementById('largeWindows').disabled = true;
	document.getElementById('largeWindowsLabel').style.color = "#999";
	}
else {
	document.getElementById('largeWindows').disabled = false;
	document.getElementById('largeWindowsLabel').style.color = "#000";
	}

// check for small windows allowance
if (Shed.Shed_depth * 12 - Wall2.Door_width < 60) {
	// move the checkmarks if needed
	if (document.getElementById('windowLeft').checked == true || document.getElementById('2windowLeft').checked == true) {
		document.getElementById('noWindowsLeft').checked = true;
		}
	
	//disable the windows
	document.getElementById('windowLeft').disabled = true;
	document.getElementById('windowLabelLeft').style.color = "#999";
	document.getElementById('2windowLeft').disabled = true;
	document.getElementById('2windowLabelLeft').style.color = "#999";
	}
// if it's big enough, enable the windows
else {
	document.getElementById('windowLeft').disabled = false;
	document.getElementById('windowLabelLeft').style.color = "#000";
	document.getElementById('2windowLeft').disabled = false;
	document.getElementById('2windowLabelLeft').style.color = "#000";
	}
if (Shed.Shed_depth * 12 - Wall4.Door_width < 60) {
	// move the checkmarks if needed
	if (document.getElementById('windowRight').checked == true || document.getElementById('2windowRight').checked == true) {
		document.getElementById('noWindowsRight').checked = true;
		}
	
	//disable the windows
	document.getElementById('windowRight').disabled = true;
	document.getElementById('windowLabelRight').style.color = "#999";
	document.getElementById('2windowRight').disabled = true;
	document.getElementById('2windowLabelRight').style.color = "#999";
	}
else {
	document.getElementById('windowRight').disabled = false;
	document.getElementById('windowLabelRight').style.color = "#000";
	document.getElementById('2windowRight').disabled = false;
	document.getElementById('2windowLabelRight').style.color = "#000";
	}
}

function otherOptionCheck()
{
if (!sizeObject.high_walls) {
	document.getElementById('highWalls').checked = false;
	document.getElementById('highWalls').disabled = true;
	document.getElementById('highWallsLabel').style.color = "#999";
	}
	else {
	document.getElementById('highWalls').disabled = false;
	document.getElementById('highWallsLabel').style.color = "#000";
	}
if (!sizeObject.loft) {
	document.getElementById('loft').checked = false;
	document.getElementById('loft').disabled = true;
	document.getElementById('loftLabel').style.color = "#999";
	toggleLoftWindow();
	}
	else {
	document.getElementById('loft').disabled = false;
	document.getElementById('loftLabel').style.color = "#000";
	toggleLoftWindow();
	}
if (!sizeObject.deck) {
	document.getElementById('deck').checked = false;
	document.getElementById('deck').disabled = true;
	document.getElementById('deckLabel').style.color = "#999";
	toggleHandRail();
	}
	else {
	document.getElementById('deck').disabled = false;
	document.getElementById('deckLabel').style.color = "#000";
	toggleHandRail();
	}
}