//Pop-it menu- By Dynamic Drive
//For full source code and more DHTML scripts, visit http://www.dynamicdrive.com
//This credit MUST stay intact for use

var linkset=new Array()
//SPECIFY MENU SETS AND THEIR LINKS. FOLLOW SYNTAX LAID OUT

var cert = 'Signed and numbered by the artist<hr size=1>';
var help = 'Point to <span class=\"help\">how to purchase</span> at the bottom of the page for pricing and purchasing assistance<hr size=1>';
var conv = 'Point to <img src=\"galleries/icon_convert.gif\" width=18 height=11 border=0> to convert the price to other currencies<hr size=1>';
var more = 'For more information, click the \'email\' button to contact the artist directly</a>';


//	SA2 upload info (Members form)
linkset[2]='<div class="defttl">Starving Artists <span style="sa2">2</span></div>'
linkset[2]+='<div class="defbox">To post work, go to Starving Artists 2, login and click the \"upload images\" link in the top-right menu.</div>'
linkset[2]+='<div class="defbox"><hr size=1 noshade>go to <a class="deflink" href="sa2/index.php" target="_self"><span style="text-decoration:underline;"> Starving Artists 2</span></a></div>'
linkset[2]+='<div><hr size=1 noshade><a class="deflink" href="faq2.htm"><b>more help.....</b><br><br></a></div>'

//	SEND IMAGE SPECS (send art)
linkset[4]='<div class="defbox">72-100ppi<br>Format - JPG<br>Pencil - greyscale<br>colour - full colour<br>max width: 500 pixels<br>max height: 500 pixels</div>'
linkset[4]+='<div><hr size=1 noshade><a class="deflink" href="faq.htm#q9"><b>Specifications FAQ</b><br><br></a></div>'

// -------------NEW STYLE BUTTONS---------------------------

//	ORIGINAL FOR SALE (general - no details available)
linkset[20]='<div class="defttl">Original For Sale</div>'
linkset[20]+='<div class="defbox">For full details, please contact the Artist directly by clicking the "email" button.</div>'

//	LE PRINT FOR SALE (general - no details available)
linkset[21]='<div class="defttl">Limited Edition Print</div>'
linkset[21]+='<div class="defbox">For details and to order, please contact the Artist directly by clicking the "email" button.</div>'

//	OE PRINT FOR SALE (general - no details available)
linkset[22]='<div class="defttl">Open Edition Print</div>'
linkset[22]+='<div class="defbox">For details and to order, please contact the Artist directly by clicking the "email" button.</div>'

//	SOLD OUT (general - no details available)
linkset[24]='<div class="defttl">Sold Out</div>'
linkset[24]+='<div class="defbox">All copies of this print have been sold. However prints may be available in the secondary (pre-owned) market - contact the Artist for details by clicking the "email" button.</div>'

//	OPEN EDITION + NOTE CARDS (general - no details available)
linkset[25]='<div class="defttl">Print and Cards</div>'
linkset[25]+='<div class=\"defbox\"><br>Open edition prints and<br>Note Cards of this image are available from<br>the artist.<hr size=1>For details or to order, please click the \'email\' button to contact the artist directly.</div>'

//	GREETINGS CARDS (general - no details available)
linkset[33]='<div class="defttl">Note Cards</div>'
linkset[33]+='<div class=\"defbox\">Cards of this image are available from the artist.<hr size=1>For details or to order, please click the \'email\' button to contact the artist directly.</div>'


//	MEMBERS FORM - EXAMPLE  - (Original for sale)
linkset[26]='<div class="defttl">Original for sale</div>'
linkset[26]+='<div class="defbox">This original drawing is offered framed in a wide mahogany moulding and double-matt mounted<br>Frame size: 45w x 60h cm<br>(17&frac34;&quot; &times; 23&frac12;&quot;)<br>POA</div>'

//	MEMBERS FORM - EXAMPLE  - (LE print info)
linkset[27]='<div class="defttl">Limited Edition Print</div>'
linkset[27]+='<div class="defbox">Edition size: 500<br>Size: 60 x 45cm<br>Printing: Gicl&eacute;e<hr size=1 noshade>Matted on request'
linkset[27]+='<hr size=1>' + cert + help + conv + more + '</div>'


//	EXHIBITIONS - EXAMPLE
linkset[28]='<div class="defttl">EXHIBITIONS</div>'
linkset[28]+='<div class="defbox">February 5<sup>th</sup> - March 10<sup>th</sup><br>Pintail Gallery - Birmingham<br>One man show<br>Theme: Water and Wetland Birds<br>Situated: Bullring<br>Details: <span style="font-size:10pt;font-family:arial;color:#00699b;text-decoration:underline;">www.pintail.co.uk</span></div>'
linkset[28]+='<div class="defbox"><hr size=1 noshade>August 5<sup>th</sup> - 22<sup>nd</sup><br>Bingham Gallery - Coventry<br>Two man show<br>Theme: Birds of prey<br>Situated: City centre<br>15 Oxford Road</div>'

//	SA2 Web Link on SA
linkset[29]='<div class="defttl">Website Links</div>'
linkset[29]+='<div class="defbox">Register at Starving Artists 2 then, if  you have an art site, you must first link to Starving Artists<br>(see the Link To Us page).'
linkset[29]+='<div class="defbox"><hr size=1>Then simply email us to tell us which page on your site links to Starving Artists and we\'ll add a link back to you in the  Resource Centre\'s Art Links page.</div>'

//	GOLD Service (home)
linkset[30]='<div class="defttl">GOLD service</div>'
linkset[30]+='<div class="defbox"><b>Starving Artists</b> gallery<br>Front-page listing<br>Promotion of your art<br>Unlimited images<br>Detail view of each image<br>Links to your website<br>Commission Finder entry<br>Use of the automated multi-media gallery<br>and much more.....</div>'
linkset[30]+='<div><hr size=1 noshade><a class="deflink" href="~ex_gold.htm"><font color="red"><b>Tell me more...</b></font><br>View sample gallery<br>Full details<br>Which service for me?<br></a></div>'

//	SILVER Service (home)
linkset[31]='<div class="defttl">SILVER service</div>'
linkset[31]+='<div class="defbox"><b>Starving Artists</b> gallery<br>Front-page listing<br>Promotion of your art<br>Up to 15 images<br>Links to your  website<br>Use of the automated multi-media gallery<br>and more.....</div>'
linkset[31]+='<div><hr size=1 noshade><a class="deflink" href="~ex_silver.htm"><font color="red"><b>Tell me more...</b></font><br>View sample gallery<br>Full details<br>Which service for me?<br></a></div>'

//	STANDARD Service (home)
linkset[32]='<div class="defttl">STANDARD service</div>'
linkset[32]+='<div class="defbox">Free - Display your work in the <b>Starving Artists 2</b> automated media galleries<br>All artwork, media and styles accepted<br>Receive &amp; write comments<br>Get ranked<br>and more.....</div>'
linkset[32]+='<div><hr size=1 noshade><a class="deflink" href="comparisons.htm"><font color="red"><b>Tell me more...</b></font><br>View sample gallery<br>Full details<br>Which service for me?<br></a></div>'



// -------------GALLERY-SPECIFIC entries---------------------------


//	INFO (gallery status) WHITEHEAD LEs
linkset[14]='<div class="defttl">Limited Edition</div>'
linkset[14]+='<div class="defbox">Print edition limited to 50 copies worldwide.<br>For more details please use the Email button to contact the artist directly.</div>'

//	INFO (gallery status) Brown Family Barn - WHITEHEAD
linkset[15]='<div class="defttl">Limited Edition</div>'
linkset[15]+='<div class="defbox">Print edition limited to<br>50 copies worldwide.<hr size=1 noshade>This wonderful barn was built in 1894 by the Bowen family and passed through 3 different families and is now in the proud hands of Brown Family. The all metal silo is painted silver and shines like new in the late afternoon sun.<hr size=1 noshade>For more details please use the Email button to contact the artist directly.</div>'


//	Purchasing HELP
linkset[333]='<div class="defttl">How to purchase</div>'
linkset[333]+='<div class="defbox"><img src=\"../type_icon1.gif\" width=28 height=38 border=0 align=left vspace=5><img src=\"../type_icon_ap.gif\" width=28 height=38 border=0 align=left vspace=5>Point to the icon of the available option you wish to purchase<hr size=1 noshade>The highlighted price of the option will appear<hr size=1 noshade>Point to <img src=\"../def_mini_orig.gif\" width=104 height=13 border=0> or <img src=\"../def_mini_pr.gif\" width=104 height=13 border=0> above for full details<hr size=1>Point to <img src=\"../icon_convert.gif\" width=18 height=11 border=0> to convert the price to other currencies<hr size=1 noshade>Click \"add to cart\" to purchase<hr size=1 noshade>Repeat for other selected options if required<hr size=1 noshade>You may also add other items from this artist\'s gallery. &nbsp;Click \"view cart\" to amend your shopping list or to checkout.</div>'



////No need to edit beyond here

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

function showmenu(e,which){

if (!document.all&&!document.getElementById&&!document.layers)
return

clearhidemenu()

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

if (ie4||ns6)
menuobj.innerHTML=which
else{
menuobj.document.write('<layer name=gui bgColor=#FFFFF3 width=165 onmouseover="clearhidemenu()" onmouseout="hidemenu()">'+which+'</layer>')
menuobj.document.close()
}

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+event.clientY : ns6? window.pageYOffset+eventY : eventY
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 hidemenu(){
if (window.menuobj)
menuobj.thestyle.visibility=(ie4||ns6)? "hidden" : "hide"
}

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

function delayhidemenu(){
if (ie4||ns6||ns4)
delayhide=setTimeout("hidemenu()",500)
}

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

if (ie4||ns6)
document.onclick=hidemenu