imgMore = new Image()
imgMore.src = "/images/more.gif"
imgLess = new Image()
imgLess.src = "/images/less.gif"

function show_options(){
type = document.getElementById('option_type')

    if(type.value == 'adv'){
        type.value="simp"
        document.getElementById('materialCol1').innerHTML = "Select Material:"
        document.getElementById('materialCol2').innerHTML =
"<select onChange='validate()' name='material'><option value='' selected='selected'>No Preference</option><option value='steel'>Steel</option><option value='stainless steel'>Stainless steel</option><option value='copper'>Copper</option><option value='bronze'>Bronze</option><option value='wood'>Wood</option></select>"
        document.getElementById('guageCol1').innerHTML = "Gauge:"
        document.getElementById('guageCol2').innerHTML = "<select name='guage'><option value='' selected='selected'>No Preference</option><option value='20'>20</option><option value='19'>19</option><option value='18'>18</option><option value='16'>16</option></select>"
        document.getElementById('imgOptions').src = imgLess.src
    }else{
        type.value="adv"
        document.getElementById('materialCol1').innerHTML = ""
        document.getElementById('materialCol2').innerHTML = ""
        document.getElementById('guageCol1').innerHTML = ""
        document.getElementById('guageCol2').innerHTML = ""
        document.getElementById('imgOptions').src = imgMore.src
    }


}

function hide_options(){
type = document.getElementById('option_type')

    if(type.value == 'adv'){
        type.value="simp"
        document.getElementById('materialCol1').innerHTML = "Select Material:"
        document.getElementById('materialCol2').innerHTML =
"<select name='material'><option value='' selected='selected'>No Preference</option><option value='steel'>Steel</option><option value='stainless'>Stainless Steel</option><option value='copper'>Copper</option><option value='bronze'>Bronze</option><option value='wooden'>Wood</option></select>"
        document.getElementById('guageCol1').innerHTML = "Gauge:"
        document.getElementById('guageCol2').innerHTML = "<select name='guage'><option value='' selected='selected'>No Preference</option><option value='20'>20</option><option value='19'>19</option><option value='18'>18</option><option value='16'>16</option></select>"
        document.getElementById('imgOptions').src = imgLess.src
    }else{
        type.value="adv"
        document.getElementById('materialCol1').innerHTML = ""
        document.getElementById('materialCol2').innerHTML = ""
        document.getElementById('guageCol1').innerHTML = ""
        document.getElementById('guageCol2').innerHTML = ""
        document.getElementById('imgOptions').src = imgMore.src
    }
}



function myFocus(){
        document.getElementById('submit').focus()
}

function validate(){

        mater  = document.getElementById('material')
        cList  = document.getElementById('colorList')
        vGuage = document.getElementById('guage')

        if(cList != null)
            cList.disabled=false

        if(vGuage != null)
            vGuage.disabled=false

        //if material is selected and is not No Preference and not Steel
        if((mater != null) && (mater.options[mater.selectedIndex].text.match('No Preference') == null) && (mater.options[mater.selectedIndex].text.toString().match('Steel') == null )){
            cList.disabled = true
            vGuage.disabled=true
        }

        myFocus()

}//end validate

function radioValidate(meButton, otherButton){

        if(meButton.att1 == 'false')
            meButton.att1 = "true"
        else if(meButton.att1='true'){
            meButton.checked = false
            meButton.att1="false"
        }

        otherButton.att1="false"


}//end radioValidate

function myReset(){

        retVal =  confirm('This will reset the form?')

        document.getElementById('material').selectedIndex = 0
        validate()

        return retVal

}

function directions(){
	popUp('http://maps.yahoo.com/maps_result?csz=Decatur,+GA+30032-4727&amp;state=GA&amp;uzip=30032&amp;ds=n&amp;name=&amp;desc=&amp;ed=yFUGOOp_0TpU0ixTFo08QBzwS7cidGLAc7VsOwmOCuOozeDjwxjqcaxdKwFzP5fHiWqHwl9vUryeSdqMASyTlcfUcNmm5Hit7q9wdfTP6R5HDtA-&amp;zoomin=yes&amp;BFKey=&amp;resize=s&amp;mag=9')
}
