// JavaScript Document

(function($){
	$.fn.socialSharePrivacy = function(options){
		var defaults = {
			'services' : {
				'facebook' : {
					'status'			: 'on',
					'app_id'    		: '159273164162364', // HIER KOMMT EURE FACEBOOK APP-ID REIN !
					'dummy_img' 		: 'empfehlen.png',
					'txt_info'  		: '2 Klicks f&uuml;r mehr Datenschutz: Erst wenn Sie hier klicken, wird der Button aktiv und Sie k&ouml;nnen Ihre Empfehlung an Facebook senden. Schon beim Aktivieren werden Daten an Dritte &uuml;bertragen &ndash; siehe <em>i</em>.',
					'txt_fb_off'		: 'nicht mit Facebook verbunden',
					'txt_fb_on' 		: 'mit Facebook verbunden',
					'perma_option' 		: 'on',
					'display_name'		: 'Facebook'
				}, 
				'twitter' : {
					'status'			: 'on', 
					'dummy_img' 		: 'tweet.png',
					'txt_info'  		: '2 Klicks f&uuml;r mehr Datenschutz: Erst wenn Sie hier klicken, wird der Button aktiv und Sie k&ouml;nnen Ihre Empfehlung an Twitter senden. Schon beim Aktivieren werden Daten an Dritte &uuml;bertragen &ndash; siehe <em>i</em>.',
					'txt_twitter_off'	: 'nicht mit Twitter verbunden',
					'txt_twitter_on'	: 'mit Twitter verbunden',
					'perma_option'		: 'on',
					'display_name'		: 'Twitter'
				},
				'gplus' : {
					'status'			: 'on',
					'dummy_img'			: 'gplusone.png',
					'txt_info'			: '2 Klicks f&uuml;r mehr Datenschutz: Erst wenn Sie hier klicken, wird der Button aktiv und Sie k&ouml;nnen Ihre Empfehlung an Google+ senden. Schon beim Aktivieren werden Daten an Dritte &uuml;bertragen &ndash; siehe <em>i</em>.',
					'txt_gplus_off'		: 'nicht mit Google+ verbunden',
					'txt_plus_on'		: 'mit Google+ verbunden',
					'perma_option'		: 'on',
					'display_name'		: 'Google+'
				}
			},
			'info_link' 		: 'http://www2.actionfactory.de/FIT4DOGS/shop_content.php?coID=2',
			'txt_help'  		: 'Wenn Sie diese Felder durch einen Klick aktivieren, werden Informationen an Facebook, Twitter oder Google in die USA &uuml;bertragen und unter Umst&auml;nden auch dort gespeichert. N&auml;heres erfahren Sie durch einen Klick auf das <em>i</em>.',
			'settings_perma'	: 'Dauerhaft aktivieren und Daten&uuml;ber&shy;tragung zustimmen:',
			'cookie_path'		: '/',
			'cookie_domain'		: 'www.actionfactory.de',
			'cookie_expires'	: '365'
		};

		var options = $.extend(true, defaults, options);

		if(options.services.facebook.status == 'on' || options.services.twitter.status == 'on' || options.services.gplusone.status == 'on'){
			$('head').append('<link rel="stylesheet" type="text/css" href="social_bookmarks.css" />');
			$(this).prepend('<ul class="social_share_privacy_area"></ul>');
			var context = $('.social_share_privacy_area', this);
			var uri = document.location.href;
			var canonical = $("link[rel=canonical]").attr("href");
			if (canonical) {
			    if (canonical.indexOf("http") <= 0) {
			        canonical = document.location.protocol + "//" + document.location.host + document.location.port + canonical;
			    }
			    uri = canonical;
			}
		}

		// Text kuerzen und am Ende mit … versehen, sofern er abgekuerzt werden musste
		function abbreviateText(text, length){
			var abbreviated = decodeURIComponent(text);
			if(abbreviated.length <= length){
				return text;
			}

			var lastWhitespaceIndex = abbreviated.substring(0, length - 1).lastIndexOf(' ');
			abbreviated = encodeURIComponent(abbreviated.substring(0, lastWhitespaceIndex)) + "…";

			return abbreviated;
		}

		// Meta-Wert abfragen
		function getMeta(name){
			var metaContent = jQuery('meta[name="' + name + '"]').attr('content');
			return metaContent ? metaContent : '';
		}

		return this.each(function(){
			// Facebook
			if(options.services.facebook.status == 'on'){
				var fb_enc_uri = encodeURIComponent(uri);
		        var fb_code = '<iframe src="http://www.facebook.com/plugins/like.php?locale=de_DE&amp;app_id='+options.services.facebook.app_id+'&amp;href='+fb_enc_uri+'&amp;send=false&amp;layout=button_count&amp;width=120&amp;show_faces=false&amp;action=recommend&amp;colorscheme=light&amp;font&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe>';
				var fb_dummy_btn = '<img src="../FIT4DOGS/images/'+options.services.facebook.dummy_img+'" alt="Facebook &quot;Empfehlen&quot;-Dummy" class="fb_like_privacy_dummy" />';

				context.append('<li class="facebook help_info"><span class="info">'+options.services.facebook.txt_info+'</span><span class="switch off">'+options.services.facebook.txt_fb_off+'</span><div class="fb_like dummy_btn">'+fb_dummy_btn+'</div></li>');

				var $container_fb = $('li.facebook', context);

				$('li.facebook div.fb_like img.fb_like_privacy_dummy,li.facebook span.switch', context).live('click', function(){
				    if($container_fb.find('span.switch').hasClass('off')){
				        $container_fb.addClass('info_off');
				        $container_fb.find('span.switch').addClass('on').removeClass('off').html(options.services.facebook.txt_fb_on);
		                $container_fb.find('img.fb_like_privacy_dummy').replaceWith(fb_code);
				    }
				    else{
				        $container_fb.removeClass('info_off');
				        $container_fb.find('span.switch').addClass('off').removeClass('on').html(options.services.facebook.txt_fb_off);
				        $container_fb.find('.fb_like').html(fb_dummy_btn);
				    }
				});
			}

			// Twitter
			if(options.services.twitter.status == 'on'){
				// Titel aus <meta name="DC.title"> wenn vorhanden, sonst <title>
				var title = getMeta('DC.title');
				if(title.length > 0){
					title = encodeURIComponent(title + " – " + getMeta('DC.creator'));
				}
				else{
					// title mit encodeURIComponent kodieren, da Sonderzeichen (':') sonst doppelt kodiert werden.
					title = encodeURIComponent($('title').text());
				}

				var twitter_enc_uri = encodeURIComponent(uri);
				var twitter_count_url = encodeURIComponent(uri);
				var twitter_code = '<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html?url='+twitter_enc_uri+'&amp;counturl='+twitter_count_url+'&amp;text='+abbreviateText(title,'119')+'&amp;count=horizontal"></iframe>';
				var twitter_dummy_btn = '<img src="../FIT4DOGS/images/'+options.services.twitter.dummy_img+'" alt="&quot;Tweet this&quot;-Dummy" class="tweet_this_dummy" />';
				
				context.append('<li class="twitter help_info"><span class="info">'+options.services.twitter.txt_info+'</span><span class="switch off">'+options.services.twitter.txt_twitter_off+'</span><div class="tweet dummy_btn">'+twitter_dummy_btn+'</div></li>');

				var $container_tw = $('li.twitter', context);
				
				$('li.twitter div.tweet img,li.twitter span.switch', context).live('click', function(){
				    if($container_tw.find('span.switch').hasClass('off')){
				        $container_tw.addClass('info_off');
				        $container_tw.find('span.switch').addClass('on').removeClass('off').html(options.services.twitter.txt_twitter_on);
		                $container_tw.find('img.tweet_this_dummy').replaceWith(twitter_code);
				    }
				    else{
				        $container_tw.removeClass('info_off');
				        $container_tw.find('span.switch').addClass('off').removeClass('on').html(options.services.twitter.txt_twitter_off);
				        $container_tw.find('.tweet').html(twitter_dummy_btn);
				    }
				});
			}

			// Google+
			if(options.services.gplus.status == 'on'){
				var gplus_uri = uri;
				var gplus_code = '<script type="text/javascript" src="https://apis.google.com/js/plusone.js">{"parsetags":"explicit","lang":"de"}</script><div id="plusone-div"></div>';
				var gplus_dummy_btn = '<img src="../FIT4DOGS/images/'+options.services.gplus.dummy_img+'" alt="&quot;Google+1&quot;-Dummy" class="gplus_one_dummy" />';

				context.append('<li class="gplus help_info"><span class="info">'+options.services.gplus.txt_info+'</span><span class="switch off">'+options.services.gplus.txt_gplus_off+'</span><div class="gplusone dummy_btn">'+gplus_dummy_btn+'</div></li>');

				var $container_gplus = $('li.gplus', context);

				$('li.gplus div.gplusone img,li.gplus span.switch', context).live('click', function(){
				    if($container_gplus.find('span.switch').hasClass('off')){
						$container_gplus.addClass('info_off');
						$container_gplus.find('span.switch').addClass('on').removeClass('off').html(options.services.gplus.txt_gplus_on);
						$container_gplus.find('img.gplus_one_dummy').replaceWith(gplus_code);
						window.setTimeout(function(){
							gapi.plusone.render('plusone-div',{'size':'medium','href': gplus_uri}); 
						}, 
						500);
				    }
				    else{
				        $container_gplus.removeClass('info_off');
				        $container_gplus.find('span.switch').addClass('off').removeClass('on').html(options.services.gplus.txt_gplus_off);
				        $container_gplus.find('.gplusone').html(gplus_dummy_btn);
				    }
				});
			}

			// Der Info/Settings-Bereich wird eingebunden
			context.append('<li class="settings_info"><div class="settings_info_menu off perma_option_off"><a href="'+options.info_link+'"><span class="help_info icon"><span class="info">'+options.txt_help+'</span></span></a></div></li>');

			// Info-Overlays mit leichter Verzoegerung einblenden
			$('.help_info:not(.info_off)', context).live('mouseenter', function(){
				var $info_wrapper = $(this);
				var timeout_id = window.setTimeout(function(){ $($info_wrapper).addClass('display'); }, 500);
				$(this).data('timeout_id',timeout_id);
			});
			$('.help_info', context).live('mouseleave', function(){
				var timeout_id = $(this).data('timeout_id');
				window.clearTimeout(timeout_id);
				if($(this).hasClass('display')){
					$(this).removeClass('display');
				}
			});

			// Menue zum dauerhaften Einblenden der aktiven Dienste via Cookie einbinden
			if(((options.services.facebook.status == 'on' && options.services.facebook.perma_option == 'on') || (options.services.twitter.status == 'on' && options.services.twitter.perma_option == 'on') || (options.services.gplus.status == 'on' && options.services.gplus.perma_option == 'on')) && (($.browser.msie && $.browser.version > 7.0) || !$.browser.msie)){
				// Cookies abrufen
				var cookie_list = document.cookie.split(';');
				var cookies = '{';
				for(var i = 0; i < cookie_list.length; i++){
					var foo = cookie_list[i].split('=');
					cookies+='"'+$.trim(foo[0])+'":"'+$.trim(foo[1])+'"';
					if(i < cookie_list.length-1){
						cookies += ',';
					}
				}
				cookies += '}';
				cookies = JSON.parse(cookies);


				// Cookie setzen
				function cookieSet(name,value,days,path,domain){
					var expires = new Date();
					expires.setTime(expires.getTime() + (days * 24 * 60 * 60 * 1000));
					document.cookie = name+'='+value+'; expires='+expires.toUTCString()+'; path='+path+'; domain='+domain;
				}

				// Cookie loeschen
				function cookieDel(name,value){
					var expires = new Date();
					expires.setTime(expires.getTime() - 100);
					document.cookie = name+'='+value+'; expires='+expires.toUTCString()+'; path='+options.cookie_path+'; domain='+options.cookie_domain;
				}

				// Container definieren
				var $container_settings_info = $('li.settings_info', context);

				// Klasse entfernen, die das i-Icon alleine formatiert, da Perma-Optionen eingeblendet werden
				$container_settings_info.find('.settings_info_menu').removeClass('perma_option_off');

				// Perma-Optionen-Icon (.settings) und Formular (noch versteckt) einbinden
				$container_settings_info.find('.settings_info_menu').append('<span class="settings">Einstellungen</span><form><fieldset><legend>'+options.settings_perma+'</legend></fieldset></form>');

				// Die Dienste mit <input> und <label>, sowie checked-Status laut Cookie, schreiben
				if(options.services.facebook.status == 'on' && options.services.facebook.perma_option == 'on'){
					var perma_status_facebook = '';
					cookies.socialSharePrivacy_facebook == 'perma_on' ? perma_status_facebook = ' checked="checked"' : perma_status_facebook = '';
					$container_settings_info.find('form fieldset').append('<input type="checkbox" name="perma_status_facebook" id="perma_status_facebook"'+perma_status_facebook+' /><label for="perma_status_facebook">'+options.services.facebook.display_name+'</label>');
				}
				if(options.services.twitter.status == 'on' && options.services.twitter.perma_option == 'on'){
					var perma_status_twitter = '';
					cookies.socialSharePrivacy_twitter == 'perma_on' ? perma_status_twitter = ' checked="checked"' : perma_status_twitter = '';
					$container_settings_info.find('form fieldset').append('<input type="checkbox" name="perma_status_twitter" id="perma_status_twitter"'+perma_status_twitter+' /><label for="perma_status_twitter">'+options.services.twitter.display_name+'</label>');
				}
				if(options.services.gplus.status == 'on' && options.services.twitter.perma_option == 'on'){
					var perma_status_gplus = '';
					cookies.socialSharePrivacy_gplus == 'perma_on' ? perma_status_gplus = ' checked="checked"' : perma_status_gplus = '';
					$container_settings_info.find('form fieldset').append('<input type="checkbox" name="perma_status_gplus" id="perma_status_gplus"'+perma_status_gplus+' /><label for="perma_status_gplus">'+options.services.gplus.display_name+'</label>');
				}
				

				// Cursor auf Pointer setzen fuer das Zahnrad
				$container_settings_info.find('span.settings').css('cursor','pointer');

				// Einstellungs-Menue bei mouseover ein-/ausblenden
				$($container_settings_info.find('span.settings'), context).live('mouseenter', function(){
					var timeout_id = window.setTimeout(function(){ $container_settings_info.find('.settings_info_menu').removeClass('off').addClass('on'); }, 500);
					$(this).data('timeout_id',timeout_id);
				}); 
				$($container_settings_info, context).live('mouseleave', function(){
					var timeout_id = $(this).data('timeout_id');
					window.clearTimeout(timeout_id);
					$container_settings_info.find('.settings_info_menu').removeClass('on').addClass('off');
				});

				// Klick-Interaktion auf <input> um Dienste dauerhaft ein- oder auszuschalten
				$($container_settings_info.find('fieldset input')).live('click', function(event){
					var value;
					var click = event.target.id;
					service = click.substr(click.lastIndexOf('_')+1, click.length);

					$('#'+event.target.id+':checked').length ? value = 'on' : value = 'off';

					var cookie_name = 'socialSharePrivacy_'+service;

					if(value == 'on'){
						// Cookie setzen
						cookieSet(cookie_name,'perma_on',options.cookie_expires,options.cookie_path,options.cookie_domain);
						$('form fieldset label[for='+click+']', context).addClass('checked');
					}
					else{
						// Cookie loeschen
						cookieDel(cookie_name,'perma_on');
						$('form fieldset label[for='+click+']', context).removeClass('checked');
					}
				});

				// Dienste automatisch einbinden, wenn entsprechendes Cookie vorhanden ist
				if(options.services.facebook.status == 'on' && options.services.facebook.perma_option == 'on' && cookies.socialSharePrivacy_facebook == 'perma_on'){
					$('li.facebook span.switch', context).click();
				}

				if(options.services.twitter.status == 'on' && options.services.twitter.perma_option == 'on' && cookies.socialSharePrivacy_twitter == 'perma_on'){
					$('li.twitter span.switch', context).click();
				}

				if(options.services.gplus.status == 'on' && options.services.gplus.perma_option == 'on' && cookies.socialSharePrivacy_gplus == 'perma_on'){
					$('li.gplus span.switch', context).click();
				}
			}
		});
	}
})(jQuery);

jQuery(document).ready(function($){
	if($('#social_bookmarks')){
		$('#social_bookmarks').socialSharePrivacy(); 
	}
});