// JavaScript Document

var loadingImage = false;
function LoadImage(offset, num_images, img_src_path)
{
  if ((!document.images) || loadingImage) return;
  for(var i = 0; i < num_images; ++i) 
  {
	  var img_offset = i + offset;
	  if (document.images['image' + i].src.indexOf('image' + img_offset + '.gif')<0)
  	  {
	    document.images['image' + i].src = 'images/' + img_src_path + 'image' + img_offset + '.gif';
  	  }
	   if((i+offset) >= 9) {
		var imga = Math.floor((i + offset + 1)/10) - 1;
		document.images['image_numbera' + i].src = 'images/image_number' + imga + '.gif';
		var imgb = ((i + offset +1)%10) - 1;
		document.images['image_numberb' + i].src = 'images/image_number' + imgb + '.gif';
	  }
	  else {
		document.images['image_number' + i].src = 'images/image_number' + img_offset + '.gif';
	  }
  }
  loadingImage = false;
}

function view_large_image(image_directory, image_name_offset, max_offset, min_offset)
{
  var generator=window.open('','large_image','scrollbars=1,height=800,width=600');
  generator.document.write('<html><head><title>View Card Details</title>');
  generator.document.write('<LINK REL=stylesheet HREF="dbun_style.css" TYPE="text/css">');
  generator.document.write('<script language="JavaScript">');
  generator.document.write('var curr_img = ' + image_name_offset + ';');
  var temp = max_offset - 1;
  generator.document.write('var max_offset = ' + temp + ';');
  generator.document.write('var min_offset = ' + min_offset + ';');
  generator.document.write('</script>');
  generator.document.write('</head><body>');
  generator.document.write('<table width="100%" border="0" cellspacing="3" cellpadding="0" bgcolor="fbffca"><tr><td><table width="100%" border="0" cellspacing="3" cellpadding="0" bgcolor="fbffca"><tr height="50" valign = "middle"><td width="57">');
  if(image_name_offset > min_offset) {
	  generator.document.write('<img name = "prev" src="images/prev_enabled.gif"  class="fakeHREF" border=0  usemap="#Map">');
  } 
  else {
	  generator.document.write('<img name = "prev" src="images/prev_disabled.gif" border=0>');	  
  }
  generator.document.write('</td><td align="left">');

  var image_name_offset_plus_one = image_name_offset + 1;
  if(max_offset > image_name_offset_plus_one) {
	  generator.document.write('<img name = "next" src="images/next_enabled.gif"  class="fakeHREF" border=0 usemap="#Map1">');
  }
  else {
	  generator.document.write('<img name = "next" src="images/next_disabled.gif" border=0>');	  
  }
  generator.document.write('</td></tr></table></td></tr><tr align = "center"><td>');
  generator.document.write('<img name = "current_image" src="' + image_directory + 'image' + image_name_offset + '.gif" class="thumbnail"/>');
  generator.document.write('</td></tr></table>');
  generator.document.write('<map name="Map"><area shape="rect" coords="4,-1,50,10" onClick="if(curr_img > min_offset) {  curr_img = curr_img - 1;   if(curr_img > min_offset) { prev.src = \'images/prev_enabled.gif\'; }   else { prev.src = \'images/prev_disabled.gif\'; } }else {  prev.src = \'images/prev_disabled.gif\';} if(curr_img < max_offset) {  next.src = \'images/next_enabled.gif\'; }   else { next.src = \'images/next_disabled.gif\'; } current_image.src = \''+image_directory + 'image\'+curr_img+\'.gif\';" alt="View previous card"></map>');
  generator.document.write('<map name="Map1"><area shape="rect" coords="2,-1,48,10" onClick="if(curr_img < max_offset) {  curr_img = curr_img + 1;   if(curr_img < max_offset) { next.src = \'images/next_enabled.gif\'; }   else { next.src = \'images/next_disabled.gif\'; } }else {  next.src = \'images/next_disabled.gif\';} if(curr_img > min_offset) {  prev.src = \'images/prev_enabled.gif\'; }   else { prev.src = \'images/prev_disabled.gif\'; } current_image.src = \''+image_directory + 'image\'+curr_img+\'.gif\';" alt="View next card"></map>');
  
  generator.document.write('</body></html>');
  generator.document.close();
}



