// JavaScript Document
/*
Share plugin
Des:Share&brvbar
author:shengjing.yang(Vincent)
E-mail:shengjing.yang@echineselearning.com
onCreate:2009-12-23
Version share-0.1 Beta
*/

	var isShow = true;
	var isInMe = false;
	var u = encodeURIComponent(location.href);
	var t = null;

	var title_content =null;

	var change_content =null;



	var divStr = null;
	var htmlStr = null;


$(document).ready(function(){

	t = encodeURIComponent($(".yingblogname").text());
	init(u,t);
	$(".content_echineselearning").append("<div class='before_span'></div>");
	$(".content_echineselearning").each(function(i){
		this.id = "before_span_"+i;
	});
	$(".content_echineselearning").hover(function(){
											if($("#childrenDiv").length == 0){
												divShow($(this).attr("id"));
											}
										  },
										  function(){
											 divClose();
	});
})

function init(u,t){
 title_content ="<div style='text-align:left;padding:0px;margin:15px 0 0px 0;font-family:Arial, Helvetica, sans-serif;'><div style='float:left;marign-right:2px;'><img style='border:1px solid #fff;'class='image_a'src='wp-content/themes/stardust-v10/images/share_images/twitter.gif'width=13 height=13 /><a class='share_link' href='http://twitter.com/home?status="+u+"'target='_blank'title='twitter'>Twitter</a></div>"+
	"<div style='float:left;margin-left:8px'><img style='border:1px solid #fff;'class='image_a' src='wp-content/themes/stardust-v10/images/share_images/magnolia.gif'width=13 height=13 border=0/><a class='share_link' target='_blank' href='http://www.facebook.com/sharer.php?u="+u+"&t="+t+"'title='facebook'>Facebook</a></div>"+
	"<div style='float:left;margin-left:8px'><img style='border:1px solid #fff;'class='image_a' src='wp-content/themes/stardust-v10/images/share_images/Myspace inverted.png'width=13 height=13 border=0/><a class='share_link'target='_blank' href='http://www.myspace.com/Modules/PostTo/Pages/?l=3&u="+u+"&t="+t+"&c=eChineseLearning"+"'title='MySpace'>MySpace</a></div></div>";

	 change_content =

	"<div id='content_1' style='text-align:left;padding:0px;margin:0px;'>"+
	"<div style=''>"+
	"<div class='block_'style='margin-left:0px;'><img style='border:1px solid #fff;margin-left:0px;'class='image_b'src='wp-content/themes/stardust-v10/images/share_images/windows_live.gif'width=13 height=13/><a class='share_link'target='_blank' href='http://login.live.com/login.srf?wa=wsignin1.0&rpsnv=11&ct=1263181179&rver=5.5.4177.0&wp=MBI&wlcxt=title&wreply=https:%2F%2Fskydrive.live.com%2Fsharefavorite.aspx%2F.SharedFavorites%3F%3Fmarklet%3D1%26mkt%3Den-us%26url%3D"
	+u+"%26title%3D"+t+"&top=1&lc=1033&id=250206"+"'title='live'>live</a></div>"+
	"<div class='block_'><img class='image_b'style='border:1px solid #fff;' src='wp-content/themes/stardust-v10/images/share_images/digg.png'width=13 height=13/><a class='share_link'target='_blank' href='http://digg.com/register/'title='digg'>digg</a></div>"+
	"<div class='block_'style=''><img style='border:1px solid #fff;' class='image_b' src='wp-content/themes/stardust-v10/images/share_images/stumbleupon.gif'width=13 height=13/><a class='share_link' target='_blank' href='http://www.stumbleupon.com/submit?url="+u+"&title="+t+"'title='stumble'>stumble</a></div>"+
	"</div>"+

	"<div style='margin-top:5px;'>"+
	"<div class='block_'style='margin-left:0px;'><img style='margin-left:0px;border:1px solid #fff;'class='image_b'src='wp-content/themes/stardust-v10/images/share_images/delicious.gif'width=13 height=13/><a class='share_link'target='_blank' href='https://secure.delicious.com/login?v=5&jump=http%3A%2F%2Fdelicious.com%2Fsave%3Furl%3D"+u+"%26title%3D"+t+"%26notes%3D%26tags%3D%26noui%3Dno%"+

"26share%3Dyes%26time%3D1263174493%26recipients%3D'title='delicious'>delicious</a></div>"+
	"<div class='block_'style=''><img style='border:1px solid #fff;' class='image_b' src='wp-content/themes/stardust-v10/images/share_images/blogmarks.gif'width=13 height=13/><a target='_blank'class='share_link' href='http://blogmarks.net/my/new.php?mini=1&url="+u+"&title="+t+"'title='blogmarks'>blogmarks</a></div>"+
	"<div class='block_'style=''><img style='border:1px solid #fff;' class='image_b' src='wp-content/themes/stardust-v10/images/share_images/kirtsy.png'width=13 height=13/><a target='_blank' class='share_link' href='http://www.kirtsy.com/login.php?return=/submit.php?url="+u+"'title='kirtsy'>kirtsy</a></div>"+
	"</div>"+

	"<div style='margin-top:5px;'>"+
	"<div class='block_'style='margin-left:0px;'><img style='border:1px solid #fff;margin-left:0px;'class='image_b'src='wp-content/themes/stardust-v10/images/share_images/yahoo.png'width=13 height=13/><a target='_blank' class='share_link' href='http://bookmarks.yahoo.com/toolbar/savebm?opener=tb&u="+u+"&t="+t+"'>yahoo</a></div>"+
	"<div class='block_'style=''><img style='border:1px solid #fff;' class='image_b' src='wp-content/themes/stardust-v10/images/share_images/fark.gif'width=13 height=13/><a target='_blank' class='share_link' href='http://www.fark.com/cgi/farkit.pl?u="+u+"&h="+t+"'title='fark'>fark</a></div>"+
	"<div class='block_'style=''><img style='border:1px solid #fff;' class='image_b' src='wp-content/themes/stardust-v10/images/share_images/Linkedin.png'width=13 height=13/><a target='_blank' class='share_link' href='http://www.linkedin.com/shareArticle?mini=true&url="+u+"&title="+t+"'title='linkedin'>linkedin</a></div>"+
	"</div>"+

	"<div style='margin-top:5px;'>"+
	"<div class='block_'style='margin-left:0px;'><img style='border:1px solid #fff; margin-left:0px;'class='image_b'src='wp-content/themes/stardust-v10/images/share_images/Diigo.png'width=13 height=13/><a target='_blank' class='share_link' href='http://secure.diigo.com/post?url="+u+"&title="+t+"'title='diigo'>diigo</a></div>"+
	"<div class='block_'style=''><img style='border:1px solid #fff;' class='image_b' src='wp-content/themes/stardust-v10/images/share_images/google.gif'width=13 height=13/><a target='_blank' class='share_link' href='https://www.google.com/bookmarks/mark?op=edit&bkmk="+u+"&title="+t+"'title='google'>google</a></div>"+
	"<div class='block_'style=''><img style='border:1px solid #fff;' lass='image_b' src='wp-content/themes/stardust-v10/images/share_images/Newsvine.png'width=13 height=13/><a target='_blank' class='share_link' href='https://www.newsvine.com/_nv/accounts/login?redirect=http%3A%2F%2Fwww.newsvine.com%2F_tools%2Fseed%26save%3Fpopoff%3D0%26u%"+

"3D"+u+"%26h%3D"+t+"'title='newsvine'>newsvine</a></div>"+
	"</div>"+
	"</div>"+

	"<div id='content_2' style='text-align:left;padding:0px;margin:0px;'>"+
	"<div style=''>"+
	"<div class='block_'style='margin-left:0px;'><img style='border:1px solid #fff;margin-left:0px;'class='image_b'src='wp-content/themes/stardust-v10/images/share_images/technorati.png'width=13 height=13/><a target='_blank' class='share_link' href='http://www.technorati.com/faves?add="+u+"'title='technorati'>technorati</a></div>"+
	"<div class='block_'style=''><img style='border:1px solid #fff;' class='image_b' src='wp-content/themes/stardust-v10/images/share_images/yiggit.png'width=13 height=13/><a target='_blank' class='share_link' href='http://www.yigg.de/neu?exturl="+u+"&exttitle="+t+"'title='yigg'>yigg</a></div>"+
	"<div class='block_'style=''><img style='border:1px solid #fff;' class='image_b' src='wp-content/themes/stardust-v10/images/share_images/n4g.png'width=13 height=13/><a target='_blank' class='share_link' href='http://www.n4g.com/tips.aspx?url="+u+"&title="+t+"'title='n4g'>n4g</a></div>"+
	"</div>"+

	"<div style='margin-top:5px;'>"+
	"<div class='block_'style='margin-left:0px;'><img style='border:1px solid #fff;margin-left:0px;'class='image_b'src='wp-content/themes/stardust-v10/images/share_images/misterwong.png'width=13 height=13/><a target='_blank' class='share_link' href='http://www.mister-wong.com/index.php?action=addurl&bm_url="+u+"&bm_description="+t+"'title='misterwong'>misterwong</a></div>"+
	"<div class='block_'style=''><img style='border:1px solid #fff;' class='image_b' src='wp-content/themes/stardust-v10/images/share_images/propeller.png' width=13 height=13/><a target='_blank' class='share_link' href='http://www.propeller.com/signin/?next=/story/submit/%3FU%3D"+u+"%26T%3D"+t+"'title='propeller'>propeller</a></div>"+
	"<div class='block_'style=''><img style='border:1px solid #fff;' class='image_b' src='wp-content/themes/stardust-v10/images/share_images/reddit.gif' width=13 height=13/><a target='_blank' class='share_link' href='http://www.reddit.com/login?dest=/submit?url="+u+"&title="+t+"'title='reddit'>reddit</a></div>"+
	"</div>"+



	"<div style='margin-top:5px;'>"+
	"<div class='block_'style='margin-left:0px;'><img style='border:1px solid #fff;margin-left:0px;'class='image_b'src='wp-content/themes/stardust-v10/images/share_images/linkagogo.gif'width=13 height=13/><a target='_blank' class='share_link' href='http://www.linkagogo.com/go/AddNoPopup?url="+u+"&title="+t+"'title='linkagogo'>linkagogo</a></div>"+
	"<div class='block_'style=''><img style='border:1px solid #fff;' class='image_b' src='wp-content/themes/stardust-v10/images/share_images/mixx.jpg'width=13 height=13/><a target='_blank' class='share_link' href='http://www.mixx.com/submit?page_url="+u+"'title='mixx'>mixx</a></div>"+
	"</div>"+

	"</div>";

	 divStr = "<div id='childrenDiv'></div>";
	 htmlStr ="<div id='div_1' style='width:350px;height:60px;margin:0px;'>"+
							"<div id='colse_me' style='float:right;'></div>"+
							"<div style='text-align:left;font-size:16px;font-family:Arial, Helvetica, sans-serif;font-weight:bold;color:#808080'>Most Popular Services</div>"+
							 title_content+"</div><div  style='border-top:2px solid #808080;width:350px;_height:1px;'></div>"+
							 "<div id='div_2'style='width:350px;height:100px;margin-top:0px;padding:5px 0 0 0;'>"+
							change_content+"</div>"+
							 "<div style='margin:1px 0 0 0;width:350px;height:16px;'><div id='comeBack'style='float:left;visibility:hidden;'><a class='share_link' href='javascript:;'onClick='toMore()'title='Previous'><b>&lt;&lt;&nbsp;&nbsp;Previous</b></a></div>"+
							 "<div id='showMore'style='float:right;font-family:Arial, Helvetica, sans-serif;'><a class='share_link' href='javascript:;'onClick='toBack()'title='Next'><b>Next&nbsp;&nbsp;&gt;&gt;</b></a></div></div>";



}


function divShow(obj){
		var left_ = 0;//µ¯³ö¿òÆ«ÒÆ
		if(HAVE_VIDEO == 1){
			left_ = 90;
		}
		if(isShow == false){

		}
		$("#"+obj).append(divStr);

		$("#childrenDiv").addClass("childrenDiv")
					 .css("position","absolute")
					 .css("width","350px")
					 .css("height","200px")
					 //.css("top","30px")
					 //.css("left","50px")
					 .css("top",(getAbsoluteTop2(obj)+20) +"px")
					 .css("left",(getAbsoluteLeft2(obj)-80+left_)+"px")
					 .css("z-index","10")
					 .css("background","none")
					 .css("border","4px solid #808080")
					 .css("padding","8px")
					 .css("background-color","white")
					 .css("margin-left","75px")
					 .hover(
					 	function(){

							isInMe = true;

					 	},
						function(){
							isInMe = false;
							$("#childrenDiv").remove(".childrenDiv");
							isShow = true;
						}
					  )
					 .html(htmlStr)
		$("#content_2").hide();
	  $("#colse_me").css("background-image","url(wp-content/themes/stardust-v10/images/share_images/close_13.gif)")
					  .css("background-repeat","no-repeat")
					  .css("background-position","0px 0px")
					  .css("width","13px")
					  .css("height","13px")
					  .css("overflow","hidden")
					  .css("cursor","pointer")
					  .attr("title","Close")
					  .click(function(){
					  	$("#childrenDiv").remove(".childrenDiv")
							isShow = true;
							isInMe = false
					  })

		$("#childrenDiv").show();
	  	isShow = false;
	}

	function divClose(){

		setTimeout(removeDiv,5000);

	}
	function removeDiv(){

		if(isInMe == false && $("#childrenDiv").length != 0){

			$("#childrenDiv").remove(".childrenDiv")
			isShow = true

		}
	}
	function toBack(){

		$("#content_1").hide()
		$("#content_2").show()
		$("#comeBack").css("visibility","visible")
		$("#showMore").css("visibility","hidden")
	}
	function toMore(){
		$("#content_2").hide()
		$("#content_1").show()
		$("#showMore").css("visibility","visible")
		$("#comeBack").css("visibility","hidden")
	}

function getAbsoluteTop2(objectId) {
	// Get an object top position from the upper left viewport corner

	o = document.getElementById(objectId)
	oTop = o.offsetTop            // Get top position from the parent object
	while(o.offsetParent!=null) { // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent  // Get parent object reference
		oTop += oParent.offsetTop // Add parent top position
		o = oParent
	}
	return oTop
}

function getAbsoluteLeft2(objectId) {
	// Get an object left position from the upper left viewport corner
	o = document.getElementById(objectId)
	oLeft = o.offsetLeft            // Get left position from the parent object
	while(o.offsetParent!=null) {   // Parse the parent hierarchy up to the document element
		oParent = o.offsetParent    // Get parent object reference
		oLeft += oParent.offsetLeft // Add parent left position
		o = oParent
	}
	return oLeft
}




