/* jSocialize - bookmark tool c2008 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 */
/* add these lines to your document, to make this script work: */
/* <script language="javascript" type="text/ecmascript" src="js/jquery.js"></script>
<script language="javascript" type="text/ecmascript" src="js/jquery.dimensions.js"></script>
<script language="javascript" type="text/ecmascript" src="js/jSocialize.js"></script>
*/

 $(document).ready(function() {
		$(".socializer").click(function (e) { 
			if(document.getElementById('containerx') == null){							 
				
				var top 	= $(".socializer").offset().top;
				var height	= $(".socializer").height();
				var left	= $(".socializer").offset().left;
				var pos 	= top+height+20;
				
				var div = document.createElement("div");
				$(div).hide();
				$(div).addClass("soc_container");
				$(document.body).prepend(div);
					
				var closeme = document.createElement('img');
				
				$(closeme).attr({ id: "close", src: "images/close.gif"});
				$(closeme).addClass('close');
				$(div).append(closeme);
				
				$(closeme).click(function(){
					$(div).remove();
				})
				
				var title= $(".socializer").attr("title");
				var url  = document.location.href;  //$(".socializer").attr("alt");  --> use this if you wish to define an url in the alt tag 
				
				var name = document.createElement('h2');
				$(name).html('ディスコ放送局をブックマークしよう');
				$(div).prepend(name);
				
				var left = document.createElement('div');
				$(left).addClass('soc_left');
				$(div).append(left);
				
				//bookmark.it
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to bookmark.it', src: "images/jp/bm_hatena.gif"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs = "http://b.hatena.ne.jp/entry/" + url;
				$(myLink).attr({ href: hrefs , title: 'はてなブックマークに追加' });
				$(myLink).html("はてなブックマーク");
				$(left).append(myLink);
				
				// del.icio.us
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to delicious', src: "images/jp/delicious.png"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs = "http://del.icio.us/post?url=" + url;
				$(myLink).attr({ href: hrefs , title: 'del.icio.usに追加' });
				$(myLink).html("del.icio.us");
				$(left).append(myLink);
				
				// digg
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to digg', src: "images/jp/digg.png"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs = 'http://digg.com/submit?phase=2&url='+encodeURIComponent(url)+'&title='+title;
				$(myLink).attr({ href: hrefs , title: 'diggに追加' });
				$(myLink).html("digg");
				$(left).append(myLink);
				
				// buzzurlブックマーク
				var img = document.createElement('img');
				$(img).attr({ alt: 'buzzurlに追加', src: "images/jp/buzzurl_ico_mini.gif"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs = 'http://buzzurl.jp/entry/'+title+'&u='+url;
				$(myLink).attr({ href: hrefs , title: 'buzzurlに追加' });
				$(myLink).html("buzzurlブックマーク");
				$(left).append(myLink);
				
				// Yahoo!ブックマーク
				var img = document.createElement('img');
				$(img).attr({ alt: 'Yahoo!ブックマークに追加', src: "images/jp/yahoo_ico.gif"  });
				$(left).append(img);
				
				
				
				
				var myLink = document.createElement('a');
				var hrefs = 'http://bookmarks.yahoo.co.jp/action/bookmark?t='+encodeURIComponent(title)+'&u='+url;
				$(myLink).attr({ href: hrefs , title: 'Yahoo!ブックマークに追加' });
				$(myLink).html("Yahoo!ブックマーク");
				$(left).append(myLink);
				
				// @niftyクリップ
				var img = document.createElement('img');
				$(img).attr({ alt: '@niftyクリップに追加', src: "images/jp/nifty_ico.gif"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs =  'http://clip.nifty.com/create?url='+encodeURIComponent(url)+'&title='+title;
				$(myLink).attr({ href: hrefs , title: '@niftyクリップに追加' });
				$(myLink).html("@niftyクリップ");
				$(left).append(myLink);
				
				// テクノラティ
				var img = document.createElement('img');
				$(img).attr({ alt: 'テクノラティに追加', src: "images/jp/technorati_ico.gif"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs =  'http://www.technorati.jp/faves/?add='+encodeURIComponent(url);
				$(myLink).attr({ href: hrefs , title: 'テクノラティに追加' });
				$(myLink).html("テクノラティ");
				$(left).append(myLink);


				// newsing
				var img = document.createElement('img');
				$(img).attr({ alt: 'newsingに追加', src: "images/jp/newsing_ico.gif"  });
				$(left).append(img);
				var myLink = document.createElement('a');
				var hrefs =  'http://newsing.jp/add?url='+encodeURIComponent(url)+'&title='+title;
				$(myLink).attr({ href: hrefs , title: 'newsingに追加' });
				$(myLink).html("newsing");
				$(left).append(myLink);
				
				
				//livedoor bookmark
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to livedoor', src: "images/jp/bm_livedoor.gif"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs =  'http://clip.livedoor.com/clip/add?link='+url+'&title='+title;
				$(myLink).attr({ href: hrefs , title: 'livedoorクリップに追加' });
				$(myLink).html("livedoorクリップ");
				$(left).append(myLink);
				
				//google
				var img = document.createElement('img');
				$(img).attr({ alt: 'googleブックマークに追加', src: "images/jp/google.png"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs =  'http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk='+encodeURIComponent(url)+'&title='+title;
				$(myLink).attr({ href: hrefs , title: 'googleブックマークに追加' });
				$(myLink).html("google");
				$(left).append(myLink);
				
//				$(".soc_container").css("visibility","visible");
				$(".soc_container").fadeIn(500);
					
				// ajax window	
				$('.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 - 800) /2;
					var wind 		= document.createElement("div");
			        var cssObj;
					
					if(jQuery.browser.msie){
						 cssObj = {
							top:0,
							width:'800px',
							position:'absolute',
							left: 0,
							border: '1px solid #ccc',
							visibility:'visible'
			
						 }
					}else{
						 cssObj = {
							top:scTop+20,
							width:'800px',
							position:'absolute',
							left: left + 'px'
			
						 }
					}
						
					$(wind).css(cssObj);
					$(wind).addClass('open_window');		
				
					var closeX = document.createElement('img');
					$(closeX).attr({ src:"images/close.gif", position:'absolute',top:"0",right:"0" });
					$(closeX).addClass('close');
					
					$(closeX).click(function(){
						$(wind).remove();											
					})
					
					$(wind).prepend(closeX);
					$(div).append(wind);
					
					var cssObj2 = {
        				width:'800px',
						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);
					
	       })				
		}			
	})		
 })