// JavaScript Document
$(document).ready(function() {
  var display = $("input.display");
  var tns = $("li.tn a");
  tns.each(function(i) { if (!$("img", this).attr('src')) { $(this).hide(); } })
  $("li.tn a").bind('click', { targ: display }, onTnClickHandler);
  $("li.tn a").hover(onTnMouseOver, onTnMouseOut)
  $("li.tn a:first").click();
});

function onTnClickHandler(evt){
	evt.preventDefault();
	var evtObj = $(this);
	var src = evtObj.attr('href');
	$("li.tn a.active").removeClass('active');
	evtObj.addClass('active');
	$("li.tn a").each(function(i) { if ($(this).hasClass('active')) { $('img', this).css({ border: '#CC692E solid 2px', margin: '0px' }) } else { $('img', this).css({ border: '#333 solid 1px', margin: '1px' }); } });
	$(evt.data.targ).attr('src', src);
}

function onTnMouseOver(evt){
  if ($(this).hasClass('active')) { return } else { $('img', this).css({ border: '#CC692E solid 2px', margin:'0px' }) };	
}
function onTnMouseOut(evt){
  if ($(this).hasClass('active')) { return } else { $('img', this).css({ border: '#333 solid 1px', margin: '1px' }) };	
}