Amcharts Modification / Customisation

Hi,

http://ws400.servy.net/investor-relations.aspx?id=40

We have an amline chart installed on client server and we previously had someone customise the chart to allow for “right click” – “enlarge” which brings a popup to show the chart larger in “lightbox” mode.

However somehow it stopped working.

This is the chart code.

Let us know if you can fix it.

<script src=”/amline/swfobject.js” type=”text/javascript”>
</script>
<embed id=”amline” name=”amline” src=”/amline/amline.swf” width=”300″ height=”210″ type=”application/x-shockwave-flash” flashvars=”path=/amline/&settings_file=%2Famline%2Fsmall_amline_settings.xml&data_file=%2Famline%2Fdata.csv” wmode=”opaque” quality=”high” bgcolor=”#FFFFFF”>

</p>
<script type=”text/javascript”><![CDATA[

var so = new SWFObject(“/amline/amline.swf”, “amline”, “300”, “210”,
“8”, “#FFFFFF”);
so.addVariable(“path”, “/amline/”);
so.addVariable(“settings_file”,
encodeURIComponent(“/amline/small_amline_settings.xml”));
so.addVariable(“data_file”, encodeURIComponent(“/amline/data.csv”));
so.addParam(“wmode”, “opaque”);
so.write(“flashcontent”);

var oldXX,oldYY;
var dragElem;

function showViewConent(title,url,width,height)
{
var titleheight = “20”;
var bordercolor = “#666699”;
var titlecolor = “#FFFFFF”;
var titlebgcolor = “#666699”;
var bgcolor = “#FFFFFF”;

var iWidth = document.body.clientWidth;
var iHeight = document.body.clientHeight+500;
var bgObj = document.createElement(“div”);

bgObj.id = “div_grey”;
bgObj.style.cssText =
“position:absolute;left:0px;top:0px;width:”+iWidth+”px;height:”+Math.max(document.body.clientHeight,
iHeight)+”px;filter:Alpha(Opacity=10);opacity:0.1;background-color:#000000;z-index:101;”;
document.body.appendChild(bgObj);

var msgObj = document.createElement(“div”);
msgObj.id = “window_box”;
msgObj.style.cssText = “position:absolute;font:11px ‘Arial’;top:” +
(iHeight – height) / 2 + “px;left:” + (iWidth – width) / 2 +
“px;width:” + width + “px;height:” + height +
“px;text-align:center;border:1px solid ” + bordercolor +
“;background-color:” + bgcolor + “; z-index:102;”;
document.body.appendChild(msgObj);

var titleObj = document.createElement(“div”);
titleObj.id = “title_box”;
titleObj.onmousedown = function(event){drag_start2(event,”window_box”)};
titleObj.style.cssText = “width:100%; height:” + titleheight +”px”;
line-height:” + titleheight + “px; background-color:” + titlebgcolor +
“; color:” + titlecolor + “; font-size:14px; text-align:left;
cursor:move;”;
titleObj.innerHTML = “<a
href=’javascript:close_box(\”div_grey\”,\”window_box\”,\”title_box\”,\”content_box\”)’
title=’Close’ id=’a_close’ style=’text-decoration:none; color:#ffffff;
float:right;’>× </a> + title;
msgObj.appendChild(titleObj);

var contentObj = document.createElement(“div”);
contentObj.id = “content_box”;
contentObj.style.cssText = “width:” + width – 4 + “px; height:” +
(height – titleheight) + “px;
font-size:14px;border:1pxsolidblack;scroll:auto;overflow:auto;padding:2px;”;
contentObj.innerHTML = “”;

msgObj.appendChild(contentObj);

var soo = new SWFObject(“/amline/amline.swf”, “bigView”, “”+ width –
50 + “”, “” + height-titleheight-4 + “”, “4”,”#FFFFFF”);
soo.addVariable(“path”, “/amline/”);
soo.addVariable(“settings_file”,
encodeURIComponent(“/amline/big_amline_settings.xml”));
soo.addVariable(“data_file”, encodeURIComponent(“/amline/data.csv”));
soo.addParam(“wmode”, “opaque”);
soo.write(“content_box”);
}

function itstone(nodeId)
{
return document.getElementById(nodeId);
}

function getEventElement(evt)
{
evt=evt||event;
return evt.srcElement||evt.target;
}

function getStyle(node)
{
return node.currentStyle||document.defaultView.getComputedStyle(node, null);
}

function drag(evt)
{
evt=evt||event;
var node=dragElem;

if(node != null)
{
node.style.top=parseInt(getStyle(node).top||0)+evt.clientY-oldYY+’px’;
node.style.left=parseInt(getStyle(node).left||0)+evt.clientX-oldXX+’px’;
oldXX=evt.clientX, oldYY=evt.clientY;
}
}

function drag_start(evt,nodeId)
{
evt = evt||event;
oldXX = evt.clientX;
oldYY = evt.clientY;
dragElem=itstone(nodeId);
getEventElement(evt).onmouseup=drag_end;
getEventElement(evt).onmousemove=drag;
}

function drag_start2(evt,nodeId)
{
evt=evt||event;
oldXX=evt.clientX;
oldYY=evt.clientY;
dragElem=itstone(nodeId);

document.body.onmousemove=drag;
document.body.onmouseup=drag_end;
}

function drag_end(evt)
{
evt = evt||event;
dragElem = null;
getEventElement(evt).onmousemove = null;
getEventElement(evt).onmouseup = null;
}
function close_box(obj_1,obj_2,obj_3,obj_4)
{
itstone(obj_1).style.display = “none”;
itstone(obj_2).style.display = “none”;
itstone(obj_2).removeChild(itstone(obj_3));
itstone(obj_2).removeChild(itstone(obj_4));
document.body.removeChild(itstone(obj_1));
document.body.removeChild(itstone(obj_2));
}

function showView() {
showViewConent(‘View’,”,600,300);
}

]]></script>