/**
 * Copy the value of an input field's title attribute to its value attribute.
 * Clear the input field on focus if its value is the same as its title.
 * Repopulate the input field on blur if it is empty.
 * Originally Written by Roger Johansson
 * http://www.456bereastreet.com/archive/200710/autopopulating_text_input_fields_with_javascript/
 */
var autoPopulate = {
	sInputClass:'loginfield', // Class name for input elements to autopopulate
	/**
	 * Main function
	 */
	init:function() {
		remCookie();
		// Check for DOM support		
		if (!document.getElementById || !document.createTextNode) {return;}
		// Find all input elements with the given className
		var arrInputs = autoPopulate.getElementsByClassName(document, 'input', autoPopulate.sInputClass);
		var iInputs = arrInputs.length;
		var oInput;
		for (var i=0; i<iInputs; i++) {
			oInput = arrInputs[i];
			// Make sure it's a text input
			if (oInput.type != 'text') { continue; }

			// If value is empty and title is not, assign title to value
			if ((oInput.value == '') && (oInput.title != '')) { oInput.value = oInput.title; }
			// Add event handlers for focus and blur
			autoPopulate.addEvent(oInput, 'focus', function() {
				// If value and title are equal on focus, clear value
				if (this.value == this.title) {
					this.value = '';
					this.focus();
					this.select(); // Make input caret visible in IE
				}
				if (this.id == 'tweetpass') {
					document.getElementById("tf_swap").innerHTML="";
					document.getElementById("tf_swap").innerHTML="<input class=\"login loginfield\" type=\"password\" name=\"tweetpass\" id=\"tweetpass\" title=\"Password\" value=\"\" onBlur=\"showPassword()\" />" ;
					document.getElementById("tweetpass").focus();
					document.getElementById("tweetpass").select();
				}
			});
			autoPopulate.addEvent(oInput, 'blur', function() {
				// If the field is empty on blur, assign title to value
				if (!this.value.length) {
					this.value = this.title;
					if (this.id == 'tweetpass') {
						document.getElementById("tf_swap").innerHTML="";
						document.getElementById("tf_swap").innerHTML="<input class=\"login loginfield\" type=\"text\" name=\"tweetpass\" id=\"tweetpass\" title=\"Password\" value=\"\" onFocus=\"hidePassword()\" />";
						document.getElementById("tweetpass").value = document.getElementById("tweetpass").title;
					} 
				}
			});
		}
	},
	/**
	 * getElementsByClassName function included here for portability.
	 * Remove if you are already using one.
	 * Written by Jonathan Snook, http://www.snook.ca/jonathan
	 * Add-ons by Robert Nyman, http://www.robertnyman.com
	 */
	getElementsByClassName:function(oElm, strTagName, strClassName) {
	    var arrElements = (strTagName == "*" && document.all)? document.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)
	},
	/**
	 * addEvent function included here for portability.
	 * Remove if you are already using an addEvent/DOMReady function.
	 * Found at http://www.quirksmode.org/blog/archives/2005/10/_and_the_winner_1.html
	 */
	addEvent:function(obj, type, fn) {
		if (obj.addEventListener)
			obj.addEventListener(type, fn, false);
		else 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]);
		}
	}
};

/**
 * Init on window load.
 * Replace this with a call to your own addEvent/DOMReady function if you use one.
 */
autoPopulate.addEvent(window, 'load', autoPopulate.init);

function hidePassword() {
	if (document.getElementById('tweetpass').value == document.getElementById('tweetpass').title) {
		
		document.getElementById("tf_swap").innerHTML="";
		document.getElementById("tf_swap").innerHTML="<input class=\"login loginfield\" type=\"password\" name=\"tweetpass\" id=\"tweetpass\" title=\"Password\" value=\"\" onBlur=\"showPassword()\" />";
		document.getElementById("tweetpass").value = '';
		document.getElementById("tweetpass").focus();
		document.getElementById("tweetpass").select();
	}
}

function showPassword() {
	if (document.getElementById('tweetpass').value == '') {
		
		document.getElementById("tf_swap").innerHTML="";
		document.getElementById("tf_swap").innerHTML="<input class=\"login loginfield\" type=\"text\" name=\"tweetpass\" id=\"tweetpass\" title=\"Password\" value=\"\" onFocus=\"hidePassword()\" />";
		document.getElementById("tweetpass").value = document.getElementById("tweetpass").title;
	}
}

//Remember me code
function newCookie(name,value,days) {
 var days = 10;   // the number of days for the cookie to last
                 // modify it according to your needs
 if (days) {
   var date = new Date();
   date.setTime(date.getTime()+(days*24*60*60*1000));
   var expires = "; expires="+date.toGMTString(); }
   else var expires = "";
   document.cookie = name+"="+value+expires+"; path=/"; }

function readCookie(name) {
   var nameSG = name + "=";
   var nuller = '';
  if (document.cookie.indexOf(nameSG) == -1)
    return nuller;

   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(nameSG) == 0) return c.substring(nameSG.length,c.length); }
    return null; 
}

function eraseCookie(name, defaultText) {
  newCookie(name,defaultText,1); 
}

function toMem(a) {
	if (document.getElementById('rememberlogin').checked) {
    	newCookie('theName', document.getElementById('tweetusername').value);     // add a new cookie as shown at left for every
    	newCookie('thePassword', document.getElementById('tweetpass').value);   // field you wish to have the script remember
	}
}

function delMem(a) {
  eraseCookie('theName', document.getElementById("tweetusername").title);   // make sure to add the eraseCookie function for every field
  eraseCookie('thePassword', document.getElementById("tweetpass").title);

   	document.getElementById('tweetusername').value = document.getElementById("tweetusername").title;
   	document.getElementById("tf_swap").innerHTML="";
	document.getElementById("tf_swap").innerHTML="<input class=\"login loginfield\" type=\"text\" name=\"tweetpass\" id=\"tweetpass\" title=\"Password\" value=\"\" />" ;
	document.getElementById("tweetpass").value = document.getElementById("tweetpass").title;
}


function remCookie() {
	document.getElementById('tweetusername').value = readCookie("theName") == null || readCookie("theName") == '' ? document.getElementById("tweetusername").title : readCookie("theName");
	document.getElementById("tf_swap").innerHTML="";
	document.getElementById("tf_swap").innerHTML="<input class=\"login loginfield\" type=\"password\" name=\"tweetpass\" id=\"tweetpass\" title=\"Password\" value=\"\" />" ;
	document.getElementById('tweetpass').value = readCookie("thePassword") == null || readCookie("thePassword") == '' ? document.getElementById("tweetpass").title : readCookie("thePassword");
	document.getElementById('rememberlogin').checked = true;
	
	if (document.getElementById('tweetusername').value == document.getElementById('tweetusername').title && document.getElementById("tweetpass").value == document.getElementById("tweetpass").title) {
		document.getElementById("tf_swap").innerHTML="";
		document.getElementById("tf_swap").innerHTML="<input class=\"login loginfield\" type=\"text\" name=\"tweetpass\" id=\"tweetpass\" title=\"Password\" value=\"Password\" />" ;
		document.getElementById('rememberlogin').checked = false;
	}
	
	
}

// Multiple onload function created by: Simon Willison
// http://simon.incutio.com/archive/2004/05/26/addLoadEvent
function addLoadEvent(func) {
  var oldonload = window.onload;
  if (typeof window.onload != 'function') {
    window.onload = func;
  } else {
    window.onload = function() {
      if (oldonload) {
        oldonload();
      }
      func();
    }
  }
}


function validate(f) {
	
	
	
	if (f.tweetusername.value == f.tweetusername.title || f.tweetusername.value == '') {
		//alert("Please enter your twitter username.");
		document.getElementById("feedback").innerHTML="";
		document.getElementById("feedback").innerHTML="<p class=\"failmessage\">Please enter your Twitter username and password.</p>";
		return false;
	}
	
	if (f.tweetpass.value == f.tweetpass.title || f.tweetpass.value == '') {
		//alert("Please enter your twitter password.");
		document.getElementById("feedback").innerHTML="";
		document.getElementById("feedback").innerHTML="<p class=\"failmessage\">Please enter your Twitter username and password.</p>";
		return false;
	}
	
	
	//f.submit();
	return true;
}

addLoadEvent(function() {
  
});