var isshow = false;
var parent = "";
var getxy = [{x:71,y:71},{x:0,y:100},{x:100,y:0},{x:71,y:-71},{x:0,y:-100},{x:-71,y:-71},{x:-100,y:0},{x:-71,y:71}];
var getimgbut = new Array();
var toolsdiv = jQuery("<div id=copyTx>");
$(document).ready(function(){

getarr();

var temp = jQuery("<div id=toolsbj>").css({"position":"absolute","top":"0px","left":"0px","background":"url(http://www.savelearn.com/web/style/img/blackbj.png)","width":"100%","height":"100%","display":"none","z-index":"150"});
$("body").append(temp);
$("body").append(toolsdiv);

});

function getarr()
{
	var href="http://www.savelearn.com/web/get.php?action=toolslist"
	$.ajax({
	url: href,
	cache: false,
	type: "GET",
	success: function(msg){
	getimgbut = eval(msg);
for (i=0;i<8;i++)
{
	var thisname = getimgbut[i]["name"];
	var thisurl  = getimgbut[i]["url"];
	var thistitle= getimgbut[i]["title"];
	var thisopen=  getimgbut[i]["open"];
	
	var isclick="";
	if (typeof(thisopen)!="undefined") { isclick = "onclick=\"pmwin('open','"+thisopen+"')\""; }
	var temp = '<div style="display:none"><img id="tools'+thisname+'" class="toolsbut" src="'+thisurl+'" title="'+thistitle+'" '+isclick+' /></div>';
	$("#toolsdis").append(temp);
}

	}
	});
}

function showlist(o)
{
	if (!isshow) {
	var doheight = $(document).height();
	$("#toolsbj").css({"display":"block","height":doheight+"px"});
	var temp = $(o).find("img").offset();
	toolsdiv.css({"position":"absolute","top":temp.top+"px","left":temp.left+"px","z-index":"188","border":"solid 1px #fff","display":"block"});
	parent = $(o).parent();
	toolsdiv.html($(o));
	}else{
	parent.html($(o));
	toolsdiv.css({"display":"none"});
	$("#toolsbj").css({"display":"none"});
	}
movego(o);
}
function movego(o)
{
	var temp = $(o).offset();
	var addw = temp.left+$(o).width()/2;
	var addh = temp.top+$(o).height()/2;
	if (!isshow)
	{
	$("#toolsdis div").each(function(i,dom){
	$(this).css({"position":"absolute","left":addw+"px","top":addh+"px","z-index":"199","display":"block"});
	$(this).animate({"left":(getxy[i]["x"]+addw-16)+"px","top":(getxy[i]["y"]+addh-32)+"px"}, 200+i*80); 
	});
	isshow = true;
	}else{
	$("#toolsdis div").each(function(i,dom){
	$(this).animate({"left":(addw-16)+"px","top":(addh-16)+"px"}, 200+i*80,function(){
	$(this).css({"display":"none"});
	}); 
	});
	isshow = false;
	}
}