// JavaScript Document
function createOverlay(num) {
switch(num) {
case 1:
var createForm = '<p class="form1TextHeader" id="formHeader">*Please fill out all the required information to recieve the latest on all Split news.</p><form id="splitForm"action="mailingList.php" method="post" name="mailList"><label class="form1TextLabel" id="formNameLabel">Name: *</label><br /><input id="fName" name="userName" type="text" maxlength="200" /><br /><br /><label id="formEmailLabel" class="form1TextLabel">Email: *</label><br /><input id="fEmail" name="userEmail" type="text" maxlength="200" /><br /><br /><label id="formZipLabel" class="form1TextLabel">Zip Code:</label><br /><input id="fZip" name="userZip" type="text" maxlength="5" /><br /><br /><label id="formAgeLabel" class="form1TextLabel">Age: *</label><br /><input id="fAge" name="userAge" type="text" maxlength="3" /></form>';
break;
case 2:
var createForm = '<p class="form1TextHeader2" id="formHeader">*Express yourself this Fall with a statement piece, like our \"Curious\"Fedora. With a faux leather band & stud detailing, it\'s the perfect addition to your back-to-school wardrobe Enter your name & email address for your chance to win!</p><p class="form1TextHeader2" id="formHeader2">Winner will be contacted  via email on August 20th, 2008</p><form id="splitForm"action="eventList.php" method="post" name="mailList"><label class="form1TextLabel" id="formNameLabel">Name: *</label><br /><input id="fName" name="userName" type="text" maxlength="200" /><br /><br /><label id="formEmailLabel" class="form1TextLabel">Email: *</label><br /><input id="fEmail" name="userEmail" type="text" maxlength="200" /><br /><br /><input id="joinCheckBox" name="joinMailList" type="checkbox" value="yes" /><label class="form1TextLabel" id="formCheckLabel">Join Our Email List</label></form>';
break;
}
var linkText = "Close";
var linkTarget = "#";
var element = document.body;
var overlay;
var overlayContent;
if(document.getElementById('overlay') == null) {
overlay = document.createElement('div');
overlay.className = 'overlay';
overlay.id = 'overlay';
overlayContent = document.createElement('div');
if(num==1){
overlayContent.className = 'overlayContent';
}else{
	overlayContent.className = 'overlayContent2';
}
	
overlayContent.id = 'overlayContent';
overlayContent.style.display = 'none';
var form1 = document.createElement('div');
if(num==1){
form1.className = 'form1';
}else {
	form1.className = 'form2';
}
form1.id = 'form1';
form1.innerHTML = createForm;
form1.style.display = 'none';
var submitBtn = document.createElement('div');

if(num==1){
submitBtn.className = 'formSubmitBtn';
}else {
	submitBtn.className = 'formSubmitBtn2';
}
submitBtn.id = 'formSubmitBtn';
submitBtn.innerHTML = '<a href="#"><img src="../images/submitBtn.jpg" /></a>';
if(num==1){
submitBtn.onclick = function(){
formSubmit(1);
return false;
}
}else {
	submitBtn.onclick = function(){
formSubmit(2);
return false;
}
}
	
var formLogoCaption = document.createElement('div');
formLogoCaption.className = 'formLogoCaption';
formLogoCaption.id = 'formLogoCaption';
if(num==1){
formLogoCaption.innerHTML = '<a href"#"><img src="../images/joinOurList.jpg" /></a>';
}else{
	formLogoCaption.innerHTML = '<a href"#"><img src="../images/giveawayFormCaption.jpg" /></a>';
}
	
var closerLink = document.createElement('a');
closerLink.href = linkTarget;
closerLink.onclick = function() {
closeOverlay();
return false;
}
closerLink.className = 'closeBtn';
closerLink.appendChild(document.createTextNode(linkText));
overlayContent.appendChild(formLogoCaption);
overlayContent.appendChild(closerLink);
overlayContent.appendChild(form1);
overlayContent.appendChild(submitBtn);
element.style.overflow = 'hidden';
document.documentElement.style.overflow = 'hidden';
element.insertBefore(overlayContent, element.firstChild);
element.insertBefore(overlay, overlayContent);
Effect.BlindDown(overlayContent, {duration: 0.4});
Effect.Appear(form1, {duration: 1.0});
} else {
	element.removeChild(overlay);
	element.removeChild(overlayContent);
	}
}

function closeOverlay() {
var element = document.body
var overlay = document.getElementById('overlay');
var overlayContent = document.getElementById('overlayContent');
element.removeChild(overlay);
element.removeChild(overlayContent);
element.style.overflow = 'visible';
document.documentElement.style.overflow = 'auto';
}

function swapOnImage(num) {
switch(num){
case 1:
var btn1 = document.getElementById('navButton1');
btn1.src ="../images/collection_Btn_hover.jpg";
break;
case 2:
var btn1 = document.getElementById('navButton2');
btn1.src ="../images/lookbook_Btn_hover.jpg";
break;
case 3:
var btn1 = document.getElementById('navButton3');
btn1.src ="../images/press_Btn_hover.jpg";
break;
case 4:
var btn1 = document.getElementById('navButton4');
btn1.src ="../images/events_Btn_hover.jpg";
break;
case 5:
var btn1 = document.getElementById('navButton5');
btn1.src ="../images/blog_Btn_hover.jpg";
break;
case 6:
var btn1 = document.getElementById('navButton6');
btn1.src ="../images/shop_Btn_hover.jpg";
break;
case 7:
var btn1 = document.getElementById('navButton7');
btn1.src ="../images/myspace_Btn_hover.jpg";
break;
}
}

function swapHoverImage(num) {
switch(num){
case 1:
var btn1 = document.getElementById('navButton1');
btn1.src ="../images/collection_Btn_on.jpg";
break;
case 2:
var btn1 = document.getElementById('navButton2');
btn1.src ="../images/lookbook_Btn_on.jpg";
break;
case 3:
var btn1 = document.getElementById('navButton3');
btn1.src ="../images/press_Btn_on.jpg";
break;
case 4:
var btn1 = document.getElementById('navButton4');
btn1.src ="../images/events_Btn_on.jpg";
break;
case 5:
var btn1 = document.getElementById('navButton5');
btn1.src ="../images/blog_Btn_on.jpg";
break;
case 6:
var btn1 = document.getElementById('navButton6');
btn1.src ="../images/shop_Btn_on.jpg";
break;
case 7:
var btn1 = document.getElementById('navButton7');
btn1.src ="../images/myspace_Btn_on.jpg";
break;
}
}

function formSubmit(num) {
	switch(num){
		case 1:
var formAction = document.mailList.action;
var submitBtn = document.getElementById('formSubmitBtn');
var newForm = document.getElementById('splitForm');
var formHeader = document.getElementById('formHeader');
var at = document.getElementById('fEmail').value.indexOf("@");
var fage = document.getElementById('fAge').value;
var fname = document.getElementById('fName').value;
var fzip = document.getElementById('fZip').value;
var nameLabel = document.getElementById('formNameLabel');
var emailLabel = document.getElementById('formEmailLabel');
var zipLabel = document.getElementById('formZipLabel');
var ageLabel = document.getElementById('formAgeLabel');
submitOK ="true";
nameLabel.innerHTML = "Name: *";
emailLabel.innerHTML = "Email: *";
zipLabel.innerHTML = "Zip:";
ageLabel.innerHTML = "Age: *";
if (fname.length<1)
 {
 var errorMsg = " <span style=font-size:10px;color:red> Please enter a valid first and last name</span>";
 nameLabel.innerHTML += errorMsg;
 submitOK="false";
 }
 
if (isNaN(fage)||fage<1||fage>100)
 {
 var errorMsg = "<span style=font-size:10px;color:red> The age must be a number between 1 and 100</span>";
 ageLabel.innerHTML += errorMsg;
 submitOK="false";
 }
 
if (at==-1) 
 {
 var errorMsg = " <span style=font-size:10px;color:red> Not a valid email address</span>";
 emailLabel.innerHTML += errorMsg;
 submitOK="false";
 }
 
if (submitOK=="false")
 {
 return false;
 }
 
 if(submitOK){
 //newForm.submit();
 at = document.getElementById('fEmail').value;
var xmlHttp;
try
  {  // Firefox, Opera 8.0+, Safari  
  xmlHttp=new XMLHttpRequest();  }
catch (e)
  {  // Internet Explorer  
  try
    {    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");    }
  catch (e)
    {    try
      {      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");      }
    catch (e)
      {      alert("Your browser does not support AJAX!");      return false;      }    }  }
	  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
	  if(xmlHttp.responseText=="ok"){
	  nameLabel.style.visibility= 'hidden';
	emailLabel.style.visibility= 'hidden';
	zipLabel.style.visibility= 'hidden';
	ageLabel.style.visibility= 'hidden';
	document.getElementById('fEmail').style.visibility= 'hidden';
	document.getElementById('fAge').style.visibility= 'hidden';
	document.getElementById('fName').style.visibility= 'hidden';
	document.getElementById('fZip').style.visibility= 'hidden';
	submitBtn.style.visibility='hidden';
	formHeader.innerHTML = "Your information has been submitted";
	}else {
		nameLabel.style.visibility= 'hidden';
	emailLabel.style.visibility= 'hidden';
	zipLabel.style.visibility= 'hidden';
	ageLabel.style.visibility= 'hidden';
	document.getElementById('fEmail').style.visibility= 'hidden';
	document.getElementById('fAge').style.visibility= 'hidden';
	document.getElementById('fName').style.visibility= 'hidden';
	document.getElementById('fZip').style.visibility= 'hidden';
	submitBtn.style.visibility='hidden';
	formHeader.innerHTML = xmlHttp.responseText;
		
	}
      }
    }
   formAction = formAction+"?userName="+fname+"&userEmail="+at+"&userAge="+fage+"&userZip="+fzip; 
  xmlHttp.open("GET",formAction,true);
  xmlHttp.send(null);
 }
 break;
 case 2:
 var formAction = document.mailList.action;
var submitBtn = document.getElementById('formSubmitBtn');
var newForm = document.getElementById('splitForm');
var formHeader = document.getElementById('formHeader');
var at = document.getElementById('fEmail').value.indexOf("@");
var fname = document.getElementById('fName').value;
var joinMail;
var nameLabel = document.getElementById('formNameLabel');
var emailLabel = document.getElementById('formEmailLabel');
submitOK ="true";
nameLabel.innerHTML = "Name: *";
emailLabel.innerHTML = "Email: *";
if(document.getElementById('joinCheckBox').checked){
	joinMail=document.getElementById('joinCheckBox').value;
}
if (fname.length<1)
 {
 var errorMsg = " <span style=font-size:10px;color:red> Please enter a valid first and last name</span>";
 nameLabel.innerHTML += errorMsg;
 submitOK="false";
 }
 
if (at==-1) 
 {
 var errorMsg = " <span style=font-size:10px;color:red> Not a valid email address</span>";
 emailLabel.innerHTML += errorMsg;
 submitOK="false";
 }
 
if (submitOK=="false")
 {
 return false;
 }
 
 if(submitOK){
	 at = document.getElementById('fEmail').value;
 //newForm.submit();
var xmlHttp;
try
  {  // Firefox, Opera 8.0+, Safari  
  xmlHttp=new XMLHttpRequest();  }
catch (e)
  {  // Internet Explorer  
  try
    {    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");    }
  catch (e)
    {    try
      {      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");      }
    catch (e)
      {      alert("Your browser does not support AJAX!");      return false;      }    }  }
	  xmlHttp.onreadystatechange=function()
    {
    if(xmlHttp.readyState==4)
      {
	  if(xmlHttp.responseText=="ok"){
	  nameLabel.style.visibility= 'hidden';
	emailLabel.style.visibility= 'hidden';
	document.getElementById('fEmail').style.visibility= 'hidden';
	document.getElementById('fName').style.visibility= 'hidden';
	document.getElementById('joinMailList').style.visibility = 'hidden';
	document.getElementById('formCheckLabel').style.visibility = 'hidden';
	document.getElementById('formHeader2').style.visibility = 'hidden';
	submitBtn.style.visibility='hidden';
	formHeader.innerHTML = "Your information has been submitted";
	}else {
		  nameLabel.style.visibility= 'hidden';
	emailLabel.style.visibility= 'hidden';
	document.getElementById('fEmail').style.visibility= 'hidden';
	document.getElementById('fName').style.visibility= 'hidden';
	document.getElementById('joinMailList').style.visibility = 'hidden';
	document.getElementById('formCheckLabel').style.visibility = 'hidden';
	document.getElementById('formHeader2').style.visibility = 'hidden';
	submitBtn.style.visibility='hidden';
	formHeader.innerHTML = xmlHttp.responseText;
	}
      }
    }
	if(joinMail=="yes"){
   formAction = formAction+"?userName="+fname+"&userEmail="+at+"&userJoinMailList="+joinMail; 
	}else {
		formAction = formAction+"?userName="+fname+"&userEmail="+at;
	}
		
  xmlHttp.open("GET",formAction,true);
  xmlHttp.send(null);
 }
 
	}
}