// JavaScript Document
(function($){  
     
	$.fn.shareBar = function(options, callback ) {  
          
     	var defaults = {
		  	email 		: true,
			facebook 	: true,
			twitter		: true,
			printMe    	: false,
			fbName		: 'The Bar-J',
			fbLink		: 'http://thebarj.com/index.php',
			fbPic		: 'http://thebarj.com/images/bar-j_email_header.jpg',
			fbCapt		: 'This is The Bar-J',
			fbDesc		: '',
			fbMsg		: '',
			subject		: 'Check out this cool website'
	 	}; 
        
      var options = $.extend(defaults, options);  
     
		  
      return this.each(function() {
			
			obj = $(this);  
			$(obj).append('<div id="shareDiv" class="secure"><div class="share_toolbar"><span id="emailSpan" class="share_toolbar_item" style="padding-top:3px; display:none;"></span><span id="printSpan" style="display:none;" class="share_toolbar_item"></span><span id="tweetSpan" class="share_toolbar_item" style="display:none;"></span><span id="facebookSpan" class="share_toolbar_item" style="padding-top:3px; display:none;"></span></div><div id="shareBoxWrapper" style="display:none;"></div></div><div id="hiddenData" style="display:none;"></div>');
			$("#ts",obj).remove();
			
			$("#ts",obj).remove();
			var today = new Date();
			var tokenUrl='includes/token.php?a='+today.toString();
			$.get(tokenUrl,function(txt){
					$('.secure',obj).append('<input name="ts" id="ts" type="hidden" value="'+txt+'" />');
					addShareBar();
				});
			
			
			if (defaults.facebook) {  
			 
			 	setTimeout( function() { fb_Init(); }, 1000 );
				$('.fb_share_link',obj).css({'height':'16px','padding':'2px 0 0 0','white-space':'nowrap'}); 
				$('#facebookSpan',obj).html('<a id="fbLink"><img border="0" src="http://thebarj.com/images/fb-button.png">Share on Facebook</a>'); 
				$('#fbLink',obj).css({'cursor':'pointer'});
				$('#fbLink img',obj).css({'float':'left','padding-right':' 5px','height':' 15px'}); 
				$('#facebookSpan',obj).show(); 
				
				$('#fbLink',obj).click(function() { 
					
							 scroll(0,0);
							 FB.ui(
							   {
								 method: 'feed',
								 name: URLDecode(defaults.fbName),
								 link: URLDecode(defaults.fbLink),
								 picture: URLDecode(defaults.fbPic),
								 caption: URLDecode(defaults.fbCapt),
								 description: URLDecode(defaults.fbDesc),
								 message: URLDecode(defaults.fbMsg)
							   },
							   function(response) {  } );
			
			
					});
			 
			 }
			if (defaults.twitter) {  
			 
			 
			 
			 }
			if (defaults.printMe) {  
			 
			 	$('#printControl',obj).css({'text-align':'right','padding-top':'3px','padding-bottom':'3px','padding-right':'15px','background-color':'#fff','min-height':'40px'});
				$('#printDiv',obj).css({'position':'absolute','z-index':'5011','width':'850px','min-height':'600px','left':' 50px','top':' 15px','background-color':'#fff','text-align':'left'});
				$('#printDiv p',obj).css({'text-align':'left'});
				$('#print_wrapper',obj).css({'border':' solid 1px #333','padding':'10px'});
				$('#printBody',obj).css({'padding-bottom':'15px'});
			 
			 }
			
			function addShareBar() {
				$('.twitter_link',obj).css({'height':'16px','padding':'2px 0 0 18px','white-space':' nowrap'});
			
				$('#shareDiv',obj).css({'font-family':' Arial,Helvetica,sans-serif','font-size':' 12px','margin':'0','z-index':'2001'});
				$('.share_toolbar',obj).css({'clear':' both','height':'26px'});
				$('.share_toolbar a',obj).css({'font-weight':' bold','text-decoration':'none'});
				$('.share_toolbar a:hover',obj).css({'text-decoration':'underline'});
				$('.share_toolbar_item',obj).css({'margin-right':' 8px','float':'left'});
				
				$('#shareDiv .share_toolbar .share_toolbar_item a',obj).css({'color':'#fff'});
				
				$('#overlay',obj).css({'background':'none repeat scroll 0 0 #000000','cursor':'wait','height':' 100%','left':' 0','opacity':' 0.6','position':' fixed','top':'0','width':'100%','z-index':' 5002'});
				$('#emailSpan',obj).hide();
				imageObj = new Image();
				imageObj.src="http://thebarj.com/fancyzoom/ressources/closebox.png";
				$('.share_toolbar a',obj).css({'cursor':'pointer','color':'#fff'}).hide();
				
				 if (defaults.email) {  
					
					var box={};
					
					box.height=320;
					box.width=360;
					box.color='#efefe7';
					
					box.content='<style>.errorClass { border-color:#F00; background-color:#ffffa0;}</style><div><img id="closeShare" class="closeButton" align="right" src="http://thebarj.com/fancyzoom/ressources/closebox.png" width="30" \></div><h3 align="center" id="boxBody">Email to a Friend</h3><div id="contactPanel" style="padding-top:10px;"><p>&nbsp;</p><div style="height:22px;"> <img id="loading" src="http://thebarj.com/images/ajax-loader.gif" height="20" style="display:none; float:left; padding-right:15px;"><div id="response" style="overflow:hidden;"></div></div><form id="formail" name="formail" class="secure" action="" method ="post"><input name="type" id="type" type="hidden" value="includes/email/basic_email.php" /><table border="0" width="100%" cellspacing="0" cellpadding="2"><tr valign="baseline"><td class="main label">Your Name:</td><td><input type="text" class="input" id="from_name" value="" size="38" />&nbsp;</td></tr><tr><td class="main label">Your Mail Address:</td><td class="main"><input class="input" type="text" name="from_mail" id="from_mail" size="50"></td></tr><tr valign="baseline"><td class="main label">To Name:</td><td><input type="text" class="input" id="to_name" name="to_name" value="" size="38" />&nbsp;</td></tr><tr><td class="main label">To Mail Address:</td><td class="main"><input class="input" type="text" name="to_mail" id="to_mail" size="50"></td></tr><tr id="messageLine"><td class="main label">Message:</td><td><textarea class="input" name="text" id="text" cols="50" rows="4"></textarea></td></tr><tr><td id="buttonBar" align="center" colspan="2" style="padding-top:15px;"></td></tr></table></form><p>&nbsp;</p></div>';
					
					$('#shareBoxWrapper',obj).remove();
					var options = { to: { width: box.width, height: box.height } };
					$('#shareDiv',obj).append('<div id="shareBoxWrapper" style="padding:10px;display:none;"><div id="shareActionDiv"></div></div>');	
					$('#shareBoxWrapper',obj).css({'top': box.top, 'left': box.left });
					$('#emailSpan',obj).html('<a id="emailLink" class="email_this_link">Email to a friend</a>');
					
					box.top=$('.email_this_link',obj).position().top;
					box.left=$('.email_this_link',obj).position().left;
					
					$('.email_this_link',obj).css({'background':' url("http://thebarj.com/images/share/email.gif") no-repeat scroll 0 1px transparent','height':'16px','padding':'2px 0 0 28px','white-space':'nowrap','cursor':'pointer'});
				
					$('#emailSpan',obj).show();
					
					$("#emailLink",obj).unbind().click(function(){
								 
								$('#shareBoxWrapper',obj).css({'height':' 550px','left':' 135px','position':' absolute','top':' 25px','width':' 850px','z-index':' 5001'}); 
								$('#shareActionDiv',obj).css({'display':'block','color':'#000','padding':' 10px','border':'1px solid #333','-moz-border-radius':'6px','-webkit-border-radius':' 6px',' border-radius':'6px'});
								$.fx.speeds._default = 500;
								$('#shareBoxWrapper',obj).show();	
								
								if ($.browser.mozilla) {
									$('#shareActionDiv',obj).css('background-color', box.color ).show( "size", options, 500, function() { showBody(box); });	
								} else {
									$('#shareActionDiv',obj).css({'background-color':box.color, 'width':box.width,'height':box.height }).html(box.content);
									
									$('#formail td .main .label',obj).css('text-align','left');
									$('#formail .main.label',obj).css('text-align','right');
									$('#formail td',obj).css({'padding-bottom':'4px','vertical-align':'top'});
									$('#formail td.main.label',obj).css({'font-size':'14px'});
									$('#formail .input',obj).not('.button').css('width','200px');
									$('#formail .button',obj).button();
									
									$('#shareActionDiv',obj).fadeIn('slow');
								}
								
							});
					
				 }	
			}
			function showBody(box)  {
				 	
					$('#shareActionDiv',obj).html(box.content);
					$('#buttonBar',obj).html('<input class="input button" type="button" value="Send"  id="sendmail" name="sendmail" /><input class="input button" type="button" value="Reset" id="resetButton" onclick="resetForm()" /><input class="input button closeButton" type="button" value="Close" id="closeButton" />');
					
					$('#response',obj).css({'display':'none','border':'1px solid #ccc','background':' #FFFFA0','color':'#900'});
					$('td',obj).css({'padding-bottom':'4px','vertical-align':'top'});
					$('table tr td .label',obj).css({'font-size':'16px'});
					$('#contactMessage',obj).css({'padding':'0px'});
					$('#contactPanel',obj).css({'font-family':'Arial, Helvetica, sans-serif'});
					$('.errorClass',obj).css({'border-color':'#F00','background-color':'#ffffa0'});
					$('#contactPanel #formail table tr .main.label',obj).css({'font-family':'Arial, Helvetica, sans-serif','font-size':'14px','padding-right':'4px','text-align':'right'});
					
					
					$('#closeShare',obj).css({'padding':' 2px','cursor':'pointer'});
					$('#shareBody',obj).css({' padding-top':'35px'});
					$('#boxBody',obj).css({'font-size':'18px'});
				 
					$('#formail td .main .label',obj).css('text-align','left');
					$('#formail .main.label',obj).css('text-align','right');
					$('#formail td',obj).css({'padding-bottom':'4px','vertical-align':'top'});
					$('#formail td.main.label',obj).css({'font-size':'14px'});
					$('#formail .input',obj).not('.button').css('width','200px');
					$('#formail .button',obj).removeClass('ui-widget').button();
					
					$('.closeButton').click(function() { 
				  						$('#shareActionDiv',obj).empty();
										var options = { to: { width: 0, height: 0 } };
										$('#shareActionDiv',obj).hide( "size", options, 500, function() { $('#shareBoxWrapper',obj).hide(); });	
									});
					
					
					$('#sendmail').click(function() { sendLink(); });
					
					$('#formail .button',obj).removeClass('ui-widget').button();	
			}
			function person(nm,eml) {
				var p={};
				p.name=nm;
				p.email=eml;
				return p;
			}
			function sendLink() {
			
				var valid = '';
				var from_name = $('#from_name',obj).val();
				var from_mail = trim($("#from_mail",obj).val());
				var to_name = $('#to_name',obj).val();
				var to_mail = trim($("#to_mail",obj).val());
				var isr = ' is required.';
				
				$('.input').removeClass('errorClass'); 
				
				var text = trim($("#text").val());
				text += '<p>&nbsp;</p><p>I thought you would enjoy this <a href="'+ $(location).attr('href') +'" >'+$(location).attr('host')+'</a><br></p>';
				var ts = trim($("#ts").val());
				
				if (from_name.length<1) { $('#from_name',obj).addClass('errorClass'); }
				if (!from_mail.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)) { valid += '<br />A valid Email'+isr; $('#from_mail',obj).addClass('errorClass'); }
				if (to_name.length<1) { valid += '<br />Name Required'+isr; $('#to_name',obj).addClass('errorClass'); }
				if (!to_mail.match(/^([a-z0-9._-]+@[a-z0-9._-]+\.[a-z]{2,4}$)/i)) { valid += '<br />A valid Email'+isr; $('#to_mail',obj).addClass('errorClass'); }
				if (valid!='') { $("#response",obj).fadeIn("slow"); $("#response",obj).html('One or more errors have ocurred'); 
				} else {
					$('#contactPanel .input',obj).attr("disabled","disabled");
					$('input[type=button]',obj).fadeTo('slow', 0);
					$("#response",obj).css({"display":"block","background":"none", "border":"none", "text-align":"left"});
					$("#response",obj).html("Sending message .... ");
					$("#response",obj).fadeIn("slow");
					$("#loading",obj).show();
					
					var from=person( from_name, from_mail );
					var to=person( to_name, to_mail );
					
					sendEmail(from, to, text, $("#ts",obj).val(), defaults.subject, 'shareLink');
					
				}
			}
			
			
      	});  // end of return.each ...
	  
	  		
	  
	  
	}; // End of  $.fn.logButton =
	
})(jQuery);