﻿/* Licuit Interactive SL */
/* main.css */
/* Created July, 2009 */
/* Modified July, 2009
--------------------------------------- */

Compartir = new Class({
					  
		
		url: "",
		title: "",
		
		initialize:function(){
			var tClass = this;
			
			window.addEvent('load', function(){
				var items = $$("a.compartir");
				for(var a = 0; a < items.length; a++){
					var el = items[a];
					el.addEvent('click', function(selectedItem){
						var boton = selectedItem.target;
						var id = boton.id.split("compartir_")[1];
					
						tClass.createCapaTapa();						
						tClass.createCapaCompartir(tClass.url + id , id, boton);
					});
				}	
			});
		},		
	 
		createCapaTapa:function(){
			
			var capaTapa = document.createElement('div');
			
 			capaTapa.setAttribute('id','capaTapa');
			capaTapa.style.height= document.documentElement.scrollHeight+'px';
			capaTapa.style.width=document.documentElement.scrollWidth+'px';
			capaTapa.style.backgroundColor='#FFF';
			capaTapa.style.position='absolute';
			capaTapa.style.top='0px';
			capaTapa.style.zIndex=9;
			capaTapa.style.opacity= 0.6;
			capaTapa.style.filter = 'alpha(opacity=' + 60 + ')';

	
			document.body.appendChild(capaTapa);
			 
		},
		
		
		createCapaCompartir:function(url,id, boton){
			
			var layerHeight = 179;
			var posTop = $("contenedor").offsetTop + boton.offsetParent.offsetTop + boton.offsetTop - layerHeight + boton.offsetHeight;
			var posLeft = $("contenedor").offsetLeft + boton.offsetParent.offsetLeft + boton.offsetLeft;
			
			var capaCompartir = document.createElement('div');
			capaCompartir.setAttribute('id','capaCompartir');
			capaCompartir.style.opacity = 0;
			capaCompartir.style.filter = 'alpha(opacity=' + 0 + ')';
			capaCompartir.style.height= layerHeight + 'px';
			capaCompartir.style.width= '241px';
			capaCompartir.style.backgroundColor='#a9a9a9';
			capaCompartir.style.position='absolute';
			capaCompartir.style.top= posTop + 'px';
			capaCompartir.style.left=posLeft + 'px';
			capaCompartir.style.zIndex=99;
			capaCompartir.innerHTML = '<div style="color:#FFF; font-family:Arial,sans-serif;font-size:11px; height:20px; margin-top:12px; margin-left:10px"><div style="float:left">COMPARTIR</div><a href="javascript:compartir.cerrar()" style="margin-left:147px;background-image:url(/resources/images/prensa/cerrar.jpg); background-repeat:no-repeat;width:9px;height:9px;float:left;"></a></div><div style="background-color:#FFF; width:221px; height:123px; margin-left:10px; margin-top:14px"><div style="float:left;width:100px; margin-left:10px; _margin-left:5px; margin-top:10px;"><a  style="background-image:url(/resources/images/prensa/mail.jpg);padding-top:2px; height:20px;float:left; width:16px; background-repeat:no-repeat; padding-left:20px; color:#707070; text-decoration:none; font-family:Arial,sans-serif; font-size:12px;" href="mailto:?subject=Grupo Albión&body='+url+'" target="_blank">Email</a><div style="clear:both"></div><a style="background-image:url(/resources/images/prensa/digg.jpg);padding-top:2px;float:left; height:20px; width:16px; background-repeat:no-repeat; padding-left:20px; color:#707070; text-decoration:none; font-family:Arial,sans-serif; font-size:12px;" href="http://digg.com/submit?phase=2&url='+url+'" target="_blank">Digg</a><div style="clear:both"></div><a target="_blank" style="background-image:url(/resources/images/prensa/myspace.jpg);padding-top:2px;float:left; height:20px; width:16px; background-repeat:no-repeat; padding-left:20px; color:#707070; text-decoration:none; font-family:Arial,sans-serif; font-size:12px;" href="http://www.myspace.com/Modules/PostTo/Pages/?u='+url+'&t=Grupo Albión">Myspace</a><div style="clear:both"></div><a style="background-image:url(/resources/images/prensa/facebook.jpg); padding-top:2px; height:20px;float:left; width:16px; background-repeat:no-repeat; padding-left:20px; color:#707070; text-decoration:none; font-family:Arial,sans-serif; font-size:12px;" href="http://www.facebook.com/share.php?u='+url+'&t=Grupo Albión" target="_blank">Facebook</a><div style="clear:both"></div><a target="_blank" style="background-image:url(/resources/images/prensa/twitter.jpg);padding-top:2px; height:20px;float:left; width:16px; background-repeat:no-repeat; padding-left:20px; color:#707070; text-decoration:none; font-family:Arial,sans-serif; font-size:12px;" href="http://twitter.com/home?status='+url+'">Twitter</a></div><div style="float:left;width:100px; margin-left:10px; margin-top:10px;"><a style="background-image:url(/resources/images/prensa/favoritos.jpg);padding-top:2px; height:20px;float:left; width:16px; background-repeat:no-repeat; padding-left:20px; color:#707070; text-decoration:none; font-family:Arial,sans-serif; font-size:12px;" onClick="compartir.addBookmark('+id+')" href="#" >Favourites</a><div style="clear:both"></div><a target="_blank" style="background-image:url(/resources/images/prensa/delicious.jpg); padding-top:2px; height:20px;float:left; width:16px; background-repeat:no-repeat; padding-left:20px; color:#707070; text-decoration:none; font-family:Arial,sans-serif;padding-top:2px; font-size:12px;" href="http://delicious.com/post?url='+url+'&title=Grupo Albión">Delicious</a><div style="clear:both"></div><a style="background-image:url(/resources/images/prensa/google.jpg); padding-top:2px;  height:20px;float:left; width:16px; background-repeat:no-repeat; padding-left:20px; color:#707070; text-decoration:none; font-family:Arial,sans-serif; font-size:12px;padding-top:2px;" href="http://www.google.com/bookmarks/mark?op=edit&bkmk='+url+'&title=Grupo Albión" target="_blank">Google</a><div style="clear:both"></div><a style="background-image:url(/resources/images/prensa/live.jpg);  padding-top:2px;height:20px;float:left; width:16px; background-repeat:no-repeat; padding-left:20px; color:#707070; text-decoration:none; font-family:Arial,sans-serif; font-size:12px;" href="http://spaces.live.com/BlogIt.aspx?Title=Grupo Albión&SourceURL='+url+'" target="_blank">Live</a><div style="clear:both"></div><a style="background-image:url(/resources/images/prensa/meneame.jpg);padding-top:2px;  height:20px;float:left; width:16px; background-repeat:no-repeat; padding-left:20px; color:#707070; text-decoration:none; font-family:Arial,sans-serif; font-size:12px;" href="http://meneame.net/submit.php?url='+url+'" target="_blank">Menéame</a></div></div>';

			document.body.appendChild(capaCompartir);
			
			var fx = new Fx.Tween($("capaCompartir"),{duration: '400', transition:"sine:out"});
			fx.start("opacity", 0 , 1);

		},
		
		
		addBookmark:function(id) {

			 if (window.sidebar) { // Mozilla Firefox Bookmark
					window.sidebar.addPanel(this.title, this.url,"");
			 } else if( window.external ) { // IE Favorite
			 		window.external.AddFavorite( this.url, this.title);
			 }
			
		
		},
		  
		cerrar:function() {

			var capaTapa = $('capaTapa');
			document.body.removeChild(capaTapa);
			
			var capaCompartir = $('capaCompartir');
			document.body.removeChild(capaCompartir);
					
		  }
					
	});

var compartir = new Compartir();
