// JavaScript Document

var t ="";
var x ="";

function rebuildForm() {

$('FormContainer').innerHTML = "";
$('FormContainer').appendChild(Builder.node('form',{id:'UserRegister', name:'UserRegister', method:'post'}, 
	                					[
	                					Builder.node('label',{htmlFor:'ContactName',id:'Contact'},'*Name:'), 
	                					Builder.node('input',{id:'ContactName', type:'text'}),
	                					Builder.node('br'),
	                					Builder.node('label',{htmlFor:'Address'},'Address:'), 
	                					Builder.node('input',{id:'Address', type:'text'}), 
	                					Builder.node('br'),
	                    					Builder.node('label',{htmlFor:'City'},'City:'), 
			    					Builder.node('input',{id:'City', type:'text'}), 
	                    					Builder.node('br'),
	                    					Builder.node('label',{htmlFor:'State'},'State:'), 
			    					Builder.node('input',{id:'State', type:'text'}), 
	                    					Builder.node('br'),
	                    					Builder.node('label',{htmlFor:'Zip'},'Zip:'), 
								Builder.node('input',{id:'Zip', type:'text'}), 
	                    					Builder.node('br'),
	                    					Builder.node('label',{htmlFor:'Phone'},'*Phone:'), 
								Builder.node('input',{id:'Phone1', type:'text', size:'3'}),
								Builder.node('span',{className:'Phone'}, '-'),
	                    					Builder.node('input',{id:'Phone2', type:'text', size:'3'}),
	                    					Builder.node('span',{className:'Phone'}, '-'),
	                    					Builder.node('input',{id:'Phone3', type:'text', size:'4'}),
	                    					Builder.node('br'),
	                    					Builder.node('label',{htmlFor:'Email'},'*Email:'),
	                    					Builder.node('input',{id:'Email', type:'text'}),
	                    					Builder.node('br'),
	                    					Builder.node('label',{htmlFor:'Month'},'Date of Interest:'),
	                    					Builder.node('select',{id:'Month'}, 
	                    						[
	                    						Builder.node('option',{value:'01'}, 'Jan'),
	                    						Builder.node('option',{value:'02'}, 'Feb'),
	                    						Builder.node('option',{value:'03'}, 'Mar'),
	                    						Builder.node('option',{value:'04'}, 'Apr'),
	                    						Builder.node('option',{value:'05'}, 'May'),
												Builder.node('option',{value:'06'}, 'Jun'),
												Builder.node('option',{value:'07'}, 'Jul'),
	                    						Builder.node('option',{value:'08'}, 'Aug'),
	                    						Builder.node('option',{value:'09'}, 'Sept'),
												Builder.node('option',{value:'10'}, 'Oct'),
												Builder.node('option',{value:'11'}, 'Nov'),
	                    						Builder.node('option',{value:'12'}, 'Dec'),
												Builder.node('option',{value:''}, 'month')
												]),
	                    					Builder.node('select',{id:'Day'}, 
	                    						[
												Builder.node('option',{value:'1'}, '1'),
	                    						Builder.node('option',{value:'2'}, '2'),
	                    						Builder.node('option',{value:'3'}, '3'),
	                    						Builder.node('option',{value:'4'}, '4'),
	                    						Builder.node('option',{value:'5'}, '5'),
												Builder.node('option',{value:'6'}, '6'),
												Builder.node('option',{value:'7'}, '7'),
	                    						Builder.node('option',{value:'8'}, '8'),
	                    						Builder.node('option',{value:'9'}, '9'),
												Builder.node('option',{value:'10'}, '10'),
												Builder.node('option',{value:'11'}, '11'),
												Builder.node('option',{value:'12'}, '12'),
	                    						Builder.node('option',{value:'13'}, '13'),
	                    						Builder.node('option',{value:'14'}, '14'),
	                    						Builder.node('option',{value:'15'}, '15'),
												Builder.node('option',{value:'16'}, '16'),
												Builder.node('option',{value:'17'}, '17'),
	                    						Builder.node('option',{value:'18'}, '18'),
	                    						Builder.node('option',{value:'19'}, '19'),
												Builder.node('option',{value:'20'}, '20'),
												Builder.node('option',{value:'21'}, '21'),
												Builder.node('option',{value:'22'}, '22'),
	                    						Builder.node('option',{value:'23'}, '23'),
	                    						Builder.node('option',{value:'24'}, '24'),
	                    						Builder.node('option',{value:'25'}, '25'),
												Builder.node('option',{value:'26'}, '26'),
												Builder.node('option',{value:'27'}, '27'),
	                    						Builder.node('option',{value:'28'}, '28'),
	                    						Builder.node('option',{value:'29'}, '29'),
												Builder.node('option',{value:'30'}, '30'),
	                    						Builder.node('option',{value:'31'}, '31'),
												Builder.node('option',{value:''}, 'day')
	                    						]),
	                    					Builder.node('select',{id:'Year'}, 
	                    						[
	                    						Builder.node('option',{value:'2009'}, '2009'),
	                    						Builder.node('option',{value:'2010'}, '2010'),
	                    						Builder.node('option',{value:'2011'}, '2011'),
	                    						Builder.node('option',{value:'2012'}, '2012'),
	                    						Builder.node('option',{value:'2013'}, '2013'),
												Builder.node('option',{value:'2014'}, '2014'),
												Builder.node('option',{value:'2015'}, '2015'),
	                    						Builder.node('option',{value:'2016'}, '2016'),
	                    						Builder.node('option',{value:'2017'}, '2017'),
												Builder.node('option',{value:'2018'}, '2018'),
												Builder.node('option',{value:'2019'}, '2019'),
												Builder.node('option',{value:'2020'}, '2020'),
												Builder.node('option',{value:'2021'}, '2021'),
												Builder.node('option',{value:'2022'}, '2022'),
	                    						Builder.node('option',{value:'2023'}, '2023'),
	                    						Builder.node('option',{value:'2024'}, '2024'),
	                    						Builder.node('option',{value:'2025'}, '2025'),
												Builder.node('option',{value:'2026'}, '2026'),
												Builder.node('option',{value:'2027'}, '2027'),
	                    						Builder.node('option',{value:'2028'}, '2028'),
	                    						Builder.node('option',{value:'2029'}, '2029'),
												Builder.node('option',{value:'2030'}, '2030'),
												Builder.node('option',{value:''}, 'year')
	                    						]),
	                    					Builder.node('br'),
											Builder.node('label',{htmlFor:'Type'},'*Inquiry Type:'),
											Builder.node('select',{id:'Type'}, 
	                    						[
	                    						Builder.node('option',{value:'Corporate Event'}, 'Corporate Event'),
	                    						Builder.node('option',{value:'Cake'}, 'Cake'),
	                    						Builder.node('option',{value:'Hall'}, 'Hall Rental'),
	                    						Builder.node('option',{value:'Event'}, 'Event Planning'),
	                    						Builder.node('option',{value:'Catering'}, 'Catering'),
												Builder.node('option',{value:'Multiple'}, 'Multiple Services'),
												Builder.node('option',{value:'General'}, 'General')
	                    						]),
	                    					Builder.node('br'),
	                    					Builder.node('label',{htmlFor:'ContactMessage', className:'Contact'},'*Message:'),
	                    					Builder.node('br'),
	                    					Builder.node('textarea',{id:'ContactMessage'}),
	                    					Builder.node('br'),
	                    					Builder.node('p','*Denotes required field'),
	                    					Builder.node('br'),
	                    					Builder.node('br'),
	                    					Builder.node('input',{id:'Submit', type:'button', value:'Submit',onclick:'contactscript(["ContactName","Address","City","State","Zip","Phone1","Phone2","Phone3","Email","Month","Day","Year","Type","ContactMessage","NO_CACHE"],["FormContainer"])'}),
	                    					Builder.node('br')
	                    					]
	                    					
	                    				)
	                    				
	                    			);

	}//end rebuild form
	

function successClose(){
t= setTimeout("hideLeadForm()",2000);
$('Envelope').fade({ duration: 0.5, from:1, to:0});
$('LeadForm').fade({ duration: 0.5, from:1, to:0});
$('contactbox').fade({ duration: 2.0, from:1, to:0});
$('overlay').fade({ duration: 2.0, from:1, to:0});
}


function stopTimer(tw){
clearTimeout(tw);

}


function hideLeadForm(){

$('LeadForm').innerHTML = "";
$('Envelope').setStyle({backgroundImage: 'url(/images/envelope_end.png)'});
//$('LeadForm').setStyle({backgroundImage: 'url(/images/contact_end.png)'});
$('LeadForm').hide();

var x = setTimeout("thankYou()",1000);
stopTimer(t);
}


function thankYou(){
$('Envelope').appear({ duration: 2.0,from:0, to:1 });
//$('LeadForm').appear({ duration: 3.0,from:0, to:1 });
stopTimer(x);
}




//go to a URI in select statement
function SubNav(e){
	if(e.selectedIndex == 0)
		{//do nothing
		}
	else {
		//alert(e[e.selectedIndex].value);
		window.location = e[e.selectedIndex].value;
		}
	}
function showmenu(elmnt)
		{
	//$(elmnt).appear();
	//$(elmnt).setStyle({display: 'inline'});
	//Effect.BlindDown(elmnt);
	$(elmnt).show();
	
	}
function hidemenu(elmnt)
	{
	//$(elmnt).fade();
	$(elmnt).hide();
	//$(elmnt).setStyle({display: 'inline'});
	//$(elmnt).setStyle({visibility: 'hidden'})

}


function mouseX(evt) {
	if (evt.pageX) return evt.pageX; 
	else if (evt.clientX)return evt.clientX + (document.documentElement.scrollLeft ? document.documentElement.scrollLeft : document.body.scrollLeft); else return null;
	}
	
function mouseY(evt) {
if (evt.pageY) return evt.pageY; 
else if (evt.clientY)return evt.clientY + (document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop); else return null;
}

function fadeOut(){
$('ProductReturn').fade({duration:0.5});
}


function boxAppear(evt){
//get the mouse x,y coords
var cursorx = mouseX(evt);
var cursory = mouseY(evt);

//find the Product box's hieght and the browser viewport dimensions

var boxHeight = $('ProductReturn').getHeight();
//alert(boxHeight);
if(boxHeight == 0) {boxHeight = 215;}
var scrollOff = document.viewport.getScrollOffsets();
var topScroll = scrollOff.top;
var leftScroll = scrollOff.left;
//alert(topScroll);
//alert(leftScroll);

var vpWidth = document.viewport.getWidth();
var vpHeight = document.viewport.getHeight();
//alert(vpHeight);
vpHeight = vpHeight - topScroll;
//alert(vpHeight);
//alert(cursory + boxHeight)
// set constant variables
var containerWidth = 970;
var containerHalf = containerWidth/2;
var viewportMargin = vpWidth - containerWidth;
var boxWidth = 390;


var XboxPosition; 
var yBoxPosition; 

// center of the viewport on the x-axis
var xCenter = (vpWidth/2);

if(cursorx <= xCenter)
	{
	XboxPosition = cursorx + "px";
	}
else if((cursorx > xCenter) && (cursorx + boxWidth > vpWidth))
	{
	var xOffset = cursorx - boxWidth;
	XboxPosition = xOffset + "px";
	}
	
if ((cursory + boxHeight) >= vpHeight)
	{
	//alert((cursory + boxHeight));
	cursory = cursory - boxHeight;
	yBoxPosition = cursory + "px";
	//alert(yBoxPosition);
	}
else {
	yBoxPosition = cursory + "px";
	//alert('failed');
	}

cursory = cursory + "px";

$('ProductReturn').setStyle({
position:'absolute',
top:cursory, 
left:XboxPosition
});
$('ProductReturn').appear();
}

function followCursor(evt){
var cursorx = mouseX(evt);
var cursory = mouseY(evt);
//x = x + 5;
//y = y + 5;
cursorx = cursorx + "px";
cursory = cursory + "px";

$('ProductReturn').setStyle({
position:'absolute',
top:cursory, 
left:cursorx
});
}