addEvent(window, 'load', initForm);



var highlight_array = new Array();



function initForm(){

	var paymentRedirecting = checkPaypal();

	browserDetect();

	initializeFocus();

	var activeForm = document.getElementsByTagName('form')[0];

	addEvent(activeForm, 'submit', disableSubmitButton);

	ifInstructs();

	showRangeCounters();

	checkMechanicalTurk();

	if(!paymentRedirecting) initAutoResize();

}



function disableSubmitButton() {

	document.getElementById('saveForm').disabled = true;

}



// for radio and checkboxes, they have to be cleared manually, so they are added to the

// global array highlight_array so we dont have to loop through the dom every time.

function initializeFocus(){

	fields = getElementsByClassName(document, "*", "field");

	for(i = 0; i < fields.length; i++) {

		if(fields[i].type == 'radio' || fields[i].type == 'checkbox') {

			fields[i].onclick = function(){clearSafariRadios(); addClassName(this.parentNode.parentNode.parentNode, "focused", true)};

			fields[i].onfocus = function(){clearSafariRadios(); addClassName(this.parentNode.parentNode.parentNode, "focused", true)};

			highlight_array.splice(highlight_array.length,0,fields[i]);

		}

		else if(fields[i].className.match('addr')){

			fields[i].onfocus = function(){clearSafariRadios(); addClassName(this.parentNode.parentNode.parentNode, "focused", true)};

			fields[i].onblur = function(){removeClassName(this.parentNode.parentNode.parentNode, "focused")};

		}

		else if(fields[i].className.match('other')){

			fields[i].onfocus = function(){clearSafariRadios(); addClassName(this.parentNode.parentNode.parentNode, "focused", true)};

		}

		else {

			fields[i].onfocus = function(){clearSafariRadios();addClassName(this.parentNode.parentNode, "focused", true)};

			fields[i].onblur = function(){removeClassName(this.parentNode.parentNode, "focused")};

		}

	}

}



function initAutoResize() {

	var key = 'wufooForm';

	if(typeof(__EMBEDKEY) != 'undefined') key = __EMBEDKEY;

	if(parent.postMessage) {

		parent.postMessage(document.body.offsetHeight+'|'+key, "*");

	}

	else createTempCookie(key, document.body.offsetHeight);

}



function createTempCookie(name, value)

{

	var date = new Date();

	date.setTime(date.getTime()+(60*1000));

	var expires = "; expires="+date.toGMTString();

	document.cookie = name+"="+value+expires+"; domain=.wufoo.com; path=/";

	if(readTempCookie(name) != value) {

		var script = document.createElement("script");

	    script.setAttribute("src", "http://wufoo.com/forms/height.js?action=set&embedKey="+name+"&height="+value+"&timestamp = "+ new Date().getTime().toString());

	    script.setAttribute("type","text/javascript");

	    document.body.appendChild(script);

	}

}



function readTempCookie(name)

{

	var nameEQ = name + "=";

	var ca = document.cookie.split(';');

	for(var i=0;i < ca.length;i++)

	{

		var c = ca[i];

		while (c.charAt(0)==' ') c = c.substring(1,c.length);

		if (c.indexOf(nameEQ) == 0) return c.substring(nameEQ.length,c.length);

	}

	return '';

}



function clearSafariRadios() {

	for(var i = 0; i < highlight_array.length; i++) {

		if(highlight_array[i].parentNode) {

			removeClassName(highlight_array[i].parentNode.parentNode.parentNode, 'focused');

		}

	}

}



function ifInstructs(){

	var container = document.getElementById('public');

	if(container){

		removeClassName(container,'noI');

		var instructs = getElementsByClassName(document,"*","instruct");

		if(instructs == ''){

			addClassName(container,'noI',true);

		}

		if(container.offsetWidth <= 450){

			addClassName(container,'altInstruct',true);

		}

	}

}



function browserDetect(){

	var detect = navigator.userAgent.toLowerCase();

	var container = document.getElementsByTagName('html');

	if(detect.indexOf('firefox') + 1){

		addClassName(container[0], 'firefox', true);

	}

	else if(detect.indexOf('chrome') + 1){

		addClassName(container[0], 'chrome', true);

	}

	else if(detect.indexOf('safari') + 1){

		addClassName(container[0], 'safari', true);

	}

}



function checkPaypal() {

	var ret = false;

	if(document.getElementById('merchant')) {

		ret = true;

		if(typeof(__EMBEDKEY) == 'undefined'){

			document.getElementById('merchantMessage').innerHTML = 'Your order is being processed. Please wait a moment while we redirect you to our payment page.';

			document.getElementById('merchantButton').style.display = 'none';

		}

		document.getElementById('merchant').submit();

	}

	return ret;

}



function checkMechanicalTurk() {

	if(document.getElementById('mechanicalTurk')) {

		document.getElementById('merchantMessage').innerHTML = 'Your submission is being processed. You will be redirected shortly.';

		document.getElementById('merchantButton').style.display = 'none';

		document.getElementById('mechanicalTurk').submit();

	}

}



function showRangeCounters(){

	counters = getElementsByClassName(document, "em", "currently");

	for(i = 0; i < counters.length; i++) {

		counters[i].style.display = 'inline';

	}

}



function validateRange(ColumnId, RangeType) {

	if(document.getElementById('rangeUsedMsg'+ColumnId)) {

		var field = document.getElementById('Field'+ColumnId);

		var msg = document.getElementById('rangeUsedMsg'+ColumnId);



		switch(RangeType) {

			case 'character':

				msg.innerHTML = field.value.length;

				break;

				

			case 'word':

				var val = field.value;

				val = val.replace(/\n/g, " ");

				var words = val.split(" ");

				var used = 0;

				for(i =0; i < words.length; i++) {

					if(words[i].replace(/\s+$/,"") != "") used++;

				}

				msg.innerHTML = used;

				break;

				

			case 'digit':

				msg.innerHTML = field.value.length;

				break;

		}

	}

}



/*--------------------------------------------------------------------------*/



//http://www.robertnyman.com/2005/11/07/the-ultimate-getelementsbyclassname/

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)

}



//http://www.bigbold.com/snippets/posts/show/2630

function addClassName(objElement, strClass, blnMayAlreadyExist){

   if ( objElement.className ){

      var arrList = objElement.className.split(' ');

      if ( blnMayAlreadyExist ){

         var strClassUpper = strClass.toUpperCase();

         for ( var i = 0; i < arrList.length; i++ ){

            if ( arrList[i].toUpperCase() == strClassUpper ){

               arrList.splice(i, 1);

               i--;

             }

           }

      }

      arrList[arrList.length] = strClass;

      objElement.className = arrList.join(' ');

   }

   else{  

      objElement.className = strClass;

      }

}



//http://www.bigbold.com/snippets/posts/show/2630

function removeClassName(objElement, strClass){

   if ( objElement.className ){

      var arrList = objElement.className.split(' ');

      var strClassUpper = strClass.toUpperCase();

      for ( var i = 0; i < arrList.length; i++ ){

         if ( arrList[i].toUpperCase() == strClassUpper ){

            arrList.splice(i, 1);

            i--;

         }

      }

      objElement.className = arrList.join(' ');

   }

}



//http://ejohn.org/projects/flexible-javascript-events/

function addEvent( obj, type, fn ) {

  if ( obj.attachEvent ) {

    obj["e"+type+fn] = fn;

    obj[type+fn] = function() { obj["e"+type+fn]( window.event ) };

    obj.attachEvent( "on"+type, obj[type+fn] );

  } 

  else{

    obj.addEventListener( type, fn, false );	

  }

}