var time_fade = 400;
var badField = '';
var badFieldOldClass = '';
var fileDownload;
var overlayTop = 100;
var hasError = 0;
var hOffset = 0;
var fadeOutTimer='';
$('#fb_overlay_shadow').css('opacity', 0.5);
function fb_overlay(msg,firstTime) {
	var closebtn = '<div class="fb_overlay_close"><a href="javascript:fb_overLayClose();" title="Close this pop up window"><img src="/cpl/image/close20x20.png" alt="close window" title="Close this pop up window"></a></div>';
	var close = '<div style="padding:5px;"><a href="javascript:fb_overLayClose();" title="Close this pop up window">Close This Window</a></div>';
	$('#fb_overlay_status').html(closebtn+msg+close);
	
	hOffset = 0;
	$.get("/cpl/ajax/proxy.php",
		{ "get_scroll": "1" },
		function(data){ 
			if (data.error == '0') {
				hOffset = parseInt(data.message);
				
			}
			var w = ((($('#fb_dash_container_all').width()) - ($('#fb_overlay_status').width()) ) / 2);
			p = $('#fb_dash_container_all').position();
			
			$('#fb_overlay_status').css('left', p.left + w);
			maxheight = Math.max($('body').height(), $('#fb_dash_container_all').height());
			maxheight = Math.max($(window).height(), maxheight);
			$('#fb_overlay_shadow').css('height', maxheight+50);
			$('#fb_overlay_status').css('top', $(window).scrollTop()+overlayTop);
			if (hOffset != 0) {
				$('#fb_overlay_status').css('top', hOffset+overlayTop);
			}
			$('#fb_overlay_shadow').css('top', '0');
			$('#fb_overlay_shadow').css('left', '0');
			//$('#fb_overlay_shadow').css('width', $('body').width());
			
			if (firstTime == 1) {
				
				$('#fb_overlay_status').css('opacity', 0);
				$('#fb_overlay_status').animate({opacity: 1.0}, time_fade);
				$('#fb_overlay_shadow').css('opacity', 0);
				$('#fb_overlay_shadow').animate({opacity: 0.5}, time_fade);
				
			}
			
			$('#fb_overlay_status').show();
			$('#fb_overlay_shadow').show();
			
                }, "json" 
             ); 
      
}

function fb_overLayClose(focus) {
	clearTimeout(fileDownload);
	$('#fb_overlay_status').hide();
	$('#fb_overlay_shadow').hide();
	if (focus != '') {
		if ($('#'+focus)) { $('#'+focus).focus(); }
	}
}

function fb_overlayOffer(id) {
	fb_overlay("<div id='fb_loader'><h3>Loading Offer</h3><br><img src='/cpl/image/loading.gif' alt='loading' /></div>", 1);
	$.get("/cpl/ajax/offer_get.php",
		{ "id": id },
		function (data) {
			if (data.length > 0) {
				if (data == '0' || data == '') {
					fb_overlay("<div class='fb_error'>Sorry, there was a problem displaying this offer detail. Please refresh the page and try again.</div>", 0);
				}
				else {
					fb_overlay('<div class="offer_popup_container">'+data+'<div id="offer_error" style="display:none; margin-top: 10px;"></div></div>', 0);
				}
			} else {
				fb_overlay("<div class='fb_error'>Sorry, there was a problem displaying this offer detail. Please refresh the page and try again.</div>", 0);
			}
		}
		);
}
function getOfferInfo(id) {
	$('offer_form_id_'+id).html("<div id='fb_loader'><h3>Loading Offer</h3><br><img src='/cpl/image/loading.gif' alt='loading' /></div>");
	$.get("/cpl/ajax/offer_get.php",
		{ "id": id },
		function (data) {
			if (data.length > 0) {
				if (data == '0' || data == '') {
					fb_overlay("<div class='fb_error'>Sorry, there was a problem displaying this offer detail. Please refresh the page and try again.</div>", 0);
				}
				else {
					$('offer_form_id_'+id).html('<div class="offer_popup_container">'+data+'<div id="offer_error" style="display:none; margin-top: 10px;"></div></div>', 0);
				}
			} else {
				fb_overlay("<div class='fb_error'>Sorry, there was a problem displaying this offer detail. Please refresh the page and try again.</div>", 0);
			}
		}
		);
}

function offer_Submit(id) {
	$(badField).attr("class", badFieldOldClass);
	$('#offer_error').html("<div class='offer_notice'><img src='/cpl/image/loading.gif' alt='loading' /></div>");
	$('#offer_error').show();
	$.get("/cpl/ajax/submit.php", 
		$("#form_"+id).serialize(), 
		function(data){ 
			if (data.error == '1') {
				//$('#offer_error_'+id).html(data.message);
				//$('#offer_error_'+id).show();
				badField = data.field;
				$('#'+badField).focus();
				
				badFieldOldClass = $('#'+badField).attr("class");
				$('#'+badField).attr("class", badFieldOldClass+ " offer_invalid");
				var p = $('#'+badField).position();
				window.scrollTo(0, p.top-30);
				$('#offer_error_floater').html(data.message);
				$('#offer_error_floater').css('top', p.top);
				$('#offer_error_floater').css('left', p.left + 10+ $('#'+badField).width());
				$('#offer_error_floater').show();
				setTimeout(function(){$('#offer_error_floater').fadeOut()},8000);
				
				badField = $('#'+badField);
				
			}
			else {
				//$('#offer_error_'+id).hide();
				$('#offer_error_floater').hide();
				$('#offer_form_content_'+id).html('<img src="/cpl/image/checkmark.png"> You have signed up for this offer'+'<br /><br />'+data.message);
			}
			
                }, "json" 
                ); 
}
function submitAllForm() {
	var doneStr = "";
	var hasError = 0;
	$.ajaxSetup({'async': false});
	for (id in offerIds) {
		if ($("input[name='offer_chosen_"+offerIds[id]+"']:checked").val()=="yes") {
			
			if(document.getElementById('form_'+offerIds[id])) {
				$.get("/cpl/ajax/submit.php", 
					$("#form_"+offerIds[id]).serialize(), 
					function(data){ 
						if (data.error == '1') {
							hasError = 1;
							doneStr += data.message;
						}
						else {
							doneStr += data.message;
							$('#offer_form_content_'+offerIds[id]).html('<img src="/cpl/image/checkmark.png"> You have signed up for this offer');
						}
						
					}, "json"
					); 
			}
		}
		if (hasError ==1) break;
	}
	$.ajaxSetup({'async': true});
	if (hasError == 1) {
		fb_overlay(doneStr, 0);
	}
	else {
		fb_overlay('<div class="offer_notice"><h3>Thank You! Your info was submitted successfully.</h3> You will be contacted via E-mail regarding the special offers you have signed up for.</div>'+doneStr, 0);
	}
	
}
function verifyAllForm() {
	fb_overlay("<div class='offer_notice'><h3>Please wait... Your info is being submitted</h3><br><img src='/cpl/image/loading.gif' alt='loading' /></div>", 1);
	setTimeout(function(){verifyAllFormStep2();},1000);
	
}
function verifyAllFormStep2() {
	hasError = 0;
	var total = 0;
	$.ajaxSetup({'async': false});
	for (id in offerIds) {
		
		if ($("input[name='offer_chosen_"+offerIds[id]+"']:checked").val()=="yes") {
			$(badField).attr("class", badFieldOldClass);
			if(document.getElementById('form_'+offerIds[id])) {
				total++;
				$.get("/cpl/ajax/verify.php", 
					$("#form_"+offerIds[id]).serialize(), 
					function(data){ 
						if (data.error == '1') {
							//$('#offer_error_'+offerIds[id]).html(data.message);
							//$('#offer_error_'+offerIds[id]).show();
							badField = data.field;
							$('#'+badField).focus();
							var p = $('#'+badField).position();
							window.scrollTo(0, p.top-30);
							$('#offer_error_floater').html(data.message);
							$('#offer_error_floater').css('top', p.top);
							$('#offer_error_floater').css('left', p.left + 10+ $('#'+badField).width());
							$('#offer_error_floater').show();
							clearTimeout(fadeOutTimer);
							fadeOutTimer=setTimeout(function(){$('#offer_error_floater').fadeOut()},8000);
							$('#offer_error_floater').mouseover(function(){clearTimeout(fadeOutTimer); $('#offer_error_floater').fadeOut()});
							
							badFieldOldClass = $('#'+badField).attr("class");
							$('#'+badField).attr("class", badFieldOldClass+ " offer_invalid");
							badField = $('#'+badField);
							hasError = 1;
						}
						else {
							$('#offer_error_floater').hide();
							//$('#offer_error_'+offerIds[id]).hide();
						}
					}, "json"
					); 
			}
		}
		if (hasError ==1) break;
		
	}
	$.ajaxSetup({'async': true});
	if (total == 0) {
		fb_overlay('<div class="offer_error"><h3>Please select any special offers you wish to sign up for before submitting.</h3></div>',0);
	}
	else if (hasError == 0) {
		submitAllForm();
	}
	else {
		fb_overLayClose();
	}
}
function offer_choose_offer(id) {
	if ($("input[name='offer_chosen_"+id+"']:checked").val()=="yes") {
		$('#offer_form_html_'+id).show();
	}
	else {
		$('#offer_form_html_'+id).hide();
	}
}
//store all the fname, lname, email fields so we can populate it them as user type it

var offerFirstNameFields = new Array();
var offerLastNameFields = new Array();
var offerEmailNameFields = new Array();

function offerPopulateField(val,type) {
	var field='';
	var fieldsArray = new Array();
	if (type == 'email') {
		fieldsArray = offerEmailNameFields;
	}
	else if (type == 'fname') {
		fieldsArray = offerFirstNameFields;
	}
	else if (type == 'lname') {
		fieldsArray = offerLastNameFields;
	}
	else return;
	
	for(var i in fieldsArray){
		field = (fieldsArray[i]);
		if (field != '' && field != null) {
			$('#'+field).val(val);
		}
	}
}