var Socials = {
	sites: [
		['Bookmark.it', 'www.bookmark.it', 'bookmark.gif', 'www.bookmark.it/bookmark.php?url={$url}'],
		['del.icio.us', 'del.icio.us', 'delicious.png', 'del.icio.us/post?url={$url}&title={$title}'],
		['Digg', 'digg.com', 'digg.png', 'digg.com/submit?phase=2&url={$url}&title={$title}'],
		['Furl', 'furl.net', 'furl.png', 'furl.net/storeIt.jsp?t={$title}&u={$url}'],
		['BlinkList', 'blinklist.com', 'blinklist.png', 'blinklist.com/index.php?Action=Blink/addblink.php&Name={$title}&Url={$url}'],
		['reddit', 'reddit.com', 'reddit.png', 'reddit.com/submit?url={$url}&title={$title}'],
		['Feed Me Links!', 'feedmelinks.com', 'feedmelinks.png', 'feedmelinks.com/categorize?from=toolbar&op=submit&name={$title}&url={$url}'],
		['Technorati', 'technorati.com', 'technorati.png', 'www.technorati.com/faves?add={$url}'],
		['Yahoo!', 'yahoo.com', 'im_yahoo.gif', 'myweb2.search.yahoo.com/myresults/bookmarklet?u={$url}&t={$title}'],
		['RawSugar', 'rawsugar.com', 'rawsugar.png', 'www.rawsugar.com/tagger/?turl={$url}&tttl={$title}'],
		['Netvouz', 'netvouz.com', 'netvouz.png', 'netvouz.com/action/submitBookmark?url={$url}&title={$title}&popup=no'],
		['Rojo', 'rojo.com', 'rojo.png', 'www.rojo.com/add-subscription/?resource={$url}'],
		['Shadows', 'shadows.com', 'shadows.png', 'www.shadows.com/shadows.aspx?url={$url}'],
		['Newsvine', 'newsvine.com', 'newsvine.png', 'www.newsvine.com/_wine/save?u={$url}&h={$title}'],
		['Ma.gnolia', 'ma.gnolia.com', 'magnolia.png', 'ma.gnolia.com/bookmarklet/add?url={$url}&title={$title}&description='],
		['StumbleUpon', 'stumpleupon.com', 'stumbleupon.png', 'www.stumbleupon.com/refer.php?url={$url}&title={$title}'],
		['Google', 'google.com', 'google.png', 'www.google.com/bookmarks/mark?op=edit&output=popup&bkmk={$url}&title={$title}'],
		['Squidoo', 'squidoo.com', 'squidoo.png', 'www.squidoo.com/lensmaster/bookmark?{$url}'],
		['Spurl', 'spurl.net', 'spurl.png', 'www.spurl.net/spurl.php?url={$url}&title={$title}&blocked='],
		['BlinkBits', 'blinkbits.com', 'blinkbits.png', 'blinkbits.com/bookmarklets/save.php?v=1&source_url={$url}&title={$title}'],
		['BlogMarks', 'blogmarks.net', 'bmarks.png', 'blogmarks.net/my/new.php?mini=1&simple=1&url={$url}&title={$title}'],
		['Bloglines', 'bloglines.com', 'bloglines.png', 'www.bloglines.com/sub/{$url}'],
		['co.mments', 'co.mments.com', 'comments.png', 'co.mments.com/track?url={$url}&title={$title}'],
		// Scuttle è un software?
		//['Scuttle', 'scuttle.org', 'scuttle.png', 'www.scuttle.org/bookmarks.php/maxpower?action=add&address={$url}&title={$title}&description='],
		['Ask', 'ask.com', 'ask.png', 'mystuff.ask.com/mysearch/QuickWebSave?v=1.2&t=webpages&title={$title}&url={$url}'],
		['Slashdot', 'slashdot.org', 'slashdot.png', 'slashdot.org/bookmark.pl?title={$title}&url={$url}']
	],
	init: function() {
		
		var d = D(['div', {
			id: 'socials_links',
			style: {
				width: '400px',
				background: '#FFFFFF',
				color: '#000000',
				display: 'none',
				opacity: '0',
				position: 'absolute',
				zIndex: '26',
				padding: '10px',
				fontSize: '11px'
			}
		}]), u = encodeURI(document.location), t = encodeURI(document.title), tpl = new Template();
		
		tpl.setVariables({
			url: u,
			title: t
		});

		Socials.sites.each(function(s){
			tpl.setTemplate(s[3]);
			var v = tpl.parse();
			
			d.append(['div', {
				style: {
					width: '196px',
					height: '16px',
					lineHeight: '16px',
					'float': 'left',
					padding: '2px',
					cursor: 'pointer'
				},
				title: s[1],
				onclick: function() {
					document.location = 'http://' + v;
				},
				onmouseover: function() {
					I(this).setStyles({
						backgroundColor: '#EEEEEE'
					});
				},
				onmouseout: function() {
					I(this).setStyles({
						backgroundColor: '#FFFFFF'
					});
				}
			},
				['img', {
					src: '/media/socials/' + s[2],
					style: {
						'float': 'left',
						width: '16px',
						height: '16px',
						paddingRight: '2px'
					}
				}],
				s[0]
			])
		});
		
		d.append(['div', {
			style: {
				clear: 'both'
			}
		}])
		
		APPS_LAYER.append(d);
		
		ViewPort.init();
		ViewPort.addCloseEvent(function(){
			Socials.hide();
		});
	},
	show: function() {
		var p = Env.viewCenter(420, 420);
		ViewPort.open();
		I('socials_links').setStyles({
			left: p[0] + 'px',
			top: p[1] + 'px'
		}).morph({
			styles: {
				opacity: [ACTUAL, 1],
				display: ['block']				
			},
			time: 0.5
		});
	},
	hide: function() {
		I('socials_links').morph({
			styles: {
				opacity: [ACTUAL, 0],
				display: ['block', 'none']				
			},
			time: 0.5
		});
	},
	addButton: function(t) {
		I(t).append(['div', {
				className: 'socials-button',
				onclick: function() {
					Socials.show();
				}
			},
			'Social Bookmarking'
		])
	}
};