// JavaScript Document
function changeImage(path) {
	var image = document.getElementById('picBox');
	image.src = 'collections/fall08/'+path;
}

function createOverlay(num) {
switch(num) {
case 1:
var createForm = '<p class="form1TextHeader" id="formHeader">*Please fill out all the required information to receive 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">Fall is officially here and its time to stock your wardrobe with cozy chic pieces to last you all season long!<br/><br /> Here is your chance to win Split&apos;s ADORABLE plaid bomber jacket. All you have to do to enter is email us and tell us what your favorite thing is about Fall fashion! The lucky winner will be selected on October 20th! <br />Best of Luck! <br /><br /> <a href="mailto:promo@splitusa.com" target="_blank">Email us here!</a></p>';

/*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);
if(num==1){
overlayContent.appendChild(submitBtn);
}else if(num ==2) {
	//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);
 }
 
	}
}