/*
	code for ux services thumbnails
*/

	// zoom in (enlarge) function
	
	var ntb_data = {};
	
	var enlarge = function(){
		$j("#thumbnail_image").animate({
			width: "504px",
			height: "389px"}, "slow").attr(
				"src", "/i/services/ux/ux_fullsize_" + $j(".pager > .selected > a").html() + ".gif");
		$j(".zoom").hide("fast");
		$j("#thumbnail").click(shrink);
		$j("#thumbnail").unbind("click",enlarge);
		return false;
	};
	
	var shrink = function(){
		$j("#thumbnail_image").animate({
			width: "198px",
			height: "132px"}, "slow", null, function() {
				$j("#thumbnail_image").attr("src", "/i/services/ux/ux_thumb_" + $j(".pager > .selected > a").html() + ".gif");
				$j(".zoom").show("slow");
			})
		$j("#thumbnail").click(enlarge);
		$j("#thumbnail").unbind("click",shrink);
		return false;
	}
	
	$j(document).ready(function(){
		ntb_data.img_size = "thumbnail";
	 	$j("#thumbnail").click(enlarge);
		$j(".pager > li > a").click(function() {
			$j(".pager > li").removeClass("selected");
			$j(this).parent().addClass("selected");
			
			// change blurb
			$j("#blurbs > div").removeClass("selected");
			$j("#blurbs > div").eq($j(this).parent().prevAll().length).addClass("selected");
			
			// change image
			$j("#thumbnail_image").attr(
				"src",
				$j("#thumbnail_image").attr("src").replace(/\d+/,$j(this).text())
				);
			return false;
		})
	 });