Author: Minghui Yu
Date: 5/29/04

The enhanced version is to add a hidden layer in page and when there is no thumbshot availablle, the hidden layer becomes visible and tell visitors why no thumbshots. It works well in IE but does not display very well (the hidden layer overlaps with image) in Mozilla.



Image:

<img src="http://open.thumbshots.org/image.pxf?url=[site_url]" alt="Previews by Thumbshots" onload="if (this.width<5) {this.src='/images/unavailable.gif';MM_showHideLayers('[site_url]','','show')}">

Hidden Layer:

<DIV ID="[site_url]" class="unavailable"><a href="http://www.thumbshots.org/faq.aspx#wastna">Why?</a></DIV>

(Note: the ID of this DIV layer must be dynamic and not repeated, say ID=www.site1.com ID=www.site2.com, etc. So the ideal way is to have the URL as the ID. Otherwise the hidden layer will not display in IE)

CSS:
.unavailable {
	margin: 1px;
	padding: 1px;
	width: 120px;
	position: absolute;
	visibility: hidden;
	z-index: 1;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

Javascript:
<!--

function MM_reloadPage(init) {  //reloads the window if Nav4 resized

  if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {

    document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}

  else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();

}

MM_reloadPage(true);



function MM_findObj(n, d) { //v4.01

  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {

    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}

  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];

  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);

  if(!x && d.getElementById) x=d.getElementById(n); return x;

}



function MM_showHideLayers() { //v6.0

  var i,p,v,obj,args=MM_showHideLayers.arguments;

  for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];

    if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }

    obj.visibility=v; }

}

//-->