var ZoomImage = {

  refresh: function()
  {
    var img = $('.divStockListImages .main .image img.isZoom');
    var label = $('#zoom_label');
    label.html('');
    if (img.length > 0) {
      var href = img.attr('src').replace(/\/large_/, "/zoom_");
      var link = $('<a href="'+href+'" class="MagicMagnify" rel="zoom-color: #cccccc; size: 150px"></a>');
      img.parent().append(link.append(img));
      MagicMagnify_findMagnifiers();
      label.html('<p>Hover over the image to see any part in greater detail</p>');
    }
  }
  
}

$(document).ready(function(){

// zoom ini for main image
ZoomImage.refresh();

// set current image
current_image = '0';
total_images = $("#tn-browser a").length-1;


// set up the previous and next image links
var prev_image = current_image-1;
var next_image = (+current_image+1);
      
if (prev_image < 0 ) {
    var prev_image = total_images
}
if (next_image > total_images) {
    var next_image = 0;
}
      
var prev = $('<a class="clicky" href="#" van="'+prev_image+'"><img src="images/prev_img.jpg" alt="Prev image"></a>');
prev.click(function(){
	var selected_image = $(this).attr('van'); 
	$('a#a'+selected_image).click();	
	return false;
    }); 
$('#previous_image').html(prev);
      
var next = $('<a class="clicky" href="#" van="'+next_image+'"><img src="images/next_img.jpg" alt="Next image"></a>');
	next.click(function(){
	var selected_image = $(this).attr('van'); 
	$('a#a'+selected_image).click();
	return false;
   	}); 
$('#next_image').html(next);


// hide center & right menu images

//$('.divStockListImages .menu > div').not('.left').addClass('hide');

// reveal show menu links

//$('.divStockListImages .menu p').removeClass('hide').addClass('show');

// enable show menu links

//$('.divStockListImages .menu p a').bind('click', 
//
//   function(i)
//   {
//   	
//   rel = $(this).attr('rel'); // holds class of menu div to show
//
//   $(this).parent().parent().removeClass('show').addClass('hide');
//   $(this).parent().parent().parent().find('.' + rel).removeClass('hide').addClass('show');
//
//   return false;
//   }
//
//);

// set classes to mark the state of menu containers

$('.divStockListImages .menu .left').addClass('notEmpty');

   if ($.trim($('.divStockListImages .menu .center').html()) != '')
      $('.divStockListImages .menu .center').addClass('notEmpty');

   if ($.trim($('.divStockListImages .menu .right').html()) != '')
      $('.divStockListImages .menu .right').addClass('notEmpty');


// determine whether to show more images button
// add actions to show more images button

   if ($('.divStockListImages .menu .center').hasClass('notEmpty'))
   {
   $('.divStockListImages .imageButton').removeClass('hide').addClass('show');

   $('.divStockListImages .imageButton').bind('click', 

      function(i)
      {
      selected_menu_class = $('.divStockListImages div.menu > div.show').not('.imageButton').attr('class');

         if (selected_menu_class == undefined)
            selected_menu_class = 'left';

         if (selected_menu_class.indexOf(' ') != -1)
            selected_menu_class = selected_menu_class.substring(0, selected_menu_class.indexOf(' '));

      next_menu_class = $('.divStockListImages .menu > div.' + selected_menu_class).next('.notEmpty').attr('class');

         if (next_menu_class == undefined)
            next_menu_class = 'left';

         if (next_menu_class.indexOf(' ') != -1)
            next_menu_class = next_menu_class.substring(0, next_menu_class.indexOf(' '));

      $('.divStockListImages div.menu > div').not('.imageButton').removeClass('show').addClass('hide');
      $('.divStockListImages div.menu > div.' + next_menu_class).removeClass('hide').addClass('show');

      return false;
      }

   );

   }

// enable menu image links

$('#tn-browser a').bind('click', 

   function()
   {   	  
   	  // set the current_image to the image just clicked
      current_image = $(this).attr('id').replace(/a/,'');
      
      var prev_image = current_image-1;
      var next_image = (+current_image+1);
      
      if (prev_image < 0 ) {
      	var prev_image = total_images
      }
      if (next_image > total_images) {
      	var next_image = 0;
      }
      
      // depending if the zoom is turned on or not, the contents of image div
      // need to be totally replaced.
      var img = $('<img alt="" />');
      img.attr('src',$(this).attr('href'));
      img.attr('height',600);
      img.attr('width',800);
      img.attr('src',$(this).attr('href'));
      if ($(this).children('img').hasClass('isZoom')) {
        img.addClass('isZoom');
      }
      $('.divStockListImages .main div.image').html(img);
      ZoomImage.refresh();
        
      var prev = $('<a class="clicky" href="#" van="'+prev_image+'"><img src="images/prev_img.jpg" alt="Prev image"></a>');
	  prev.click(function(){
	  	var selected_image = $(this).attr('van'); 
		$('a#a'+selected_image).click();
	  	return false;
   		}); 
      $('#previous_image').html(prev);
      
      var next = $('<a class="clicky" href="#" van="'+next_image+'"><img src="images/next_img.jpg" alt="Next image"></a>');
	  next.click(function(){
	  	var selected_image = $(this).attr('van'); 
		$('a#a'+selected_image).click();
	  	return false;
   		}); 
      $('#next_image').html(next);
	        
	  return false;
   }

);


// alter back link to a close window link if window was opened as a popup

   if (window.opener)
   {
   $('.divStockListImages .headerCloseWindow a.arrowBack').removeClass('.arrowBack').addClass('close').text('Close Window').attr({'href':'#'});
   }





// enable close window link

$('.divStockListImages a.close').bind('click', 

   function(i)
   {
   window.close();
   return false;
   }

);


});