/* jSocialize - 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 */
/* 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");
				$(div).attr("style", "top:"+(top-195)+"px; left:"+(left-335)+"px; z-index:100;" );
				$(document.body).prepend(div);
					
				var closeme = document.createElement('img');
				
				$(closeme).attr({ id: "close", src: "/share/jq/images/close.gif"});
				$(closeme).addClass('close');
				$(div).append(closeme);
				
				$(closeme).click(function(){
					$(div).remove();
				})
				
				var title= document.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('Share This Page');
				$(div).prepend(name);
				
				var left = document.createElement('div');
				$(left).addClass('soc_left');
				$(div).append(left);
				
				//facebook
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to facebook', src: "/share/jq/images/facebook.gif"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs = "http://dev.monroecc.edu/go/connect/index.htm?connect=http://www.facebook.com/sharer.php?u=" + url;
				$(myLink).attr({ href: hrefs , title: 'send to facebook' });
				$(myLink).html("facebook");
				$(left).append(myLink);
				
				// digg
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to digg', src: "/share/jq/images/digg.png"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs = 'http://dev.monroecc.edu/go/connect/index.htm?connect=http://digg.com/submit?phase=2&url='+encodeURIComponent(url)+'&title='+title;
				$(myLink).attr({ href: hrefs , title: 'send to digg' });
				$(myLink).html("digg");
				$(left).append(myLink);
				
				// yahoobuzz
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to yahoo! buzz', src: "/share/jq/images/buzz.png"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs =  'http://dev.monroecc.edu/go/connect/index.htm?connect=http://buzz.yahoo.com/buzz?targetUrl='+encodeURIComponent(url);
				$(myLink).attr({ href: hrefs , title: 'send to yahoo! buzz' });
				$(myLink).html("buzz");
				$(left).append(myLink);
				
				// linkedin
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to linkedin', src: "/share/jq/images/linkedin.png"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs =  'http://dev.monroecc.edu/go/connect/index.htm?connect=http://www.linkedin.com/shareArticle?mini=true&url='+encodeURIComponent(url)+'&title='+title;
				$(myLink).attr({ href: hrefs , title: 'send to linkedin' });
				$(myLink).html("linkedin");
				$(left).append(myLink);
				
				//stumbleupon
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to ma.gnolia.com', src: "/share/jq/images/stumbleupon.png"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs =  'http://dev.monroecc.edu/go/connect/index.htm?connect=http://www.stumbleupon.com/submit?url='+encodeURIComponent(url)+'&title='+title;
				$(myLink).attr({ href: hrefs , title: 'send to stumbleupon' });
				$(myLink).html("stumbleupon");
				$(left).append(myLink);
				
				// del.icio.us
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to delicious', src: "/share/jq/images/delicious.png"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs = "http://dev.monroecc.edu/go/connect/index.htm?connect=http://del.icio.us/post?url=" + url;
				$(myLink).attr({ href: hrefs , title: 'send to del.icio.us' });
				$(myLink).html("del.icio.us");
				$(left).append(myLink);
				
				// googlebuzz
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to google buzz', src: "/share/jq/images/googlebuzz.png"  });
				$(left).append(img);
				
				var myLink = document.createElement('a');
				var hrefs =  'http://dev.monroecc.edu/go/connect/index.htm?connect=http://www.google.com/buzz/post?url='+encodeURIComponent(url);
				$(myLink).attr({ href: hrefs , title: 'send to google buzz' });
				$(myLink).html("google buzz");
				$(left).append(myLink);
				
				// put in right container
				var right = document.createElement('div');
				$(right).addClass('soc_left');
				$(div).append(right);
				
				// twitter
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to twitter', src: "/share/jq/images/twitter.png"  });
				$(right).append(img);
				
				var myLink = document.createElement('a');
				var hrefs = 'http://dev.monroecc.edu/go/connect/index.htm?connect=http://twitter.com/home/?status='+encodeURIComponent(url);
				$(myLink).attr({ href: hrefs , title: 'send to twitter' });
				$(myLink).html("twitter");
				$(right).append(myLink);
				
				// reddit
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to reddit', src: "/share/jq/images/reddit.png"  });
				$(right).append(img);
				
				var myLink = document.createElement('a');
				var hrefs =  'http://dev.monroecc.edu/go/connect/index.htm?connect=http://reddit.com/submit?url='+encodeURIComponent(url)+'&title='+title;
				$(myLink).attr({ href: hrefs , title: 'send to reddit' });
				$(myLink).html("reddit");
				$(right).append(myLink);
				
				// myspace
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to myspace', src: "/share/jq/images/myspace.png"  });
				$(right).append(img);
				
				var myLink = document.createElement('a');
				var hrefs = 'http://dev.monroecc.edu/go/connect/index.htm?connect=http://www.myspace.com/Modules/PostTo/Pages/?t='+title+'&u='+encodeURIComponent(url);
				$(myLink).attr({ href: hrefs , title: 'send to myspace' });
				$(myLink).html("myspace");
				$(right).append(myLink);
				
				// mixx it
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to mixx it', src: "/share/jq/images/mixx.png"  });
				$(right).append(img);
				
				var myLink = document.createElement('a');
				var hrefs =  'http://dev.monroecc.edu/go/connect/index.htm?connect=http://www.mixx.com/submit/story?page_url='+encodeURIComponent(url)+'&title='+title;
				$(myLink).attr({ href: hrefs , title: 'send to mixx it' });
				$(myLink).html("mixx it");
				$(right).append(myLink);
				
				// netvous
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to netvouz', src: "/share/jq/images/netvouz.png"  });
				$(right).append(img);
				
				var myLink = document.createElement('a');
				var hrefs =  'http://dev.monroecc.edu/go/connect/index.htm?connect=http://netvouz.com/action/submitBookmark?url='+encodeURIComponent(url)+'&title='+title+'&popup=no';
				$(myLink).attr({ href: hrefs , title: 'send to netvouz' });
				$(myLink).html("netvouz");
				$(right).append(myLink);
				
				//newsvine
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to newsvine', src: "/share/jq/images/newsvine.png"  });
				$(right).append(img);
				
				var myLink = document.createElement('a');
				var hrefs =  'http://dev.monroecc.edu/go/connect/index.htm?connect=http://www.newsvine.com/_wine/save?u='+encodeURIComponent(url)+'&h='+title;
				$(myLink).attr({ href: hrefs , title: 'send to newsvine' });
				$(myLink).html("newsvine");
				$(right).append(myLink);
				
				//google bookmarks
				var img = document.createElement('img');
				$(img).attr({ alt: 'send to google bookmarks', src: "/share/jq/images/google.png"  });
				$(right).append(img);
				
				var myLink = document.createElement('a');
				var hrefs =  'http://dev.monroecc.edu/go/connect/index.htm?connect=http://www.google.com/bookmarks/mark?op=edit&output=popup&bkmk='+encodeURIComponent(url)+'&title='+title;
				$(myLink).attr({ href: hrefs , title: 'send to google bookmarks' });
				$(myLink).html("google bookmarks");
				$(right).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 - 980) /2;
					var wind 		= document.createElement("div");
			        var cssObj;
					
					if(jQuery.browser.msie){
						 cssObj = {
							top: '-124px',
							width:'980px',
							position:'absolute',
							left: '-496px',
							border: '1px solid #ccc',
							visibility:'visible'
			
						 }
					}else{
						 cssObj = {
							width:'980px',
							position:'absolute',
							top: '-144px',
							left: '-498px'
			
						 }
					}
						
					$(wind).css(cssObj);
					$(wind).addClass('open_window');		
				
					var closeX = document.createElement('img');
					$(closeX).attr({ src:"/share/jq/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:'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);
					
	       })				
		}			
	})		
 })