
var mapMenu_state = "closed";
var mapMenu_time;
var mapMenu_interval;
var mapMenu_height = 0;

window.onload = function() {
    if(document.getElementById('subjectForm')) {
        document.aspnetForm.onsubmit = function() { return EkFmValidate(this) };
    }
}


function open_mapMenu() {
	clearTimeout(mapMenu_time);
	if(mapMenu_state == "closed") {
		mapMenu_state = "opening";
		var object = document.getElementById('mapMenuList');
		object.style.display = "block";
		mapMenu_interval = setInterval('slideOpen_mapMenu()', 10);
	}
	if(mapMenu_state == "closing") {
		clearInterval(mapMenu_interval);
		mapMenu_interval = setInterval('slideOpen_mapMenu()', 10);
	}
}

function close_mapMenu() {
	mapMenu_time = setTimeout('closeNow_mapMenu()', 50);
}

function closeNow_mapMenu() {
	clearInterval(mapMenu_interval);
	mapMenu_state = "closing";
	mapMenu_interval = setInterval('slideClose_mapMenu()', 10);
}

function save_mapMenu() {
	clearTimeout(mapMenu_time);
}

function slideOpen_mapMenu() {
	mapMenu_height = (75 - mapMenu_height) / 8 + 1 + mapMenu_height;
	if(mapMenu_height < 77) {
		var object = document.getElementById('mapMenuList');
		object.style.height = mapMenu_height + "px";
	}
	else {
		clearInterval(mapMenu_interval);
		var object = document.getElementById('mapMenuList');
		object.style.height = "77px";
		mapMenu_height = 77;
		mapMenu_state = "open";
	}
}

function slideClose_mapMenu() {
	mapMenu_height = mapMenu_height - (mapMenu_height / 8) - 1;
	if(mapMenu_height > 0) {
		var object = document.getElementById('mapMenuList');
		object.style.height = mapMenu_height + "px";
	}
	else {
		clearInterval(mapMenu_interval);
		var object = document.getElementById('mapMenuList');
		object.style.height = "0px";
		mapMenu_height = 0;
		object.style.display = "none";
		mapMenu_state = "closed";
	}
}

function spanHover(object) {
	object.className = "hover";
}
function spanHoverOff(object) {
	object.className = "";
}
function toggleFolder(object) {
	if(object.parentNode.className == "folderClosed") {
		object.parentNode.className = "folderOpen";
	}
	else {
		object.parentNode.className = "folderClosed";
	}
}

// Email Form Popup
function emailWindow(address) {
    var newWindow;
    if(address) {
        newWindow = window.open('/emailPage.aspx?a='+address, 'popForm', 'toolbar=0,sizable=1,width=280,height=330');
    }
    else {
        newWindow = window.open('/emailPage.aspx', 'popForm', 'toolbar=0,sizable=1,width=280,height=330');
    }
    newWindow.focus();
}


function swapIn(id, text)
{
    var object = id;
    if (object != null)
    {
        if (object.value == text)
            object.value = '';

    }
}

function swapOut(id, text)
{
    var object = id;
    if (object != null)
    {
        if (object.value == '')
            object.value = text;

    }
}

function search(text)
{
    var url = location.hostname;
    window.location = 'http://' + url + '/search.aspx?searchtext=' + text;
}

function LoadUrl(url)
{
    if (url != '')
    {
        window.location = url;
    }
}

function paymentOption() {
    alert(document.aspnetForm.paymentOption.value);
}

function inputElectronicCheck() {
    var ecForm = '<div id="ecForm">';
    ecForm += '<p><b>Electronic Check</b> (USA Only)</p>';
    ecForm += '<table class="form">';
    ecForm += '<tr><td><font color="#ff0000">*</font> <label for="ecAccountName">Name on Account:</label></td><td><input type="text" name="ecAccountName" id="ecAccountName" class="textbox" ektdesignns_validation="string-req" ektdesignns_basetype="text" ektdesignns_validate="re:/\S+/" ektdesignns_invalidmsg="Cannot be blank" ektdesignns_name="ecAccountName" ektdesignns_caption="Account Name" title="Account Name" ektdesignns_nodetype="element" /></td></tr>';
    ecForm += '<tr><td><font color="#ff0000">*</font> <label for="ecRoutingNumber">Routing Number:</label></td><td><input type="text" name="ecRoutingNumber" id="ecRoutingNumber" class="textbox" ektdesignns_validation="string-req" ektdesignns_basetype="text" ektdesignns_validate="re:/\S+/" ektdesignns_invalidmsg="Cannot be blank" ektdesignns_name="ecRoutingNumber" ektdesignns_caption="Routing Number" title="Routing Number" ektdesignns_nodetype="element" /><h6>The 9 digit number on the bottom left of your check.</h6></td></tr>';
    ecForm += '<tr><td><font color="#ff0000">*</font> <label for="ecAccountNumber">Account Number:</label></td><td><input type="text" name="ecAccountNumber" id="ecAccountNumber" class="textbox" ektdesignns_validation="string-req" ektdesignns_basetype="text" ektdesignns_validate="re:/\S+/" ektdesignns_invalidmsg="Cannot be blank" ektdesignns_name="ecAccountNumber" ektdesignns_caption="Account Number" title="Account Number" ektdesignns_nodetype="element" /><h6>The numbers on the bottom center of your check.</h6></td></tr>';
    ecForm += '<tr><td><font color="#ff0000">*</font> <label for="ecBankName">Bank Name:</label></td><td><input type="text" name="ecBankName" id="ecBankName" class="textbox" ektdesignns_validation="string-req" ektdesignns_basetype="text" ektdesignns_validate="re:/\S+/" ektdesignns_invalidmsg="Cannot be blank" ektdesignns_name="ecBankName" ektdesignns_caption="Bank Name" title="Bank Name" ektdesignns_nodetype="element" /></td></tr>';
    ecForm += '<tr><td>Account Type:</td><td><select name="ecAccountType"><option>Checking</option><option>Savings</option></select></td></tr>';
    ecForm += '</table>';
    ecForm += '</div>';
    
    document.getElementById('paymentOptions').innerHTML = ecForm;
    
    document.getElementById('ecAccountName').onblur = function() { design_validate_re(/\S+/,this,'Cannot be blank'); };
    document.getElementById('ecRoutingNumber').onblur = function() { design_validate_re(/\S+/,this,'Cannot be blank'); };
    document.getElementById('ecAccountNumber').onblur = function() { design_validate_re(/\S+/,this,'Cannot be blank'); };
    document.getElementById('ecBankName').onblur = function() { design_validate_re(/\S+/,this,'Cannot be blank'); };
}

function inputCreditCard() {
    var ccForm = '<div id="ccForm">';
    ccForm += '<p><b>Credit Card</b></p>';
    ccForm += '<table class="form">';
    ccForm += '<tr><td><font color="#ff0000">*</font> <label for="ccCardName">Name on Card:</label></td><td><input type="text" name="ccCardName" id="ccCardName" class="textbox" size="30" ektdesignns_validation="string-req" ektdesignns_basetype="text" ektdesignns_validate="re:/\S+/" ektdesignns_invalidmsg="Cannot be blank" ektdesignns_name="ccCardName" ektdesignns_caption="Card Name" title="Card Name" ektdesignns_nodetype="element" /></td></tr>';
    ccForm += '<tr><td><font color="#ff0000">*</font> <label for="ccCardNumber">Card Number:</label></td><td><input type="text" name="ccCardNumber" id="ccCardNumber" class="textbox" ektdesignns_validation="string-req" ektdesignns_basetype="text" ektdesignns_validate="re:/\S+/" ektdesignns_invalidmsg="Cannot be blank" ektdesignns_name="ccCardNumber" ektdesignns_caption="Card Number" title="Card Number" ektdesignns_nodetype="element" /><h6>Digits only with no dashes or spaces.</h6></td></tr>';
    ccForm += '<tr>';
    ccForm += '<td>Expiration Date:</td>';
    ccForm += '<td><select name="ccExpMonth" id="ccExpMonth">';
    ccForm += '<option value="01">January</option><option value="02">February</option><option value="03">March</option><option value="04">April</option><option value="05">May</option><option value="06">June</option><option value="07">July</option><option value="08">August</option><option value="09">September</option><option value="10">October</option><option value="11">November</option><option value="12">December</option>';
    ccForm += '</select><select name="ccExpYear" id="ccExpYear">';
    ccForm += '<option>2008</option><option>2009</option><option>2010</option><option>2011</option><option>2012</option><option>2013</option><option>2014</option><option>2015</option><option>2016</option><option>2017</option><option>2018</option><option>2019</option><option>2020</option>';
    ccForm += '</select></td>';
    ccForm += '</tr>';
    ccForm += '<tr><td><font color="#ff0000">*</font> <label for="ccCardCode">Security Code:</label></td><td><input type="text" name="ccCardCode" id="ccCardCode" class="textbox" size="5" ektdesignns_validation="string-req" ektdesignns_basetype="text" ektdesignns_validate="re:/\S+/" ektdesignns_invalidmsg="Cannot be blank" ektdesignns_name="ccCardCode" ektdesignns_caption="Security Code" title="Security Code" ektdesignns_nodetype="element" /><h6>Usually a 3-digit value on the back of the card.</h6></td></tr>';
    ccForm += '<tr><td colspan="2"><img class="noline" src="/webimages/credit-cards.gif" alt="MasterCard, VISA, or DiscoverCard" /></td></tr>';
    ccForm += '</table>';
    ccForm += '</div>';

    document.getElementById('paymentOptions').innerHTML = ccForm;
    
    document.getElementById('ccCardName').onblur = function() { design_validate_re(/\S+/,this,'Cannot be blank'); };
    document.getElementById('ccCardNumber').onblur = function() { design_validate_re(/\S+/,this,'Cannot be blank'); };
    document.getElementById('ccCardCode').onblur = function() { design_validate_re(/\S+/,this,'Cannot be blank'); };
}
