// JavaScript Document
var currentTop = 0;
var scrolling;
var showing;

var MSIE = navigator.appName.indexOf("Microsoft") != -1;

function setNormal()
{
	var contentBlock = document.getElementById('contentBlock');
	var spans = contentBlock.getElementsByTagName('span');
	var lis = contentBlock.getElementsByTagName('li');
	var ps = contentBlock.getElementsByTagName('p');

	for(var i=0; i<spans.length; i++)
	{
		var classNow = spans[i].className;
		var classNext;
		if(classNow.indexOf('h4') == -1) /* is content */
		{
			classNext = classNow.replace(/txt_bigger/,"txt_normal");
			classNext = classNext.replace(/txt_smaller/,"txt_normal");
			spans[i].className = classNext;
		}
		else /* is title */
		{
			classNext = classNow.replace(/h4_bigger/,"h4_normal");
			classNext = classNext.replace(/h4_smaller/,"h4_normal");
			spans[i].className = classNext;
		}
	}
	for(var i=0; i<lis.length; i++)
	{
		lis[i].className = "txt_normal";
	}
	for(var i=0; i<ps.length; i++)
	{
		ps[i].className = "txt_normal";
	}
}

function setBig()
{
	var contentBlock = document.getElementById('contentBlock');
	var spans = contentBlock.getElementsByTagName('span');
	var lis = contentBlock.getElementsByTagName('li');
	var ps = contentBlock.getElementsByTagName('p');

	for(var i=0; i<spans.length; i++)
	{
		var classNow = spans[i].className;
		var classNext;
		if(classNow.indexOf('h4') == -1) /* is content */
		{
			classNext = classNow.replace(/txt_normal/,"txt_bigger");
			classNext = classNext.replace(/txt_smaller/,"txt_bigger");
			spans[i].className = classNext;
		}
		else /* is title */
		{
			classNext = classNow.replace(/h4_normal/,"h4_bigger");
			classNext = classNext.replace(/h4_smaller/,"h4_bigger");
			spans[i].className = classNext;
		}
	}
	for(var i=0; i<lis.length; i++)
	{
		lis[i].className = "txt_bigger";
	}
	for(var i=0; i<ps.length; i++)
	{
		ps[i].className = "txt_bigger";
	}
}

function setSmall()
{
	var contentBlock = document.getElementById('contentBlock');
	var spans = contentBlock.getElementsByTagName('span');
	var lis = contentBlock.getElementsByTagName('li');
	var ps = contentBlock.getElementsByTagName('p');

	for(var i=0; i<spans.length; i++)
	{
		var classNow = spans[i].className;
		var classNext;
		if(classNow.indexOf('h4') == -1) /* is content */
		{
			classNext = classNow.replace(/txt_bigger/,"txt_smaller");
			classNext = classNext.replace(/txt_normal/,"txt_smaller");
			spans[i].className = classNext;
		}
		else /* is title */
		{
			classNext = classNow.replace(/h4_bigger/,"h4_smaller");
			classNext = classNext.replace(/h4_normal/,"h4_smaller");
			spans[i].className = classNext;
		}
	}
	for(var i=0; i<lis.length; i++)
	{
		lis[i].className = "txt_smaller";
	}
	for(var i=0; i<ps.length; i++)
	{
		ps[i].className = "txt_smaller";
	}
}

function showBio(page)
{
	clearTimeout(showing);	
	document.getElementById("bioDock").style.display = "block";
	if(page == 'index')
	{
		document.getElementById("bioHolder").style.top = (MSIE)? "-210px" : "-249px";
		document.getElementById("bioHolder").style.left = (MSIE)? "-97px" : "24px";
	}
	if(page == 'common')
	{
		document.getElementById("bioHolder").style.top = (MSIE)? "-125px" : "-256px";
		document.getElementById("bioHolder").style.left = (MSIE)? "-86px" : "116px";
	}
	if(page == 'ask')
	{
		document.getElementById("bioHolder").style.top = (MSIE)? "-215px" : "-227px";
		document.getElementById("bioHolder").style.left = (MSIE)? "-10px" : "89px";
	}
}
function hideBio()
{
	showing = setTimeout("hideBio2();",500);
}
function hideBio2()
{
	currentTop = 0;
	document.getElementById("bioDock").style.display = "none";
	document.getElementById('bioContScroll').style.top = currentTop + "px";
}
function scrollDown()
{
	scrolling = setInterval("scrollDown2();",25);
}
function scrollUp()
{
	scrolling = setInterval("scrollUp2();",25);
}
function clearScroll()
{
	clearInterval(scrolling);
}
function scrollDown2()
{
	if(currentTop <= -460)
		return;
	currentTop -= 3;
	document.getElementById('bioContScroll').style.top = currentTop + "px";
}
function scrollUp2()
{
	if(currentTop >= 0)
		return;
	currentTop += 3;
	document.getElementById('bioContScroll').style.top = currentTop + "px";
}

function showEmailForm()
{
	document.getElementById('emailDock').style.display = "block";
	if(!MSIE)
	{
		document.getElementById('emailContainer').style.top = "3px";
		document.getElementById('emailContainer').style.left = "-133px";
	}
}

function closeEmailForm()
{
	document.getElementById('emailDock').style.display = "none";
	document.getElementById('sender').value = "";
	document.getElementById('receiver').value = "";
}

function sendForm()
{
	if(isEmpty('sender'))
	{
		alert("Your Email is empty");
		return;
	}
	if(!isValidEmail('sender'))
	{
		alert("Your Email seems not valid Email address");
		return;
	}
	if(isEmpty('receiver'))
	{
		alert("Your friend's Email is empty");
		return;
	}
	if(!isValidEmail('receiver'))
	{
		alert("Your friend's Email seems not valid Email address");
		return;
	}
	document.getElementById('page').value = window.location.href;
	document.getElementById('staf').submit();
	closeEmailForm();
	window.location.reload();
}

function isEmpty(fieldID)
{
	var val = document.getElementById(fieldID).value;
	if((val.length == 0) || (val == null))
		return true;
	else
		return false;
}

function isValidEmail(fieldID, required)
{
	var email = document.getElementById(fieldID).value;
    if (typeof(required)=='undefined') {   // if not specified, assume it's required
        required = true;
    }
    if (email==null) {
        if (required) {
            return false;
        }
        return true;
    }
    if (email.length==0) {  
        if (required) {
            return false;
        }
        return true;
    }
    if (! allValidChars(email)) {  // check to make sure all characters are valid
        return false;
    }
    if (email.indexOf("@") < 1) { //  must contain @, and it must not be the first character
        return false;
    } else if (email.lastIndexOf(".") <= email.indexOf("@")) {  // last dot must be after the @
      	return false;
    } else if (email.indexOf("@") == (email.length-1)) {  // @ must not be the last character
        return false;
    } else if (email.indexOf("@.") >=0) { // dot cant be after a @
		return false;
	} else if (email.indexOf("..") >=0) { // two periods in a row is not valid
		return false;
    } else if (email.indexOf(".") == (email.length-1)) {  // . must not be the last character
		return false;
    }
    return true;
}

function allValidChars(email)
{
	var parsed = true;
	var validchars = "abcdefghijklmnopqrstuvwxyz0123456789@.-_";
	for (var i=0; i < email.length; i++)
	{
		var letter = email.charAt(i).toLowerCase();
		if (validchars.indexOf(letter) != -1)
			continue;
		parsed = false;
		break;
	}
	return parsed;
}

/* *************** */

function sendContact(page)
{
	switch(document.getElementById("reason").value)
	{
		case "gen":
		case "sal":
		case "sha":
		case "rel":
			with(document){
				getElementById("fnameErr").style.display = "none";
				getElementById("lnameErr").style.display = "none";
				getElementById("phoneErr").style.display = "none";
				getElementById("emailErr").style.display = "none";
				getElementById("messErr").style.display = "none";
			}
			if(isEmpty('fname')){ document.getElementById("fnameErr").style.display = "block"; return; }
			if(isEmpty('lname')){ document.getElementById("lnameErr").style.display = "block"; return; }
			if(isEmpty('phone')){ document.getElementById("phoneErr").style.display = "block"; return; }
			if(isEmpty('email')){ document.getElementById("emailErr").style.display = "block"; return; }
			if(isEmpty('mess')) { document.getElementById("messErr").style.display = "block";  return; }
			break;	
		case "med":
			with(document){
				getElementById("fnameErr").style.display = "none"; getElementById("lnameErr").style.display = "none";
				getElementById("practErr").style.display = "none"; getElementById("baddErr").style.display = "none";
				getElementById("cityErr").style.display = "none";  getElementById("stateErr").style.display = "none";
				getElementById("zcodeErr").style.display = "none"; getElementById("phoneErr").style.display = "none";
				getElementById("emailErr").style.display = "none"; getElementById("messErr").style.display = "none";
			}
			if(isEmpty('fname')){ document.getElementById("fnameErr").style.display = "block"; return; }
			if(isEmpty('lname')){ document.getElementById("lnameErr").style.display = "block"; return; }
			if(isEmpty('pract')){ document.getElementById("practErr").style.display = "block"; return; }
			if(isEmpty('badd')) { document.getElementById("baddErr").style.display = "block";  return; }
			if(isEmpty('city')) { document.getElementById("cityErr").style.display = "block";  return; }
			if(isEmpty('state')){ document.getElementById("stateErr").style.display = "block"; return; }
			if(isEmpty('zcode')){ document.getElementById("zcodeErr").style.display = "block"; return; }
			if(isEmpty('phone')){ document.getElementById("phoneErr").style.display = "block"; return; }
			if(isEmpty('email')){ document.getElementById("emailErr").style.display = "block"; return; }
			if(isEmpty('mess')) { document.getElementById("messErr").style.display = "block";  return; }
			break;
		case "req":
			with(document){
				getElementById("fnameErr").style.display = "none"; getElementById("lnameErr").style.display = "none";
				getElementById("baddErr").style.display = "none";
				getElementById("cityErr").style.display = "none";  getElementById("stateErr").style.display = "none";
				getElementById("zcodeErr").style.display = "none"; getElementById("phoneErr").style.display = "none";
				getElementById("emailErr").style.display = "none"; getElementById("maffErr").style.display = "none";
			}
			if(isEmpty('fname')){ document.getElementById("fnameErr").style.display = "block"; return; }
			if(isEmpty('lname')){ document.getElementById("lnameErr").style.display = "block"; return; }
			if(isEmpty('badd')) { document.getElementById("baddErr").style.display = "block";  return; }
			if(isEmpty('city')) { document.getElementById("cityErr").style.display = "block";  return; }
			if(isEmpty('state')){ document.getElementById("stateErr").style.display = "block"; return; }
			if(isEmpty('zcode')){ document.getElementById("zcodeErr").style.display = "block"; return; }
			if(isEmpty('phone')){ document.getElementById("phoneErr").style.display = "block"; return; }
			if(isEmpty('email')){ document.getElementById("emailErr").style.display = "block"; return; }
			if(isEmpty('maff')) { document.getElementById("maffErr").style.display = "block";  return; }
			break;
		case "tell":
			with(document){
				getElementById("fnameErr").style.display = "none"; 
				getElementById("lnameErr").style.display = "none";
				getElementById("stateErr").style.display = "none";
				getElementById("emailErr").style.display = "none"; 
				getElementById("messErr").style.display = "none";
			}
		
			if(isEmpty('fname')){ document.getElementById("fnameErr").style.display = "block"; return; }
			if(isEmpty('lname')){ document.getElementById("lnameErr").style.display = "block"; return; }
			if(isEmpty('state')){ document.getElementById("stateErr").style.display = "block"; return; }
			if(isEmpty('email')){ document.getElementById("emailErr").style.display = "block"; return; }
			if(isEmpty('mess')) { document.getElementById("messErr").style.display = "block";  return; }
			break;
	}
	document.getElementById("contact").submit();
// ugly to this in js.  done in mailer.php
//	window.location.href = "thanks_contact.html";
}
function sendCoupon(){
	with(document){
		getElementById("fnameErr").style.display = "none"; 
		getElementById("lnameErr").style.display = "none";
		getElementById("stateErr").style.display = "none";
		getElementById("emailErr").style.display = "none"; 
		
	}
	if(isEmpty('fname')){ document.getElementById("fnameErr").style.display = "block"; return; }
	if(isEmpty('lname')){ document.getElementById("lnameErr").style.display = "block"; return; }
	if(isEmpty('state')){ document.getElementById("stateErr").style.display = "block"; return; }
	if(isEmpty('email')){ document.getElementById("emailErr").style.display = "block"; return; }
	document.getElementById('cup').submit();
	window.parent.location = "http://bricks.coupons.com/Bstart.asp?o=54200&c=QG&p=hoVX3ARb";
}

function actFields()
{
	var elem = document.getElementById('reason');
	switch(elem.value)
	{
		case "gen":
			showGenFields();
			break;
		case "sal":
			showSalFields();
			break;
		case "med":
			showMedFields();
			break;
		case "sha":
			showShaFields();
			break;
		case "rel":
			showRelFields();
			break;
		case "req":
			showReqFields();
			break;
	}
}

function showGenFields()
{
	document.getElementById("practRow").style.display = "none";
	document.getElementById("baddRow").style.display = "none";
	document.getElementById("cityRow").style.display = "none";
	document.getElementById("stateRow").style.display = "none";
	document.getElementById("zcodeRow").style.display = "none";
	document.getElementById("sampleRow").style.display = "none";
	document.getElementById("maffRow").style.display = "none";
	document.getElementById("messRow").style.display = "block";
	document.getElementById("sampleRow").style.display = "none";
	document.getElementById("maffRow").style.display = "none";
}
function showSalFields()
{
	document.getElementById("practRow").style.display = "none";
	document.getElementById("baddRow").style.display = "none";
	document.getElementById("cityRow").style.display = "none";
	document.getElementById("stateRow").style.display = "none";
	document.getElementById("zcodeRow").style.display = "none";
	document.getElementById("sampleRow").style.display = "none";
	document.getElementById("maffRow").style.display = "none";
	document.getElementById("messRow").style.display = "block";
	document.getElementById("sampleRow").style.display = "none";
	document.getElementById("maffRow").style.display = "none";
}
function showMedFields()
{
	document.getElementById("practRow").style.display = "block";
	document.getElementById("baddRow").style.display = "block";
	document.getElementById("cityRow").style.display = "block";
	document.getElementById("stateRow").style.display = "block";
	document.getElementById("zcodeRow").style.display = "block";
	document.getElementById("sampleRow").style.display = "block";
	document.getElementById("maffRow").style.display = "block";
	document.getElementById("messRow").style.display = "block";
	document.getElementById("sampleRow").style.display = "block";
	document.getElementById("maffRow").style.display = "none";
}
function showShaFields()
{
	document.getElementById("practRow").style.display = "none";
	document.getElementById("baddRow").style.display = "none";
	document.getElementById("cityRow").style.display = "none";
	document.getElementById("stateRow").style.display = "none";
	document.getElementById("zcodeRow").style.display = "none";
	document.getElementById("sampleRow").style.display = "none";
	document.getElementById("maffRow").style.display = "none";
	document.getElementById("messRow").style.display = "block";
	document.getElementById("sampleRow").style.display = "none";
	document.getElementById("maffRow").style.display = "none";
}
function showRelFields()
{
	document.getElementById("practRow").style.display = "none";
	document.getElementById("baddRow").style.display = "none";
	document.getElementById("cityRow").style.display = "none";
	document.getElementById("stateRow").style.display = "none";
	document.getElementById("zcodeRow").style.display = "none";
	document.getElementById("sampleRow").style.display = "none";
	document.getElementById("maffRow").style.display = "none";
	document.getElementById("messRow").style.display = "block";
	document.getElementById("sampleRow").style.display = "none";
	document.getElementById("maffRow").style.display = "none";
}
function showReqFields()
{
	document.getElementById("practRow").style.display = "none";
	document.getElementById("baddRow").style.display = "block";
	document.getElementById("cityRow").style.display = "block";
	document.getElementById("stateRow").style.display = "block";
	document.getElementById("zcodeRow").style.display = "block";
	document.getElementById("sampleRow").style.display = "block";
	document.getElementById("maffRow").style.display = "block";
	document.getElementById("messRow").style.display = "none";
	document.getElementById("sampleRow").style.display = "none";
	document.getElementById("maffRow").style.display = "block";
}
function sendQuestion()
{
	document.getElementById("fnameS").style.color = "#000000";
	document.getElementById("lnameS").style.color = "#000000";
	document.getElementById("emailS").style.color = "#000000";
	document.getElementById("zcodeS").style.color = "#000000";
	if(isEmpty('question'))
	{
		document.getElementById("fieldName").innerHTML = "Question";
		document.getElementById("errReq").style.display = "block";
		document.getElementById("errMsg").style.display = "block";
		return;
	}
	if(isEmpty('fname'))
	{
		document.getElementById("fieldName").innerHTML = "First Name";
		document.getElementById("errReq").style.display = "block";
		document.getElementById("errMsg").style.display = "block";
		document.getElementById("fnameS").style.color = "#FF0000";
		return;
	}
	if(isEmpty('lname'))
	{
		document.getElementById("fieldName").innerHTML = "Last Name";
		document.getElementById("errReq").style.display = "block";
		document.getElementById("errMsg").style.display = "block";
		document.getElementById("lnameS").style.color = "#FF0000";
		return;
	}
	if(isEmpty('email'))
	{
		document.getElementById("fieldName").innerHTML = "Email";
		document.getElementById("errReq").style.display = "block";
		document.getElementById("errMsg").style.display = "block";
		document.getElementById("emailS").style.color = "#FF0000";
		return;
	}
	if(isEmpty('zcode'))
	{
		document.getElementById("fieldName").innerHTML = "Zip Code";
		document.getElementById("errReq").style.display = "block";
		document.getElementById("errMsg").style.display = "block";
		document.getElementById("zcodeS").style.color = "#FF0000";
		return;
	}
	document.getElementById("submitQ").submit();
// ugly to do this in js do this in php 
//	window.location.href = "confirmation.html";
}