$(document).ready(function() {
		$(".book_m").bind("click", function (e) { 
			if(document.getElementById('containerx') == null){							 
				
				var top 	= $(".book_m").offset().top;
				var height	= $(".book_m").height();
				var left	= $(".book_m").offset().left;
				var pos 	= top+height+20;
				
				var div = document.createElement("div");
				$(div).hide();
				$(div).addClass("book_mark").css({left:(left+10)+'px',top:(top+10)+'px'});
				var title= $(".book_m").attr("alt");
				var url  = document.location.href;  
				$(document.body).prepend(div);
				var p = document.createElement('span');
				$(p).html('<b>AI 3 POSIBILITATI PT A RECOMANDA JOCUL</b><br><br><b>1.</b> <a href="ymsgr:im?+&msg=Incearca jocul asta: '+title+' :'+url+'.">trimite pe yahoo messenger</a></ul> ');
				$(div).append(p);	
				var closeme = document.createElement('img');
				
				$(closeme).attr({ id: "close", src: "images/close.gif"});
				$(closeme).addClass('close');
				$(div).append(closeme);
				
				$(closeme).click(function(){
					$(div).remove();
				})
				
				
			
				$(".book_mark").fadeIn(500);
				  $(".book_mark").bind("mouseleave",function(){$(".book_mark").fadeOut(900,function(e){$(".book_mark").remove();}); 	});


				var myForm= document.createElement('form');
				$(myForm).html('<ul><b>2.</b> <span id="stare">copiaza adresa jocului:</span> <input id="field" class="copyit" type="text" name="x" value="'+url+'" /></ul> <ul><b>3.</b> trimite unui prieten pe <b>EMAIL</b>:<input id="field" class="eeeee" type="text" name="email" value="Adresa de email aici" onclick="this.value =\'\'"/><br/><div id="stare2"><br/></div>  <input type="button" id="sen" value="Trimite"/></ul> ');
			
				$(".book_mark").append(myForm);
				
					$("#sen").bind("click", function(e) {
					$("#stare2").load('../../../bookmark/send.php?e='+encodeURIComponent($(".eeeee").val())+'&titlu='+encodeURIComponent(title)+'&url='+encodeURIComponent(url));
				
													});
					
	$.clipboardReady(function(){				
$( ".copyit" ).bind("focus",function(){
								  
$.clipboard(""+url+"");
$("#stare").html("Adresa a fost copiata(CTRL+V / Paste).");

}); }, {  swfpath: "../../../bookmark/js/jquery.clipboard.swf",debug: true } ); 

				
			$('.soc_left a').bind("click",function(e){
					e.preventDefault();
					var address 	= this;
					var scTop 		= $(window).scrollTop();
                    var width		= 0;									
					
					if(jQuery.browser.msie){
						width = document.body.clientWidth;
					}else{
						width	= window.innerWidth;
					}
				
					var left		= (width - 980) /2;
					var wind 		= document.createElement("div");
			        var cssObj;
					
					if(jQuery.browser.msie){
						 cssObj = {
							top:scTop+20,
							width:'980px',
							position:'absolute',
							left: left + 'px',
							border: '1px solid #ccc',	
							visibility:'visible'
			
						 }
			
				}else{
						 cssObj = {
							top:scTop+20,
							width:'980px',
							position:'absolute',
							left: left + 'px'
			
						 }
					}
						
					$(wind).css(cssObj);
					$(wind).addClass('open_window');		
				
					var closeX = document.createElement('img');
					$(closeX).attr({ src:"images/close.gif", top:"0",right:"0" });
					$(closeX).addClass('close');
					
					$(closeX).click(function(){
						$(wind).remove();											
					})
					
					$(wind).prepend(closeX);
					$('body').append(wind);
					
					var cssObj2 = {
        				width:'980px',
						height:'500px',
						border: 'none',
						position:'absolute',
						overflow:'auto',
						display:'block'
     				 }
					
					var c	 = document.createElement('iframe');		
					$(c).attr("src",this);
					$(c).css(cssObj2);
					$(wind).prepend(c);
					
	       })				
		}			
	})		
 })