function highlightThumb(cssClassName,selectedThumbName,selectedClass){
	$(cssClassName).each(function(){
		var thumbName = $(this).attr("name");
		if(thumbName==selectedThumbName){
			$(this).addClass(selectedClass);	
		}else{
			$(this).removeClass(selectedClass);
		}
	});	
}

function showThumbHoverState(cssClass,selectedClass){
	
	$(document).ready(function() {
		var originalSelectedItemId;
		
		//find which element selected and store
		$(cssClass).each(function(){
				if($(this).hasClass(selectedClass)){
					originalSelectedItemId = $(this).attr("id");
					$(this).removeClass(selectedClass);
				}		
		});
	
	});//document ready
	
}

function showThumbOffState(elem,selectedClass){
	$(elem).removeClass(selectedClass);
}


//menu functions
$(document).ready(function() {
	$(".menu-item").hover(
		function(){
			var origItemSrc =  $(this).attr("src");
			var itemSrc = $(this).attr("src").split("_");
			
			var newItemSrc = itemSrc[0]+"_"+itemSrc[1]+"_yellow.jpg";
			$(this).attr("src",newItemSrc);							   
	},
	function(){
			var origItemSrc =  $(this).attr("src");
			var itemSrc = $(this).attr("src").split("_");
			
			var newItemSrc = itemSrc[0]+"_"+itemSrc[1]+"_white.jpg";
			$(this).attr("src",newItemSrc);		
	}
	
	);
});


$(document).ready(function() {
	$(".support-adoptus").click(function(){
			$("#adoptus-logo-link").css('display','block');
			$("#adoptus-logo-link").insertAfter($(this));
			$("#adoptus-logo-link").show();
	});
	
	//put yellow box around thumbs when page loads
	$("#ecard-4").addClass("ecard-img-sm-selected");
	
	//$("#fastball_tv_ad").removeClass("tv-spot");
	$("#fastball_tv_ad").addClass("tv-spot-selected");
	
	//$("#print_1").removeClass("print-spot");
	$("#print_1").addClass("print-spot-selected");
	
	
	//close
	$("#close-btn").click(function(){
			$("#adoptus-logo-link").hide();					   
	});
});


function showNavBuckets(){
	$(document).ready(function() {
		$("#header-text").attr("src","images/txt_not_perfect.jpg");
		$("#copy-secondary").hide();
		$("#copy-primary").show();
		$("#right-nav").show('slow');
		$("#campaign-buckets").show('slow');
	});
}
function hideNavBuckets(){
		
		$(document).ready(function() {
			$("#header-text").attr("src","images/txt_e_cards.jpg");
			$("#copy-primary").hide();
			$("#copy-secondary").show();
			$("#right-nav").hide('slow');
			$("#campaign-buckets").hide('slow');	
		});
	
}

function validateUserMessage(){
		if(acEcard.getCharCount()==0){
			alert('Please enter a message.');	
			return (false);
		}
		return (true);
}
function getPg(pgNum,param){
	
	//if we are on the media page redirect to main ecard page and go to page 2
	if(acEcard.getEcardPg()=="media"){
		location.href = "http://www.youdonthavetobeperfect.com/home.php?media=1&pg=1&cid="+param;
		return;
	}
	
	acEcard.setEcardPg(pgNum);
	
	//if we are on any pg other than the 1st (pg=0) then hide right nav and buckets
	if(acEcard.getEcardPg()!=0){

		hideNavBuckets();
		
	}else{

		showNavBuckets();
	}
	//hide error msg if not on page 1 and char count less 50
	if(acEcard.getEcardPg()!=1){
		 $("#message-length-error").hide();
	}
	
	switch(pgNum){
		case 0: //inital ecard page
			$("#e-card-area").removeClass('step2');
			//$("#e-card-area").removeClass('step1');
			$("#e-card-area").css("height", 340);
			$("#e-card-area").addClass('step1');
			
			$.get("create_card.php",{ecard_id:param}, function(data){
			 $("#e-card-area").html(data);
			 
			 
			});
		break;		
		case 1://add custom message
			$("#e-card-area").removeClass('step1');
			$("#e-card-area").removeClass('step-preview');
			//$("#e-card-area").css("background-image", "url(../../images/ecard_step2_bg.jpg)");
			$("#e-card-area").css("height", 470);
			$("#e-card-area").addClass('step2');
			$.get("create_ecard_2.php",{ecard_id:param}, function(data){
			 $("#e-card-area").html(data);
			 
			 //alert($("#e-card-area").attr('class'));
			 //display char count
			 $("#char-count").html(acEcard.getCharCount());
			 
			if(acEcard.getUserMessage()!=undefined){
				$("#ecard-message-preview").val(acEcard.getUserMessage().toString().replace(/<br\s*\/>/g, '\n'));
				$("#ecard_message").val(acEcard.getUserMessage().toString().replace(/<br\s*\/>/g, '\n'));
			}
			 
			});
		break;
		case "preview":
			//validate that user entered message first
			if(!validateUserMessage()){	break;	}
		
			$("#e-card-area").addClass('step-preview');
			var ecard_msg = $("#ecard_message").val();
			
			acEcard.setPlainMsgStr(ecard_msg);
			
			acEcard.setUserMessage(ecard_msg); 
			
			//$.get("create_ecard_preview.php",{ecard_id:param,card_msg:addBreaks(ecard_msg)}, function(data){
			$.get("create_ecard_preview.php",{ecard_id:param,card_msg:acEcard.getUserMessage()}, function(data){
			 $("#e-card-area").html(data);
			});
			
		break;
		case 3://enter sender/receipient message
			//validate that user entered message first
			if(!validateUserMessage()){	break;	}
			
			$("#e-card-area").removeClass('step2');
			$("#e-card-area").removeClass('step-preview');
			$("#e-card-area").addClass('step1');
			var eCardObjMsg = "";
			
			if(acEcard.getUserMessage()!=undefined){
				eCardObjMsg = acEcard.getUserMessage();
			}else{
				eCardObjMsg = $("#ecard_message").val();
				
				acEcard.setPlainMsgStr(ecard_msg);
				acEcard.setUserMessage(ecard_msg);
			}
			
			
			
			$.get("create_ecard_3.php",{ecard_id:param}, function(data){
			 $("#e-card-area").html(data);
			 
			 //var newMsg = addBreaks(eCardObjMsg);
			
			 var newMsg = eCardObjMsg;
			 
			 //alert(newMsg);
			 $("#ecard-message-preview").html(newMsg);
			 
			 //save message in form field
			 $("#message").val(eCardObjMsg);
			 
			 //save ecard id
			 $("#final_ecard_id").val(acEcard.getEcardId());
			 
			 
			 //save ecard img in form field
			 $("#ecard_lg_image").val(acEcard.getEcardImgLg());
			 
			 $("#captcha").append($("#recaptcha_widget_div"));
			 $("#recaptcha_widget_div").css("display", "block");
			 
			 if(acEcard.ecardError==true){
				 $("#ecard-error").html("<span class='error-msg'>Sorry the words you entered below did not match. Please try again.</span>");
			 }
			 
			});
		break;		
	}//end swtich
}


function loadEcard(ecard_id,src){
	acEcard.setEcardId(ecard_id);
	$("#main-ecard-img").attr("src","images/lg/"+src);
	
}


function eCard(){
		this.ecardId;
		this.ecardImgLg;
		this.ecardtext;
		this.userMessage;
		this.plainMsgStr;
		this.ecardPg=0;
		this.ecardError=false;
		this.charCount=0;
		this.setEcardId=function(id){
			
			this.ecardId=id;
		}
		this.getEcardId=function(){
			return this.ecardId;
		}	
		this.setUserMessage=function(msg){
			var msgWithBreaks = addBreaks(msg);
			this.userMessage=msgWithBreaks.substring(0,50);
		}
		this.getUserMessage=function(){
			return this.userMessage;
		}		
		this.setPlainMsgStr=function(msg){
			
			this.plainMsgStr=msg;
		}
		this.getPlainMsgStr=function(){
			return this.plainMsgStr;
		}		
		
		this.setEcardPg=function(pg){
				this.ecardPg=pg;
		}
		this.getEcardPg=function(){
			return this.ecardPg;	
		}
		this.setEcardImgLg=function(lgImg){
			this.ecardImgLg=lgImg;
		}
		this.getEcardImgLg=function(){
			return	this.ecardImgLg;
		}
		this.getCharCount=function(){
			if (this.userMessage && this.userMessage.length > 0)
				return this.userMessage.length;
			else if (this.charCount)
				return this.charCount;
			else
				return 0;
		}
		this.setCharCount=function(count){
			if(count<51){ //might need to make this 50
				$("#message-length-error").hide();	
			}else{
				$("#message-length-error").show();
			}
			$("#char-count").html(count);
			this.charCount=count;	
		}
}

var acEcard = new eCard();

var charMsg = 'maximum 50 characters allowed. please edit your message.';

function previewMsg(){
		
	var msg = $("#ecard_message").val();//value in input field
	var count = msg.length;	
	var msglen = $("#ecard-message-preview").val().length;
	
	
	if(msglen>=50){
		//$("#message-length-error").html(charMsg).show();
		$("#ecard_message").val(msg.substring(0,50));
		
		acEcard.setCharCount(50);
	
		$.get("msg_preview.php",{ecard_msg:msg}, function(data){
			
			$("#ecard-message-preview").val(data);
			acEcard.setUserMessage(data);
		});		
	
	
		return;
	}else{

		acEcard.setCharCount(count);
		
		$.get("msg_preview.php",{ecard_msg:msg}, function(data){
			
			$("#ecard-message-preview").val(data);
			acEcard.setUserMessage(data);
		});	
	}//end else statement
}


function addBreaks(msg){
	msg = msg.replace(/\n/g,"<br />");
	return msg;
}
function rTrim(str){
	var newStr = str.replace(/^\s*|\s*$/g,"");
	return newStr;
}
function validateForm(){
	
	var emailPattern = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,9}$/;
	var namePattern = /^[a-zA-Z0-9'-, ]+$/;

	var toFirst = $("#recipient_first").val();	
	var toLast = $("#recipient_last").val();	
	var toEmail = $("#recipient_email").val();	

	var fromFirst = $("#sender_first").val();	
	var fromLast = $("#sender_last").val();	
	var fromEmail = $("#sender_email").val();	
	
	if(!namePattern.test(toFirst)){
		alert("Please enter the recipients' first name.");
		return (false);
	}
	if(!namePattern.test(toLast)){
		alert("Please enter the recipients' last name.");	
		return (false);
	}
	if(!emailPattern.test(toEmail)){
		alert("Please enter a valid recipient email address");	
		return (false);
	}
	
	if(!namePattern.test(fromFirst)){
		alert("Please enter your first name.");	
		return (false);
	}	
	if(!namePattern.test(fromLast)){
		alert("Please enter your last name.");	
		return (false);
	}	
	if(!emailPattern.test(fromEmail)){
		alert("Please enter a valid email address in the 'Your Email' field.");	
		return (false);
	}		



	return (true);

}