/* ---------------------------------------------------------------------------------------
	tp-facebook
--------------------------------------------------------------------------------------- */

/*
 * ****************
 * TP.Facebook.init(settings)
 * @param settings {
 * 	ifrmae: kod wygenerowany przez Facebook'owa aplikacje http://developers.facebook.com/docs/reference/plugins/like-box/
 * 	id: identyfikator elementu, ktory bedzie wysowany i chowany przy lewej krawedzi okna przegladarki
 * 	styleCSS: kod CSS elementu, ktory bedzie wysowany i chowany przy lewej krawedzi okna przegladarki
 * }
 */

var TP;
if (typeof TP == "undefined") TP = {};
if (typeof TP.Facebook == "undefined") {
	
	TP.Facebook = {
		opt: {
			'iframe': 	'<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fserceirozum&width=190&connections=20&stream=false&header=true&height=295" scrolling="no" frameborder="0" style="border:none; overflow:hidden;width:190px;height:295px;background:#fff;" allowTransparency="true"></iframe>',
			'id': 		'facebook-7b064d6a4a2e',
			'styleCSS': 'position:absolute;z-index:1000;top:220px;left:-198px;padding:5px 33px 5px 5px;height:300px;width:190px;background:#fff url(/b/tp/static/background/facebook_bg.png) no-repeat;'
		},
		
		init: function() {
			TP.Facebook.loadPrototype();
		},
		
		boardInit: function (settings) {
			var hoverTimeout,
				opt = settings || {};
			opt.iframe = opt.iframe || TP.Facebook.opt.iframe;
			opt.id = opt.id || TP.Facebook.opt.id;
			opt.styleCSS = opt.styleCSS || TP.Facebook.opt.styleCSS;
			
			$$('body')[0].insert('<div id="'+opt.id+'" style="'+opt.styleCSS+'">'+opt.iframe+'</div>');
			
			$(opt.id).observe('mouseout', function(e) {
				hoverTimeout = setTimeout(function() {
					$(opt.id).morph('left: -198px', {duration: 0.4});}
				, 500);
			});
			
			$(opt.id).observe('mouseover', function(e) {
				if(hoverTimeout) {
					window.clearTimeout(hoverTimeout);
				}
				$(opt.id).morph('left: 0', {duration: 0.4});
			});
		},
		
		loadScriptaculous: function() {
			if(typeof( Effect ) != 'object') {
				loadScriptCallback('/b/tp/js/dashboard/scriptaculous/effects.js', TP.Facebook.boardInit);
			} else {
				TP.Facebook.boardInit();
			}
		},
		
		loadPrototype: function() {
			if((typeof Prototype != 'undefined') || (typeof Element != 'undefined') || (typeof Element.Methods != 'undefined')) {
				loadScriptCallback('/b/tp/js/ajax/prototype-min.js', TP.Facebook.loadScriptaculous);
			} else {
				TP.Facebook.loadScriptaculous();
			}
		}
	}
}