/* mooSocialize - bookmark tool ©2008 artViper designstudio - all rights reserved */
/* information about this tool and other widgets: info@artviper.net  */
/* the header 'artViper's social bookmark widget has not to be removed */
/* same goes for the link to this tool */

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

	
	
	$$('.socializer').addEvent('click',function(e){
		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);
		div.setStyle('left',left);
		div.addClass('soc_container');
		div.setAttribute('id','containerx');
		div.injectInside(document.body);
				
		$(div).addEvent('blur',function(){
			this.remove();
		})
		
		// close button
		var closeme = new Element('img');
		closeme.src="/images/en_US/local/products/bookmarks/close.gif";
		closeme.setAttribute('id','close');
		closeme.injectInside(div);
		closeme.addEvent('click',function(){
			div.remove();
		})
		
		var title= this.title;
		var url  = this.alt;
	
		var name = new Element('h2');
		name.innerHTML = 'Please select your favorite bookmark service:';
		name.injectInside(div);
		
		var left = new Element('div');
		left.addClass('soc_left');
		left.injectInside(div);
		
		//facebook
		var img = new Element('img');
		img.alt = 'send to Facebook';
		img.src = '/images/en_US/local/products/bookmarks/facebook.gif';
		img.injectInside(left);
		
		var myLink = new Element('a');
		myLink.href  = 'http://www.facebook.com/share.php?u='+encodeURIComponent(url);
		myLink.title = 'send to Facebook';
		myLink.innerHTML = 'Facebook';
		myLink.target = "_blank";
		myLink.injectInside(left);
		
		// digg.com
		var img = new Element('img');
		img.alt = 'send to digg';
		img.src = '/images/en_US/local/products/bookmarks/digg.png';
		img.injectInside(left);
		
		var myLink = new Element('a');
		myLink.href  = 'http://digg.com/submit?phase=2&url='+encodeURIComponent(url)+'&title='+title;
		myLink.title = 'send to del.icio.us';
		myLink.innerHTML = 'digg';
		myLink.target = "_blank";
		myLink.injectInside(left);

		// stumpleupon.com
		var img = new Element('img');
		img.alt = 'send to stumbleupon';
		img.src = '/images/en_US/local/products/bookmarks/stumbleupon.png';
		img.injectInside(left);
		
		var myLink = new Element('a');
		myLink.href  = 'http://www.stumbleupon.com/refer.php?url='+encodeURIComponent(url)+'&title='+title;
		myLink.title = 'send to stumbleupon';
		myLink.innerHTML = 'stumbleupon';
		myLink.target = "_blank";
		myLink.injectInside(left);

		// put in right side container	
		var right = new Element('div');
		right.addClass('soc_left');
		right.injectInside(div);
		
		// del.icio.us
		var img = new Element('img');
		img.alt = 'send to del.icio.us';
		img.src = '/images/en_US/local/products/bookmarks/delicious.png';
		img.injectInside(right);
		
		var myLink = new Element('a');
		myLink.href  = 'http://del.icio.us/post?url='+encodeURIComponent(url)+'&title='+title;
		myLink.title = 'send to del.icio.us';
		myLink.innerHTML = 'del.icio.us';
		myLink.target = "_blank";
		myLink.injectInside(right);
		
		// yahoo.com
		var img = new Element('img');
		img.alt = 'send to yahoo.com';
		img.src = '/images/en_US/local/products/bookmarks/im_yahoo.gif';
		img.injectInside(right);
		
		var myLink = new Element('a');
		myLink.href  = 'http://myweb2.search.yahoo.com/myresults/bookmarklet?u='+encodeURIComponent(url)+'&t='+title
		myLink.title = 'send to yahoo';
		myLink.innerHTML = 'yahoo';
		myLink.target = "_blank";
		myLink.injectInside(right);

		// google.com
		var img = new Element('img');
		img.alt = 'send to google';
		img.src = '/images/en_US/local/products/bookmarks/google.png';
		img.injectInside(right);
		
		var myLink = new Element('a');
		myLink.href  = 'http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk='+encodeURIComponent(url)+'&title='+title;
		myLink.title = 'send to google';
		myLink.innerHTML = 'google';
		myLink.target = "_blank";
		myLink.injectInside(right);
			
		// fade in
		div.effect('opacity',{duration:500, wait:true, transition:Fx.Transitions.linear }).chain(function(){
			$$('.soc_left').setStyle('visibility','visible');
		}).start(0,1);	
	
	  }else{
		$('containerx').effect('opacity', { duration:300, wait:true, transition:Fx.Transitions.linear}).start(1,0);
		$('containerx').remove();
		}
	})
})