window.onload = preLoadImages;

function preLoadImages()
{
    if (document.images && document.getElementById('1thumb') != null)
    {
      preload_image_object = new Image();
      
      var imgPart= new Array(3);
	  imgPart[0]="1thumb"; 
	  imgPart[1]="2thumb"; 
	  imgPart[2]="3thumb"; 
      
      for(var i=0; i<imgPart.length; i++)
	  {
        var img = document.getElementById(imgPart[i]);
	    
	    //if no. 1 we need to take off that SEL append in the back and preload that one
	    if (i == 0 && img != null)
	    {
	      var imgSource = img.src;
	      
	      var startDel = imgSource.lastIndexOf("sel");
	      var url = imgSource.substr(0, startDel) + imgSource.substr(startDel+3, imgSource.length-1);
	      preload_image_object.src = url;
	      
	      //now preload the its main (big) image counterpart
	      startDel = url.lastIndexOf("thumb");
	      url = url.substr(0, startDel) + ".jpg";
	      preload_image_object.src = url;
	      
	    }
	    else if (img != null)
	    {
	        // if no. 2 and 3 (if existing), we need to append SEL and then preload!
	        var imgSource = img.src;
	        
	        var insertBefore = imgSource.lastIndexOf(".");
	        var url = imgSource.substr(0, insertBefore) + "sel" + imgSource.substr(insertBefore, imgSource.length-1);
	        preload_image_object.src = url;
	        
	        //now preload the its main (big) image counterpart
	        startDel = url.lastIndexOf("thumb");
	        url = url.substr(0, startDel) + ".jpg";
	        preload_image_object.src = url;
	    }
      }
     
   }
}



function setSelImage(id)
{
	unSelectAll();
	
	var img = document.getElementById(id);
	var imgSource = img.src;
	var grillPart = imgSource.substring(0, imgSource.lastIndexOf('_'));
	var picNo = imgSource.substr(imgSource.lastIndexOf('_')+1, 1);
	
	var imgPart = imgSource.substring(0, imgSource.lastIndexOf('.'));
	img.src = imgPart + "sel" + ".jpg" ;
	
	img.blur();
	
	var bigImg = document.getElementById('mainImage');
	bigImg.src = grillPart + '_' + picNo + ".jpg";
}

function unSelectAll()
{
	var imgPart= new Array(3);
	imgPart[0]="1thumb"; 
	imgPart[1]="2thumb"; 
	imgPart[2]="3thumb"; 
	
	for(var i=0; i<imgPart.length; i++)
	{
		var img = document.getElementById(imgPart[i]);
		if (img != null)
		{
			var imgSource = img.src;
			var grillPart = imgSource.substring(0, imgSource.lastIndexOf('_'));
			img.src = grillPart + '_' + imgPart[i] + ".jpg";
		}
	}
}


function pop_window(url, width, height, attributes)
{	
var propString = 'width='+width+',height='+height;
	if (attributes != '')
	  attributes = ','+attributes
	  
	 var popit = window.open(url,'console', propString + attributes);
}