function formSubmit(theForm, theButton, theValue) {
	theButton.disabled=true;
	
	// we have to mess with the onblur for the empty inputs
	if(txtInputs[0].value == 'Email') {
		txtInputs[0].value = '';	
	}
	
	if(txtInputs[1].value == 'Password' || txtInputs[1].value == '') {
		txtInputs[1].value = '';	
	}
	
	theButton.style.background='#c5dfab';
	theButton.value=theValue;
	theButton.style.color='#fff';
	document.forms[theForm].submit();
}


function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/\-/g, "\\-");
	var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}


function empty(theString) {
    if( theString === "" || theString === 0   || theString === "0" || theString === null  || theString === false || theString.length==0) {
		return true;
	} else {
		return false;
	}
}


////////////////////////////
// Tour Functions
////////////////////////////

// setup everything
// LOGIN ---------
var txtInputs;

function loginSetup() {
	txtInputs = getElementsByClassName(document, 'input', 'txtIpt');
	
	for(var i = 0; i < txtInputs.length; i++) {
		txtInputs[i].onfocus	= handleDefaultValue;
		txtInputs[i].onblur 	= handleDefaultValue;
	}
	
	document.getElementById('submitBtn').onclick = function() { formSubmit('f1', this, 'Logging In...'); };
}

function handleDefaultValue(e) {
	if(!e) var e = window.event;
	var targ = (e.target) ? e.target : e.srcElement;
	if(targ.nodeType == 3) targ = targ.parentNode;
	
	eType = e.type;
	
	if(eType == 'blur') {
		if(targ.name == 'email') {
			if(targ.value == 'Email') {
				targ.value = '';
			} else if(empty(targ.value)) {
				targ.value = 'Email';	
			}
		} else {
			if(targ.value == 'Password') {
				targ.value = '';	
			} else if(empty(targ.value)) {
				targ.value = 'Password';	
			}
		}
	} else {
		if(targ.name == 'email') {
			if(targ.value == 'Email') {
				targ.value = '';	
			}
		} else {
			if(targ.value == 'Password' || targ.value == 'p') {
				targ.value = '';	
			}
		}
	}
}

// TOUR ---------

var tourLinks, tourContainers, currentPage = 0, nextPage;

function tourSetup() {
	// tour links
	tourLinks = document.getElementById('idxMainTourBtns').getElementsByTagName('A');
	
	// tour containers
	tourContainers = getElementsByClassName(document, 'div', 'idxMainTourCont');
	
	// set WhatIsFriendEvent link/btn to black font
	tourLinks[0].style.color = '#000';
	
	// put onclick handlers to btns. for some reason using for loop wouldnt work?
	tourLinks[0].onclick = function() { clearTimeout(t); changeTourPage(0); changeTourLink(0); };
	tourLinks[1].onclick = function() { clearTimeout(t); changeTourPage(1); changeTourLink(1); };
	tourLinks[2].onclick = function() { clearTimeout(t); changeTourPage(2); changeTourLink(2); };
	
	animateTour();
}


function changeTourPage(thePage) {
	for(var i = 0; i < tourContainers.length; i++) {
		tourContainers[i].style.display = 'none';
	}
	
	tourContainers[thePage].style.display = 'block';
}

function changeTourLink(thePage) {
	for(var i = 0; i < (tourLinks.length - 1); i++) {
		tourLinks[i].style.color = '#666';
	}
	
	tourLinks[thePage].style.color = '#000';
}


function animateTour() {
	nextPage 	= (currentPage == (tourContainers.length - 1)) ? 0 : (currentPage + 1);
	currentPage = nextPage;
	
	t = setTimeout('moveTour()', 3000);
}

function moveTour() {
	changeTourPage(nextPage);
	changeTourLink(nextPage);
	
	animateTour();
}