/* ------ process click on thumbnails ---------------- modified  10 May 2011  ----------*/

var prevBorder=false;         //global
//
//process click on image  
function pro(obj)
 { //1a
   var pic=obj.src;
   pic=obj.src.replace("_sml","_lg");
   var indX=obj.name;                                              // M array index
//display large picture   
   var picDisplay=document.getElementById("showPic");
// use timeout here to avoid error in Chrome
   var build='<img border="1" src="'+pic+'" onload="setTimeout(\'loaded()\',100)" title="" alt="picture" width="'+M[indX].w+'" height="'+M[indX].h+'">';
 //alert(build)
   picDisplay.innerHTML=build;
//display picture info in top box   
   var info=document.getElementById("topTxt");
   var tint=(M[indX].price=="Sold")?"FF0" : "#FFF";
   info.innerHTML='<p class="a12W pad">'+M[indX].tit+'<br>'+M[indX].size+'<br><span style="color:'+tint+'">'+M[indX].price+'<\/span><\/p>';
//change thumbnail border colour
   if(prevBorder){prevBorder.style.border="solid #FFF 2px"};      //change back to white
   obj.style.border="solid 2px #FF0";
   prevBorder=obj;                                                // save obj ref to this border
// display loader image
    document.getElementById("ldr").style.visibility="visible";         
 }
// initialise border colour
 function initBdr()
  { var firstOne=document.getElementById("firstImg");
    firstOne.style.border="2px solid #FF0";
    prevBorder=firstOne;
    
  } 
// ---------------
// displays loading bar
 function loaded()
  { // hide loading bar 
      document.getElementById("ldr").style.visibility="hidden";
  }
// -------------------------------------------------------------