//HELP and CURRENCY CONVERTER - Global

//Developed from ~ Pop-it menu- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com

var link=new Array(4)

//	Purchasing HELP OE
link[0]='<div class=\"defttl\">How to use</div>'
link[0]+='<div class=\"defbox\">Point to <span style=\"color:#ff5900;font-size:8pt;text-decoration:underline;\">currency converter</span> for the price in your currency<hr size=1>Point to <img src=\"min_whatsthis.gif\" width=14 height=14> for print and printing explanations.<hr size=1>Click <img src=\"min_cart-add.gif\" width=93 height=14 border=0> to purchase your print<hr size=1>Click <img src=\"min_cart-view.gif\" width=64 height=14 border=0> to alter your shopping list at any time or to check out.</div>'
//	Purchasing HELP LE
link[1]='<div class=\"defttl\">How to use</div>'
link[1]+='<div class=\"defbox\"><img src=\"options.gif\" width=90 height=62 border=0 align=left vspace=5>Click the option you wish to price or purchase<br clear=all><hr size=1>The highlighted price of the option will appear<hr size=1>Point to <span style=\"color:#ff5900;font-size:8pt;text-decoration:underline;\">currency converter</span> for the price in your currency<hr size=1>Point to <img class=\"minIcon\" src=\"min_whatsthis.gif\" width=\"14\" height=\"14\"> for print and option explanations.<hr size=1>Click <img src=\"min_cart-add.gif\" width=93 height=14 border=0> to purchase your option<hr size=1>Repeat for other selected options if required<hr size=1>Click <img src=\"min_cart-view.gif\" width=64 height=14 border=0> to alter your shopping list at any time or to check out.</div>'
//	What is - LE Options Explained
link[3]='<div class=\"defttl\">Prints explained</div>'
link[3]+='<div class=\"defbox\"><div align=center class="red8">Artists Proof (AP)</div>A \'Collector\'s Edition\' print. &nbsp;A typical edition might have 850 prints + 25 APs. &nbsp;See <a  class=\"deflink2\" style=\"text-decoration:underline;\" href="../faq.htm#qc5" target="_blank">FAQs</a> for more details.<hr size=1>'
link[3]+='<div align=center class="red8">Original</div>The unique original pencil drawing from which the prints were taken.<hr size=1>'
link[3]+='<div align=center class="red8">Certificate of Authenticity</div>Issued with each limited edition print. &nbsp;See <a  class=\"deflink2\" style=\"text-decoration:underline;\" href="../faq.htm#qc2" target="_blank">FAQs</a> for more details.<hr size=1>'
link[3]+='<div align=center class="red8">Open / Limited edition</div>An Open Edition will be reprinted when required. &nbsp;A chosen number of Limited Editions are printed once and no more will ever be produced.</div>'
	//	No Credit Card
	link[4]='<div class=\"defttl\">Payment methods</div>'
	link[4]+='<div class=\"defbox\"><div class="red8">Payment is accepted by many means:</div><hr size=1>'
	link[4]+='eCheque via PayPal<br>Cheque (UK only)<br>Travellers Cheque<br>Bank Draft<br>Bank cheque<br>Bank-to-bank transfer<br>Money Order<br>Postal Order<hr size=1>'
	link[4]+='Show me a full list with instructions'
	link[4]+='<form name="nocard" action="" onSubmit="noCard()">'
	link[4]+='<input type="submit" name="sendit" value="view full list" style="margin-top:3px;margin-bottom:10px;"></form></div>'
//	What is - OE Options Explained
link[7]='<div class=\"defttl\">Prints explained</div>'
link[7]+='<div class=\"defbox\"><div align=center class="red8">Open editions</div>These are reprinted when required so there may be many thousands in existence. A chosen number of Limited Editions are printed once and no more will ever be produced.<hr size=1></div>'
link[7]+='<div class=\"defbox\"><div align=center class="red8">Offset-litho prints</div>This widespread process uses a dot pattern of ink that is almost indistinguishable to the human eye.<hr size=1></div>'
link[7]+='<div class=\"defbox\"><div align=center class="red8">Giclée prints</div>Giclée prints (pronounced "shee-clay") use a state-of-the-art giclée inkjet printer, which can achieve denser tones and finer greys. The inks are lightfast for at least 100 years.</div>'

////No need to edit beyond here

var ie4=document.all
var ns6=document.getElementById&&!document.all
var ns4=document.layers

function menuOn(e,links){
if (!document.all&&!document.getElementById&&!document.layers)
return
clearhide()

menuobj=ie4? document.all.convert : ns6? document.getElementById("convert") : ns4? document.convert : ""
menuobj.thestyle=(ie4||ns6)? menuobj.style : menuobj

////--------------Currency converter ----------------------------------
      var mainCurr   = document.forms['paypal'].amount.value;
          var pound  = "";
       var currType  = "";
       var currCode  = "$";

	currType = 'UK Pounds';
        currCode = '&pound;';
         pound   = (parseFloat(mainCurr));
	   gbp   = mainCurr;

        var eur  = (pound * parseFloat(eu)).toFixed(2) + "";
        var usd  = (pound * parseFloat(us)).toFixed(2) + "";
        var gbp  = (pound).toFixed(2) + "";
        var cad  = (pound * parseFloat(cd)).toFixed(2) + "";
        var aud  = (pound * parseFloat(ad)).toFixed(2) + "";
        var jpy  = (pound * parseFloat(jp)).toFixed(2) + "";


var src2 = '<div class=\"defttl\">Currency Converter</div>';
    src2 +='<div class=\"defbox\">Currency : ' + currType + '</div>';
    src2 +='<div class=\"defbox\">' + currCode + ' ' + mainCurr + '<hr size=1 noshade></div>';
    src2 +='<div class=\"defbox\"><table class=\"defbox\" id="conv_gly">';
    src2 +='<tr align=right><td>USA = $&nbsp;</td><td>' + usd + '</td></tr>';
    src2 +='<tr align=right><td>Europe = &#128;&nbsp;</td><td>' + eur + '</td></tr>';
    src2 +='<tr align=right><td>Canada = $&nbsp;</td><td>' + cad + '</td></tr>';
    src2 +='<tr align=right><td>Australia = $&nbsp;</td><td>' + aud + '</td></tr>';
    src2 +='<tr align=right><td>Japan = &#165;&nbsp;</td><td>' + jpy + '</td></tr>';
    src2 +='</table></div>';
    src2 +='<hr size=1><a href=\"http://www.xe.com/ucc/\" target=\"_blank\" class=\"deflink2\" style=\"text-decoration:underline;\">convert to other currency</a>';
link[2] = src2

////---END--------- Currency converter------------------------------

  menuobj.innerHTML= link[2]
if (links == 'helpOE'){menuobj.innerHTML= link[0]}
if (links == 'helpLE')  {menuobj.innerHTML= link[1]}
if (links == 'whatisLE'){menuobj.innerHTML= link[3]}
	if (links == 'nocard'){menuobj.innerHTML= link[4]}
	if (links == 'bookmark'){menuobj.innerHTML= link[5]}
	if (links == 'email') {menuobj.innerHTML= link[6]}
if (links == 'whatisOE'){menuobj.innerHTML= link[7]}

menuobj.contentwidth=(ie4||ns6)? menuobj.offsetWidth : menuobj.document.gui.document.width
menuobj.contentheight=(ie4||ns6)? menuobj.offsetHeight : menuobj.document.gui.document.height
eventX=ie4? event.clientX : ns6? e.clientX : e.x
eventY=ie4? event.clientY : ns6? e.clientY : e.y

//Find out how close the mouse is to the corner of the window
var rightedge=ie4? document.body.clientWidth-eventX : window.innerWidth-eventX
var bottomedge=ie4? document.body.clientHeight-eventY : window.innerHeight-eventY

//if the horizontal distance isn't enough to accomodate the width of the context menu
if (rightedge<menuobj.contentwidth)
//move the horizontal position of the menu to the left by it's width
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX-menuobj.contentwidth : ns6? window.pageXOffset+eventX-menuobj.contentwidth : eventX-menuobj.contentwidth
else
//position the horizontal position of the menu where the mouse was clicked
menuobj.thestyle.left=ie4? document.body.scrollLeft+eventX : ns6? window.pageXOffset+eventX : eventX

//same concept with the vertical position
if (bottomedge<menuobj.contentheight)
menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
else
menuobj.thestyle.top=ie4? document.body.scrollTop+eventY-menuobj.contentheight : ns6? window.pageYOffset+eventY-menuobj.contentheight : eventY-menuobj.contentheight
menuobj.thestyle.visibility="visible"
return false
}

function contains_ns6(a, b) {
//Determines if 1 element in contained in another- by Brainjar.com
while (b.parentNode)
if ((b = b.parentNode) == a)
return true;
return false;
}

function hideIt(){
if (window.menuobj)
menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
}

function dynahide(e){
if (ie4&&!menuobj.contains(e.toElement))
hideIt()
else if (ns6&&e.currentTarget!= e.relatedTarget&& !contains_ns6(e.currentTarget, e.relatedTarget))
hideIt()
}

function dlayhide(){
if (ie4||ns6||ns4)
delayhide=setTimeout("hideIt()",250)
}

function clearhide(){
if (window.delayhide)
clearTimeout(delayhide)
}

//document.onclick = hideIt


////--------------Show Dollar (OE prints)----------------------------------
  function showDollar(){
     var curr   = document.forms['paypal'].amount.value
     var dollar = (parseFloat(curr) * parseFloat(us)).toFixed(0) + ""
     var cost   = ie4 ? document.all.cost : document.getElementById('cost')
 cost.innerHTML = '&nbsp;&nbsp;:&nbsp;&pound;' + curr + '&nbsp;($' + dollar + ')'
//  if(cost.innerHTML.length > 8){cost.innerHTML = '&nbsp;&nbsp;:&nbsp;&pound;' + curr}
}
////--------------END Show Dollar ------------------------------------------