/* 20090108-1327 */
/******************************************************************************
 * ZoomThumbnail 2.0 - Terra Networks - Equipe Webdev
 * 2008
 * Modulo independente
 *
 * COMO UTILIZAR
 *
 * Usar como base o exemplo abaixo
 *
 *	<ul>
 *		<li>
 *			<a class="lnk-thumb" href="http://www.terra.com.br/"><img src="img/thumb.jpg" alt="" /></a>
 *			<div class="ctn-zoom">
 *				Bloco ampliado
 *			</div>
 *		</li>
 *		<li>
 *			<a class="lnk-thumb" href="http://www.terra.com.br/"><img src="img/thumb.jpg" alt="" /></a>
 *			<div class="ctn-zoom">
 *				Bloco ampliado
 *			</div>
 *		</li>
 *	</ul>
 *
 ******************************************************************************/

(function($) {

	$.fn.extend({

		/*
		 * PARAMETERS
		 * - action (hide = 0 / show = 1)
		 */
		zoomImageThumb: function(action) {

			var configs = ({
				animateDuration: 200 // Milliseconds
			});
		
			obj = $(this);
			objZoom = obj.find(".ctn-zoom");
			containerobjZoom = obj.parent();

			if (action == 1) { // Show
				if (objZoom.css("display") == "none") {
					containerobjZoom.find("li").css("z-index","1");
					containerobjZoom.find(".ctn-zoom").hide();
					obj.css("z-index","10");
					objZoom.fadeIn(configs.animateDuration, function() {
						obj.css("z-index","10");
					});
				}
			} else { // Hide
				objZoom.fadeOut(configs.animateDuration);
				containerobjZoom.find("li").css("z-index","1");
			}

		}
	});

})(jQuery);