$(document).ready(function(){

	$('.reasonDetail').siblings('label').hover(function(){
		$(this).addClass('hover');
		var label_pos = $(this).position();
		var label_width = $(this).width();
		$('#hoverBox').children('.content').html($(this).siblings('div').html())
		var box_height = $('#hoverBox').height();
		var top = label_pos.top - box_height;
		var left = label_pos.left + (label_width/2) - 202;
		$('#hoverBox').css('display','block').css('left',left+'px').css('top',top+'px');
		
	},function(){
		$(this).removeClass('hover');
		$('#hoverBox').css('display','none');
	});
	
});

//from ds
window.onload = function() {
	if(document.getElementById('pw')) {
	    var pass = document.getElementById('pw');
	    initText(pass);
	}
}
function input(object, text) {
	if(object.value == text) {
		object.value = "";
	}
}
function initPass(oldObject) {
	var newObject = document.createElement('input');
	newObject.type = 'password';
	if(oldObject.size) newObject.size = oldObject.size;
	if(oldObject.name) newObject.name = oldObject.name;
	if(oldObject.id) newObject.id = oldObject.id;
	else newObject.id = "pw";
	if(oldObject.className) newObject.className = oldObject.className;
	
	newObject.onblur = function() { if(newObject.value.length < 1) {initText(newObject);}else{validateUser()} };

	oldObject.parentNode.replaceChild(newObject,oldObject);
	setTimeout("document.getElementById('"+newObject.id+"').focus();", 10);
	
	return newObject;
}
function initText(oldObject) {
	var newObject = document.createElement('input');
	newObject.type = 'text';
	if(oldObject.size) newObject.size = oldObject.size;
	if(oldObject.name) newObject.name = oldObject.name;
	if(oldObject.id) newObject.id = oldObject.id;
	else newObject.id = "passwordBox";
	if(oldObject.className)
	    newObject.className = oldObject.className;
    newObject.value = "Password";
    
    newObject.onfocus = function() { initPass(newObject); };
    
	oldObject.parentNode.replaceChild(newObject,oldObject);
    document.getElementById('twitPass').className = ""
    return newObject;
}

String.prototype.trim = function () {
    return this.replace(/^\s*/, "").replace(/\s*$/, "");
}

// Get the HTTP Object
function getHTTPObject(){
	if (window.ActiveXObject) {
		return new ActiveXObject("Microsoft.XMLHTTP");
	}
	else if (window.XMLHttpRequest) {
		return new XMLHttpRequest();
	}
	else {
		alert("Your browser does not support AJAX.");
		return null;
	}
}


// Change the value of the outputText field
function setUserImage(){
	if(httpObject.readyState == 4){
		var result = httpObject.responseText;
		if (result != "failed"){
			document['profilePic'].src = result;
			document.getElementById('twitID').className = "checked";
		}else{
			document['profilePic'].src = "webimages/profile_avatar.gif";
			document.getElementById('twitID').className = "";
		}
	}
}

//Show validation error if username/pw don't match twitter
function setUserValidation(){
	if(httpObject.readyState == 4){
		if(httpObject.responseText == "success"){
			document.getElementById('twitID').className = "checked";
			document.getElementById('twitPass').className = "checked";
		}else{
			document.getElementById('twitID').className = "";
			document.getElementById('twitPass').className = "";
		}
	}
}

function setFollowing(){
	if(httpObject.readyState == 4){
		var isFriend = httpObject.responseText;
		var regEx = /@{1}[a-z]*/

		if (isFriend == "true"){
			var dropee = document.getElementById('dropee').value
			var updateVal = document.getElementById('twitUpdate').value;
			updateVal = updateVal.replace(regEx, "@"+dropee);
			document.getElementById('twitDropee').className = "checked";
			document.getElementById('twitUpdate').value = updateVal;
			document.getElementById('todropee').innerHTML = dropee;
			var mt = limiter();
		}else{
			document.getElementById('twitDropee').className = "";
		}
	}
}

function setReason(val){
		//get index of dropee + length of "@dropee", substring that value to end and use it as the search text for the replace
		var dropee = document.getElementById('dropee').value.trim();
		var updateVal = document.getElementById('twitUpdate').value;
		var dropLength = dropee.length+1;
		var startPos = updateVal.indexOf("@"+dropee)+dropLength;
		var temp = updateVal.substr(startPos);
		updateVal = updateVal.replace(temp, " for " + val);
		document.getElementById('twitUpdate').value = updateVal;
		var mt = limiter();
}

function limiter(){
	//Edit the counter/limiter value as your wish
	var count = "110";
	var tex = document.getElementById('twitUpdate').value;
	var len = tex.length;
	if(len > count){
	  tex = tex.substring(0,count);
	  document.getElementById('twitUpdate').value =tex;
	  return false;
	}
	//var remain = count-len;
	document.getElementById("charCount").innerHTML = len + "/" + count;
	return true;
}

function setShirtMailPostback(){
	if(httpObject.readyState == 4){
		var responseMessage = httpObject.responseText;
		if(responseMessage != "fail"){
			document.getElementById('TB_ajaxContent').innerHTML = "<h2>Thank you!</h2><p>We will let you know when the <em>BirdDrop</em> shirts are available!</p><div class=\"close\"><span onclick=\"closeTMail()\">Close</span></div>";
			document.getElementById('tMessage').innerHTML = "";
		}else{
			//set fail message
			document.getElementById('tMessage').innerHTML = "Sorry.  There was an issue submitting your email, please try again.";
		}
	}
}

function closeTMail(){
	tb_remove();
	document.getElementById('TB_ajaxContent').innerHTML = "<h2>Like the Shirt?</h2><p><em>BirdDrop</em> t-shirts will be coming soon!<br />Send us your email address and we will<br />notify you when they are available.</p><br /><div class=\"cred\"><input type=\"text\" id=\"shirtemail\" value=\"email@domain.com\" onFocus=\"clearText(this, 'email@domain.com');\" onBlur=\"resetField(this, 'email@domain.com');\" /></div><a class=\"bdButton\" href=\"javascript:submitTshirtMail();\"><span>Sign Me Up!</span></a><div class=\"close\"><span onclick=\"tb_remove()\">Close</span></div><span id=\"tMessage\"></span>";
	document.getElementById('tMessage').innerHTML = "";
}

function setReasonPostback(){
	if(httpObject.readyState == 4){
		var responseMessage = httpObject.responseText;
		if (responseMessage != "fail"){
			document.getElementById('TB_ajaxContent').innerHTML = "<h2>Thank you!</h2><p>If we like your reason we'll use add it to <em>BirdDrop</em>.</p><div class=\"close\"><span onclick=\"closeReason()\">Close</span></div>";
			document.getElementById('rMessage').innerHTML = "";
		}else{
			//set fail message
			document.getElementById('rMessage').innerHTML = "Sorry.  There was an issue submitting your reason. Please try again.";
		}
	}
}

function closeReason(){
	tb_remove();
	document.getElementById('TB_ajaxContent').innerHTML = "<h2>Suggest a New Reason</h2><p>Tell us your reason for <em>BirdDropping</em>.<br />If we like it, we'll add it to the list</p><br /><div class=\"cred\"><input type=\"text\" id=\"reasonemail\" value=\"email@domain.com\" onFocus=\"clearText(this, 'email@domain.com');\" onBlur=\"resetField(this, 'email@domain.com');\" /></div><textarea class=\"bdmodal\" cols=\"20\" rows=\"5\" id=\"reasonTxt\">my reason is...</textarea><a class=\"bdButton\" href=\"javascript:submitReason();\"><span>Sign Me Up!</span></a><div class=\"close\"><span onclick=\"tb_remove()\">Close</span></div><span id=\"rMessage\"></span>";
	document.getElementById('rMessage').innerHTML = "";
}

//validate fields and then submit form via ajax
function bombsAway(){
	tb_show("bombs away!", "#TB_inline?height=200&width=374&inlineId=BombsAway&modal=true", "");
	var dropperClass = document.getElementById('twitID').className;
	var dropper = document.getElementById('uid').value;
	var passClass = document.getElementById('twitPass').className;
	var pass = document.getElementById('pw').value;
	var dropeeClass = document.getElementById('twitDropee').className;
	var dropee = document.getElementById('dropee').value;
	var message = document.getElementById('twitUpdate').value;// + " http://whatisbirddrop.com";
	var box1 = document.getElementById('check1').checked;
	var box2 = document.getElementById('check2').checked;
	
	if ((dropperClass == "checked")&&(passClass == "checked")&&(dropeeClass == "checked")&&(message.indexOf("#birddropped") > -1)){
//		box1.value = "on";
//		box2.value = "on";
		httpObject = getHTTPObject();
		if (httpObject != null){
			httpObject.open("POST", "bdTwitter.php?method=drop&dropee="+dropee+"&uid="+dropper+"&pw="+pass+"&check1="+box1+"&check2="+box2+"&tweet="+encodeURIComponent(message)+"", true);
			httpObject.send(null);
			httpObject.onreadystatechange = splat;
		}
	}else{
		document.getElementById('TB_ajaxContent').innerHTML = "<h2>Uh oh!</h2><p>Please make sure you have entered a valid username/password and that you are following the person you are attemping to <em>BirdDrop</em>.</p><div class=\"close\"><span onclick=\"closeDrop()\">Close</span></div>";
	}
}
function splat(){
	if(httpObject.readyState == 4){
		var responseMessage = httpObject.responseText;
		if (responseMessage != "fail"){
			document.getElementById('TB_ajaxContent').innerHTML = responseMessage;
		}else{
			document.getElementById('TB_ajaxContent').innerHTML = "<h2>Uh oh!</h2><p>There was an error!!  Please make sure you have entered a valid username/password and that you are following the person you are attemping to <em>BirdDrop</em>.</p><div class=\"close\"><span onclick=\"closeDrop()\">Close</span></div>";
		}
	}
}

function closeDrop(){
	tb_remove();
	document.getElementById('TB_ajaxContent').innerHTML = "<span id=\"loading\" class=\"checking\"></span><div class=\"close\"><span onclick=\"tb_remove()\">Close</span></div>";
}

// get Users Twitter image
function getUserImage(uid){
	var userName = uid;//document.getElementById('uid').value;
	userName = userName.trim();
	document.getElementById('uid').value = userName;

	if((userName != "") && (userName != "Your Twitter I.D.")){
		httpObject = getHTTPObject();
		if (httpObject != null) {
			httpObject.open("POST", "bdTwitter.php?method=getImage&uid="+userName, true);
			httpObject.send(null);
			httpObject.onreadystatechange = setUserImage;
			document.getElementById('twitID').className = "checking";
		}
	}else{
		document.getElementById('uid').value = 'Your Twitter I.D.';
		document.getElementById('twitID').className = "";
	}
}

// Validate the users credentials
function validateUser(){
	var pass = document.getElementById('pw').value;
	var userName = document.getElementById('uid').value;
	userName = userName.trim();
	document.getElementById('uid').value = userName;
	pass = pass.trim();
	document.getElementById('pw').value = pass;
	if((pass != "") && (userName != "") && (userName != "Your Twitter I.D.")){
		httpObject = getHTTPObject();
		if (httpObject != null){
			httpObject.open("POST", "bdTwitter.php?method=validate&uid="+userName+"&pw="+pass, true);
			httpObject.send(null);
			httpObject.onreadystatechange = setUserValidation;
			document.getElementById('twitPass').className = "checking";
		}
	}else{
		document.getElementById('twitPass').className = "";
		initText(document.getElementById('pw'));
	}
}

//Validate that the user is following the person they entered
function checkFollowing(){
	var dropee = document.getElementById('dropee').value;
	var pass = document.getElementById('pw').value;
	var userName = document.getElementById('uid').value;
	dropee = dropee.trim();
	document.getElementById('dropee').value = dropee;
	userName = userName.trim();
	document.getElementById('uid').value = userName;
	pass = pass.trim();
	document.getElementById('pw').value = pass;
	if((dropee != "" && dropee != "The Dropee's I.D.")&& (userName != "" && userName != "Your Twitter I.D.") && (pass != "" && pass != "Your Password")){
		httpObject = getHTTPObject();
		if (httpObject != null){
			httpObject.open("POST", "bdTwitter.php?method=xfollowing&dropee="+dropee+"&uid="+userName+"&pw="+pass, true);
			httpObject.send(null);
			httpObject.onreadystatechange = setFollowing;
			document.getElementById('twitDropee').className = "checking";
		}
	}else{
		document.getElementById('dropee').value = "The Dropee's I.D.";
		document.getElementById('twitDropee').className = "";
	}
}

//Submit email for addition to the t-shirt list
function submitTshirtMail(){
	var shirtMail = document.getElementById('shirtemail').value;
	if ((shirtMail == null) || (shirtMail == 'email@domain.com') || (shirtMail == "")){
		alert("Please enter your email address");
		document.getElementById('shirtmail').focus();
	}else if(echeck(shirtMail) == false){
		alert("Please enter your email address");
		document.getElementById('shirtmail').focus();
		return false;
	}else{
		//all must be good so submit it to AJAX!
		httpObject = getHTTPObject();
		if (httpObject != null){
			httpObject.open("POST", "bdTwitter.php?method=tmail&shirtmail="+shirtMail, true);
			httpObject.send(null);
			httpObject.onreadystatechange = setShirtMailPostback;
		}
	}
}

//Submit additional Bird Drop Reason
function submitReason(){
	var reasonMail = document.getElementById('reasonemail').value;
	var reasonText = document.getElementById('reasonTxt').value;
	if ((reasonMail == null) || (reasonMail == 'email@domain.com') || (reasonMail == "")){
		alert("Please enter your email address");
		document.getElementById('reasonMail').focus();
	}else if(echeck(reasonMail) == false){
		alert("Please enter your email address");
		document.getElementById('reasonMail').focus();
		return false;
	}else if((reasonText == null) || (reasonText == 'my reason is...') || (reasonText.trim() == "")){
		alert("Please enter your new reason for the list");
		document.getElementById('reasonTxt').focus();
	}else{
		//all must be good so submit it to AJAX!
		httpObject = getHTTPObject();
		if (httpObject != null){
			httpObject.open("POST", "bdTwitter.php?method=nreason&rmail="+reasonMail+"&r="+reasonText, true);
			httpObject.send(null);
			httpObject.onreadystatechange = setReasonPostback;
		}
	}
}

//Search twitter for #hash tag
function searchHash(){
	httpObject = getHTTPObject();
	if (httpObject != null){
		httpObject.open("POST", "bdTwitter.php?method=search",true);
		httpObject.send(null);
		httpObject.onreadystatechange = setSearchResults;
	}
}

function setSearchResults(){
	if(httpObject.readyState == 4){
		var searchResults = httpObject.responseText;
		document.getElementById('twits').innerHTML = searchResults;
	}
}

function checkType(){
	var fieldValue = document.getElementById('pw').value;
	var fieldType = document.getElementById('pw').type;
	if (fieldType == 'text'){
		document.getElementById('pw').value = '';
		document.getElementById('pw').type = 'password';
	}else{
		//document.getElementById('pw').value = '';
	}
	document.getElementById('pw').focus;
}

function clearText(field, defaultVal){
	var fieldValue = document.getElementById(field.id).value;
	fieldValue = fieldValue.trim();
	if(fieldValue == defaultVal){
		document.getElementById(field.id).value = '';
	}
}

function resetField(field, defaultVal){
	var fieldValue = document.getElementById(field.id).value;
	fieldValue = fieldValue.trim();
	if(fieldValue == ""){
		document.getElementById(field.id).value = defaultVal;
	}
}

function echeck(str) {
	var at="@";
	var dot=".";
	var lat=str.indexOf(at);
	var lstr=str.length;
	var ldot=str.indexOf(dot);
	if (str.indexOf(at)==-1){
	   return false;
	}

	if (str.indexOf(at)==-1 || str.indexOf(at)==0 || str.indexOf(at)==lstr){
	   return false;
	}

	if (str.indexOf(dot)==-1 || str.indexOf(dot)==0 || str.indexOf(dot)==lstr){
	    return false;
	}

	 if (str.indexOf(at,(lat+1))!=-1){
	    return false;
	 }

	 if (str.substring(lat-1,lat)==dot || str.substring(lat+1,lat+2)==dot){
	    return false;
	 }

	 if (str.indexOf(dot,(lat+2))==-1){
	    return false;
	 }
	
	 if (str.indexOf(" ")!=-1){
	    return false;
	 }
	 return true;
}

var httpObject = null;
var t = searchHash();