// JavaScript Document

function showPreviewCard(){
	var g = document.getElementById('genderselect').value;
	var h = document.getElementById('hairselect').value;
	var c = document.getElementById('clothesselect').value;
	if((!g == "")&&(!h == "")&&(!c == "")){
	Slimbox.open("/marker_icons/" + g + "/Card/" + h + "-" + c + ".png", "");
	}
	else{
	Slimbox.open("/img/error.png", "");
	}
	return false;
	
}

//Signup Form validation
function validateForm(formname){

	var pre = document[formname].prefix.value;
	var fname = document[formname].firstname.value;
	var lname = document[formname].lastname.value;
	var email = document[formname].emailaddress.value;
	var street = document[formname].streetaddress.value;
	var city = document[formname].city.value
	var state = document[formname].state.value
	var zip = document[formname].zip.value;
	var gender = document[formname].gender.value
	var hair = document[formname].haircolor.value
	var clothes = document[formname].clothingstyle.value;
	
	//Check email for completion and structure
	if ((email == "") || (email.indexOf(".") <= 2) || (email.indexOf("@") <= 0)){
	Slimbox.open("/img/error.png", "");
	//document[formname].emailaddress.style.borderColor = "#ff0000";
    return false; 
	}
	
	if(pre == ""){
	Slimbox.open("/img/error.png", "");
    //document[formname].prefix.style.border = "1 solid #dd1100";
    return false; 
	}
	if(fname == ""){
	Slimbox.open("/img/error.png", "");
    //document[formname].prefix.style.border = "1 solid #dd1100";
    return false; 
	}
	if(lname == ""){
	Slimbox.open("/img/error.png", "");
    //document[formname].prefix.style.border = "1 solid #dd1100";
    return false; 
	}
	if(street == ""){
	Slimbox.open("/img/error.png", "");
    //document[formname].prefix.style.border = "1 solid #dd1100";
    return false; 
	}
	if(city == ""){
	Slimbox.open("/img/error.png", "");
    //document[formname].prefix.style.border = "1 solid #dd1100";
    return false; 
	}
	if(state == ""){
	Slimbox.open("/img/error.png", "");
    //document[formname].prefix.style.border = "1 solid #dd1100";
    return false; 
	}
	if(zip == ""){
	Slimbox.open("/img/error.png", "");
    //document[formname].prefix.style.border = "1 solid #dd1100";
    return false; 
	}
	if(gender == ""){
	Slimbox.open("/img/error.png", "");
    //document[formname].prefix.style.border = "1 solid #dd1100";
    return false; 
	}
	if(hair == ""){
	Slimbox.open("/img/error.png", "");
    //document[formname].prefix.style.border = "1 solid #dd1100";
    return false; 
	}
	if(clothes == ""){
	Slimbox.open("/img/error.png", "");
    //document[formname].prefix.style.border = "1 solid #dd1100";
    return false; 
	}
	
	else{
	//alert("ok");
	return true;
	}
}




//write sender and recipient names on ecard preview
function ecardWrite(name){
    var sInput = document.ftf.SNAME.value;
    var fInput = document.ftf.FNAME.value;
    var sMssg = document.ftf.MSSG.value;

    if(name == "fname"){
        if(fInput == ""){
            document.getElementById("ecardSalutation").innerHTML = "Dear [Recipient],";
        }
        else{
            document.getElementById("ecardSalutation").innerHTML = "Dear " + fInput + ",";
        }
    }
    else if(name == "sname"){
        if(sInput == ""){
            document.getElementById("ecardSig").innerHTML = "[Your Name]";
        }
        else{
            document.getElementById("ecardSig").innerHTML = sInput;
        }
    }
    else if(name == "mssg"){
        if(sMssg == ""){
            var thePledge = "";
            document.getElementById("ecardBody").innerHTML = thePledge;
        }
        else if(sMssg.length > 1100){
            alert("You have exceeded the maximum allowance of characters.");
        }
        else{
            sMssg = sMssg.replace(/\n/gi, "<br>");
            document.getElementById("ecardBody").innerHTML = sMssg;
            sMssg = sMssg.replace(/<br>/gi,"\n");
        }
        
    }

}

//Validate form on 'Tell a Friend'
function validateFTF(formname){

    var sname = document[formname].sname.value;
    var semail = document[formname].semail.value;
	var fname = document[formname].fname.value;
    var femail = document[formname].femail.value;
    
    if(sname == ""){alert("Please provide your name.");return false;}
    else if(semail == ""){alert("Please provide your email address.");return false;}
	else if(fname == ""){alert("Please provide your friend's name.");return false;}
    else if(femail == ""){alert("Please provide your friend's email address.");return false;}
	
    else{return true;}
    
}

//highlight FTF field on focus
function ftfFocus(field){
    field.style.border = "1px solid #428;";
}

//return FTF field style on blur
function ftfBlur(field){
    field.style.border = "1px solid #aaa;";
    if(field.name == "MSSG"){
        if(field.value == ""){
            field.value = "";
        }
    }
}


function findMarker(formname,mapname){
    var vemail = document[formname].emailAddress.value;
    frames['gmap'].location.href = '/php/' + mapname + '?email=' + vemail;
    return false;
}

/* NO LONGER USED*/
/*
function changeClothesOptions(){
	var g = document.getElementById('genderselect').value;
	var cOpt1 = document.getElementById('clothesOpt_1');
	var cOpt2 = document.getElementById('clothesOpt_2');
	var cOpt3 = document.getElementById('clothesOpt_3');
	if(g == "Woman"){
		cOpt1.innerHTML = "Purple";
		cOpt2.innerHTML = "Turquoise";
		cOpt3.innerHTML = "Orange";
	}
	else{
		cOpt1.innerHTML = "Blue";
		cOpt2.innerHTML = "Black";
		cOpt3.innerHTML = "Brown";	
	}
}
*/