var shareData = [
	{
		name: 'Facebook',
		img: 'http://b.static.ak.fbcdn.net/images/share/facebook_share_icon.gif?8:26981',
		link: 'http://www.facebook.com/sharer.php?u=$URL&t=$TITLE'		
	},
	{
		name: 'Google',
		img: '/recursos/common-media/share/images/google.png',
		link: 'http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk=$URL&title=$TITLE'
	},
	{
		name: 'Bookmark.it',
		img: '/recursos/common-media/share/images/bookmark.gif',
		link: 'http://www.bookmark.it/bookmark.php?url=$URL'
	},
	{
		name: 'del.icio.us',
		img: '/recursos/common-media/share/images/delicious.png',
		link: 'http://del.icio.us/post?url=$URL&title=$TITLE'
	},
	{
		name: 'Digg',
		img: '/recursos/common-media/share/images/digg.png',
		link: 'http://digg.com/submit?phase=2&url=$URL&title=$TITLE'
	},
	{
		name: 'Furl',
		img: '/recursos/common-media/share/images/furl.png',
		link: 'http://furl.net/storeIt.jsp?t=$TITLE&u=$URL'
	},
	{
		name: 'Blinklist',
		img: '/recursos/common-media/share/images/blinklist.png',
		link: 'http://blinklist.com/index.php?Action=Blink/addblink.php&Name=$TITLE&Url=$URL'
	},
	{
		name: 'Reddit.com',
		img: '/recursos/common-media/share/images/reddit.png',
		link: 'http://reddit.com/submit?url=$URL&title=$TITLE'
	},
	{
		name: 'Feedmelinks.com',
		img: '/recursos/common-media/share/images/feedmelinks.png',
		link: 'http://feedmelinks.com/categorize?from=toolbar&op=submit&name=$TITLE&url=$URL'
	},
	{
		name: 'Technorati.com',
		img: '/recursos/common-media/share/images/technorati.png',
		link: 'http://www.technorati.com/faves?add=$URL'
	},
	{
		name: 'Yahoo.com',
		img: '/recursos/common-media/share/images/im_yahoo.gif',
		link: 'http://myweb2.search.yahoo.com/myresults/bookmarklet?u=$URL&t=$TITLE'
	}
]

function addOption(container, title, url, item) {
	var img = new Element('img');
	img.alt = 'Enviar a ' + item.name;
	img.src = item.img;
	img.injectInside(container);
	
	var myLink = new Element('a');
	myLink.href  = item.link.replace('$URL', url).replace('$TITLE', title);
	myLink.title = 'Enviar a ' + item.name;
	myLink.innerHTML = item.name;
	myLink.injectInside(container);
}

window.addEvent('domready',function(){

	$$('.socializer').addEvent('click',function(e){
		var container = $('socializer-container');
		if(container) {
			
		}
		else {
			return;
		}
		if(document.getElementById('containerx') == null){
		// define container pos
		var top 	= this.getCoordinates().top.toInt();
		var height	= this.getCoordinates().height.toInt();
		var left	= this.getCoordinates().left.toInt();
		var pos 	= top+height+20;
		var div 	= new Element('div');
		//div.setStyle('top',pos+20);
		div.setStyle('left',left);
		div.addClass('soc_container');
		div.setAttribute('id','containerx');
		div.injectInside($('socializer-container'));

		$(div).addEvent('blur',function(){
			this.dispose();
		})

		// close button
		var closeme = new Element('img');
		closeme.src="/recursos/common-media/share/images/close.gif";
		closeme.setAttribute('id','close');
		closeme.set('style','width:12px;height:12px');
		closeme.injectInside(div);
		closeme.addEvent('click',function(){
			div.dispose();
		});

		var title= encodeURIComponent(document.title);
		var url  = encodeURIComponent(location.href);

		var left = new Element('div');
		left.addClass('soc_left');
		left.injectInside(div);

		shareData.each(function(item) {
			addOption(left, title, url, item);
		});


		// fade in
		var eff = new Fx.Morph(div, { duration: 500, wait:true, transition:Fx.Transitions.linear }).chain(function(){
			$$('.soc_left').setStyle('visibility','visible');
		});

		eff.start({
			'opacity':[0,1]
		});
		
		
		// open new window via ajax
		$$('.soc_left a').addEvent('click',function(e){
			e = new Event(e).stop();
			window.open(this.href,'sharer','toolbar=0,status=0,width=626,height=436');
		});
	  
	  }else{
		var eff = new Fx.Morph('containerx', { duration: 500, wait:true, transition:Fx.Transitions.linear }).chain(function(){
			$('containerx').dispose();
		});														

		eff.start({
		  	'opacity':[0,1]
		});

		}
	})
})