////////////////////////////////////////////////////////////////////////////////////
// CONFIGURATION
////////////////////////////////////////////////////////////////////////////////////

// Main background color (the large area)
// Usually a bright color (white, yellow etc)
	if (typeof fcolor == 'undefined') { var fcolor = "#F2F7F4";}
	
// Border color and color of caption
// Usually a dark color (black, brown etc)
	if (typeof backcolor == 'undefined') { var backcolor = "#225555";}

// Text color
// Usually a dark color
	if (typeof textcolor == 'undefined') { var textcolor = "#225555";}
	
// Color of the caption text
// Usually a bright color
	if (typeof capcolor == 'undefined') { var capcolor = "#FFFFFF";}
	
// Size of the text
// Usually a small size
	if (typeof textsize == 'undefined') { var textsize = "1"}

// Size of the title
// Usually a bigger size than the text
	if (typeof titlesize == 'undefined') { var titlesize = "2"}

// Face of the text
// Usually a normal face
	if (typeof textface == 'undefined') { var textface = "Verdana"}

// How thick the border should be in pixels
// 1-3 pixels is typical
	if (typeof border == 'undefined') { var border = "1";}
	
// How many pixels to the right/left of the cursor to show the popup
// Color of "Close" when using Sticky
// Usually a semi-bright color
	if (typeof closecolor == 'undefined') { var closecolor = "#9999FF";}
		
// Width of the popups in pixels
// 100-300 pixels is typical
	if (typeof width == 'undefined') { var width = "300";}
	
// Values between 3 and 12 are best
//	if (typeof offsetx == 'undefined') { var offsetx = 20;}
	
// How many pixels to the below the cursor to show the popup
// Values between 3 and 12 are best
//	if (typeof offsety == 'undefined') { var offsety = -148;}
	
////////////////////////////////////////////////////////////////////////////////////
// END CONFIGURATION
////////////////////////////////////////////////////////////////////////////////////
var ns4 = (document.layers)? true:false
var ie4 = (document.all)? true:false
var ie5;
var ie7;
var ie8;
var ff1;
var ope;

if (navigator.userAgent.indexOf("Opera")!=-1) { ope = true; ie4 = false } else { ope = false; }
if (navigator.userAgent.indexOf('Firefox')>0)
   { 
     ff1 = true;
     ie4 = false;
   }
   else { ff1 = false; }


// Microsoft Stupidity Check.
if (ie4) {
	if (navigator.userAgent.indexOf('MSIE 5')>0 || navigator.userAgent.indexOf('MSIE 6')>0 ) {
		ie5 = true;
	} else {
		ie5 = false; }
} else {
	if (navigator.userAgent.indexOf('MSIE 6')>0 ) {
		ie4 = true;
		ie5 = true;
	} else {
		ie5 = false; }
}

if (navigator.userAgent.indexOf('MSIE 7')>0) {
    ie4 = true;
    ie5 = false;
    ie7 = true;
}
if (navigator.userAgent.indexOf('MSIE 8')>0) {
    ie4 = true;
    ie5 = false;
    ie8 = true;
}

var offsetx = 0;
var offsety = 0;
var x = 0;
var y = 0;
var snow = 0;
var sw = 0;
var cnt = 0;
var dir = 1;
var tr = 1;
var txt = "";

if ( (ns4) || (ie4) || (ff1) || (ope) ) {
	if (ns4) over = document.overDiv
	if (ie4) over = overDiv.style
	document.onmousemove = mouseMove
	if (ns4) document.captureEvents(Event.MOUSEMOVE)
	if ((ff1) || (ope)) 
	   {
	     over = document.getElementById('overDiv').style
	     //document.onmousemove = mouseMove
	     document.captureEvents(Event.MOUSEMOVE)
	   }
}


// Public functions to be used on pages.
function chcontent(id,newc) {
   if (document.getElementById || document.all) {
      var el = document.getElementById? document.getElementById(id): document.all[id];
      if (el && typeof el.innerHTML != "undefined") el.innerHTML = newc;
   }
 }

var state = 'hidden';
function showhide(layer_ref) {
  if (state == 'visible') 
     { state = 'hidden'; }
else { state = 'visible'; }

if (document.all) { eval( "document.all." + layer_ref + ".style.visibility = state"); }
if (document.layers) { document.layers[layer_ref].visibility = state; }
if (document.getElementById && !document.all) {
maxwell_smart = document.getElementById(layer_ref);
maxwell_smart.style.visibility = state;
}
}

// ************************
var stateobj = 'visible';
function hideshow(layer_ref) {

  if (stateobj == 'visible') 
     { stateobj = 'hidden'; }
else { stateobj = 'visible'; }

if (document.all) { eval( "document.all." + layer_ref + ".style.visibility = stateobj"); }
if (document.layers) { document.layers[layer_ref].visibility = stateobj; }
if (document.getElementById && !document.all) {
maxwell_smart = document.getElementById(layer_ref);
maxwell_smart.style.visibility = stateobj;
}
}

// Caption popup right used for orderbook detailed
//
function drc(ordnum, datord, timeord, ref, placecode, stockcode, title) {
        dtc(1,ordnum, datord, timeord, ref, placecode, stockcode, title);
}

// Caption popup right used for Bank Delen for explanation
// text
function drctext(text, in_offsetx, in_offsety) {
	dtctext(1, text, in_offsetx, in_offsety);
}

// Caption popup right used for Bank Delen for the dividents
// for the portview detailed quoted on the first page
function drcc(coupon, pto, psh, stockcode, title) {
	dtcc(1,coupon, pto, psh, stockcode, title);
}

// Caption popup right used for Bank Delen for the shares
// for the portview detailed quoted on the first page
function drcs(ppl, pto, psh, peyear, penyear, ytd, stockcode, title) {
	dtcs(1,ppl, pto, psh, peyear, penyear, ytd, stockcode, title);
}
// Clears popups if appropriate
function nd() {
	if ( cnt >= 1 ) { sw = 0 };
	if ( (ns4) || (ie4) || (ff1) || (ope)) {
		if ( sw == 0 ) {
			snow = 0;
			hideObject(over);
		} else {
			cnt++;
		}
	}
}

// Non public functions. These are called by other functions etc.

function ShowDetailLPrice(d,Title,LPrice,LDate, LTime)
{

	offsetx = 20;
	offsety = -57;

	txt  = "<table class=\"overdiv\" width=\""+width+"\">" +
	       
	       
		"<tr>"+
		   "<td>"+
		       "<span id=\"PTT\">"+
		       ""+Title+""+
		       "</span>"+
		   "</td>"+
	       "</tr>"+


		"<tr>"+
		   "<td>"+
		       "<span id=\"PST\">"+
		       ""+LPrice+""+
		       "</span>"+
		   "</td>"+
	       "</tr>"+

	       "<tr>"+
		   "<td>"+
		       "<span id=\"PST\">"+
		       ""+LDate+""+
		       "</span>"+
		   "</td>"+
	       "</tr>"+
	       "<tr>"+
		   "<td>"+
		       "<span id=\"PST\">"+
		       ""+LTime+""+
		       "</span>"+
		   "</td>"+
	       "</tr>"+
	       "</table>"

	layerWrite(txt);
	dir = d;
	disp();


}


function displayMessageCsv(d,Title, Message)
{

	

	
	offsetx = 50;
	offsety = -100;

	
	txt  = "<table class=\"overdiv\" style=\"width:300px;\">"  +
	       
	       
		"<tr>"+
		   "<td>"+
		       "<span id=\"PTT\">"+
		       ""+Title+""+
		       "</span>"+
		   "</td>"+
	       "</tr>"+


		"<tr>"+
		   "<td>"+
		       "<span id=\"PST\">"+
		       ""+ Message +""+
		       "</span>"+
		   "</td>"+
	       "</tr>"+
		
	       "</table>"

	layerWrite(txt);
	dir = d;
	disp();
}


function dtc(d,ordnum, datord, timeord, ref, placecode, stockcode, title) {
        offsetx = 5;
	offsety = -130;
	
        txt  = "<table class=\"overdiv\" style=\"width:300px;\">" 
             + "<tr><td><span id=\"PTT\">" + title + "</span></td></tr>"
             + "<tr><td><span id=\"PST\">" + ordnum + "</span></td></tr>"
             + "<tr><td><span id=\"PST\">" + datord + "</span></td></tr>"
             + "<tr><td><span id=\"PST\">" + timeord + "</span></td></tr>"
             + "<tr><td><span id=\"PST\">" + ref + "</span></td></tr>"
             + "<tr><td><span id=\"PST\">" + placecode + "</span></td></tr>"
             + "<tr><td><span id=\"PTT\">" + stockcode + "</span></td></tr>"
             + "</table>";

        layerWrite(txt);
        dir = d;
        disp();
}

// Caption popup right used for Bank Delen for explanation
// text
function dtctext(d, text, in_offsetx, in_offsety) {
	offsetx = 20;
	offsety = -148;
	
	if ( in_offsetx == null ) offsetx = 0;
	else offsetx = in_offsetx;
	
	if ( in_offsety == null ) offsety = 20;
	else offsety = in_offsety;
	
	txt  = "<table class=\"overdiv\" width=\""+width+"\">" +
               "<tr>" + 
                  "<td>" +
			"<span id=\"PST\">"+
			""+text+""+
			"</span>"+
                  "</td>" +
	       "</tr>"+
	       "</table>"

	layerWrite(txt);
	dir = d;
	disptext();
}

// Caption popup  used for Bank Delen for the dividents
// for the portview detailed quoted on the first page
function dtcc(d,coupon, pto, psh, stockcode, title) {
	offsetx = 20;
	offsety = -148;

	txt  = "<table class=\"overdiv\" width=\""+width+"\">" +
	       "<tr>"+
		   "<td>"+
                       "<span id=\"PTT\">"+
		       ""+title+""+
		       "</span>"+
		   "</td>"+
	       "</tr>"+

	       "<tr>"+
		   "<td>"+
		       "<span id=\"PST\">"+
		       ""+coupon+""+
		       "</span>"+
		   "</td>"+
	       "</tr>"+

	       "<tr>"+
		   "<td>"+
		       "<span id=\"PST\">"+
		       ""+pto+""+
		       "</span>"+
		   "</td>"+
	       "</tr>"+
	       "<tr>"+
		   "<td>"+
		       "<span id=\"PST\">"+
		       ""+psh+""+
		       "</span>"+
		   "</td>"+
	       "</tr>"+
	       "<tr>"+
		   "<td>"+
		       "<span id=\"PTT\">"+
		       ""+stockcode+""+
		       "</span>"+
		   "</td>"+
	       "</tr>"+
	       "</table>"

	layerWrite(txt);
	dir = d;
	disp();
}

// Caption popup  used for Bank Delen for the shares
// for the portview detailed quoted on the first page
function dtcs(d,ppl, pto, psh, peyear, penyear, ytd, stockcode, title) {
	offsetx = 20;
	offsety = -148;

	txt  = "<table class=\"overdiv\" width=\""+width+"\">" +
	       "<tr>"+
		   "<td>"+
		       "<span id=\"PTT\">"+
		       ""+title+""+
		       "</span>"+
		   "</td>"+
	       "</tr>"+
	       "<tr>"+
		   "<td>"+
			"<span id=\"PST\">"+
			""+ppl+""+
			"</span>"+
		   "</td>"+
	       "</tr>"+
	       "<tr>"+
		   "<td>"+
			"<span id=\"PST\">"+
			""+pto+""+
			"</span>"+
		   "</td>"+
	       "</tr>"+
	       "<tr>"+
		   "<td>"+
			"<span id=\"PST\">"+
			""+psh+""+
			"</span>"+
		   "</td>"+
	       "</tr>"+
	       "<tr>"+
		   "<td>"+
			"<span id=\"PST\">"+
			""+peyear+""+
			"</span>"+
		   "</td>"+
	       "</tr>"+
	       "<tr>"+
		   "<td>"+
			"<span id=\"PST\">"+
			""+penyear+""+
			"</span>"+
		   "</td>"+
	       "</tr>"+
	       "<tr>"+
		   "<td>"+
			"<span id=\"PST\">"+
			""+ytd+""+
			"</span>"+
		   "</td>"+
	       "</tr>"+
	       "<tr>"+
		   "<td>"+
			"<span id=\"PTT\">"+
			""+stockcode+""+
			"</span>"+
		   "</td>"+
	       "</tr>"+
	       "</table>"
	layerWrite(txt);
	dir = d;
	disp();
}

// Common calls 
function disp() {
	if ( (ns4) || (ie4) || (ff1) || (ope)) 
            {
		if (snow == 0) 	{
			if (dir == 2) { // Center
				moveTo(over,x+offsetx-(width/2),y+offsety);
			}
			if (dir == 1) { // Right
				moveTo(over,x+offsetx,y+offsety);
			}
			if (dir == 0) { // Left
				moveTo(over,x-offsetx-width,y+offsety);
			}
			showObject(over);
			snow = 1;
		}
	}
// Here you can make the text goto the statusbar.
}

// Common calls 
function disptext() {
	if ( (ns4) || (ie4) || (ff1) || (ope) ) {
		if (snow == 0) 	{
			if (dir == 2) { // Center
				moveTo(over,x+offsetx-(width/2),y+offsety);
			}
			if (dir == 1) { // Right
				moveTo(over,x+offsetx,y+offsety);
			}
			if (dir == 0) { // Left
				moveTo(over,x-offsetx-width,y+offsety);
			}
			showObject(over);
			snow = 1;
		}
	}
// Here you can make the text goto the statusbar.
}

// Moves the layer
function mouseMove(e) {
	if (ns4) {x=e.pageX; y=e.pageY;}
	if (ie4) {x=event.x; y=event.y;}
        if (ff1) {x=Event.x; y=Event.y;
		  x=e.pageX; y=e.pageY;}
        if (ope) {x=Event.x; y=Event.y;
		  x=e.pageX; y=e.pageY;}
	if (ie5) {x=event.x+document.body.scrollLeft; y=event.y+document.body.scrollTop;}

        // QUAD correction for IE.7
	if (ie7) {y+=120;x+=30;}
	
	if (ie8) {y+=120;x+=30;}
		  
	if (snow) {
		if (dir == 2) { // Center
			moveTo(over,x+offsetx-(width/2),y+offsety);
		}
		if (dir == 1) { // Right
			moveTo(over,x+offsetx,y+offsety);
		}
		if (dir == 0) { // Left
			moveTo(over,x-offsetx-width,y+offsety);
		}
	}
}

// The Close onMouseOver function for Sticky
function cClick() {
	hideObject(over);
	sw=0;
}

// Writes to a layer
function layerWrite(txt) {
        if (ns4) {
                var lyr = document.overDiv.document
                lyr.write(txt)
                lyr.close()
        }
        else if (ie4) document.all["overDiv"].innerHTML = txt
        else if (ff1) document.getElementById('overDiv').innerHTML = txt
        else if (ope) document.getElementById('overDiv').innerHTML = txt
}

// Make an object visible
function showObject(obj) {
        if (ns4) obj.visibility = "show"
        else if (ie4) obj.visibility = "visible"
	else if (ff1) obj.visibility = "visible"
	else if (ope) obj.visibility = "visible"
}

// Hides an object
function hideObject(obj) {
        if (ns4) obj.visibility = "hide"
        else if (ie4) obj.visibility = "hidden"
	else if (ff1) obj.visibility = "hidden"
	else if (ope) obj.visibility = "hidden"
}

// Move a layer
function moveTo(obj,xL,yL) {
        obj.left = xL
        obj.top = yL
}

function heightdiv()
{
  var x;
  x = document.getElementById('zoomextract').clientHeight;
  document.getElementById('annex').style.height = x + "px";
  document.getElementById('annex').style.paddingTop = "20px";
}