// use jquery jquery.accessible-news-slider
(function($){
	$.fn.atozImageGallery = function(options){
		return this.each( function() {
			var $this = $(this);
			
			var $thumbs = $(".thumbnaillist li a",$this);
			if ($thumbs.length<1) {
				//no img
				return true;
			}
			var firstimg = $($thumbs[0]).attr("href");
			$($thumbs[0]).addClass('on');
			$this.append('<div class="large-img"><div class="headtxt">(<span class="index">1</span>/'+$thumbs.length+')</div><img src="'+firstimg+'" /></div>');
			$(".thumbnaillist li",$this).css({float:"left",display:'inline'});
			$("img",$thumbs).css({width:'150px',height:'120px'});
			var $bigimg = $(".large-img img");
			$bigimg.hide();
			
			$thumbs.each(function(i,n){
				$(n).attr('theindex', i);
			});
			
			$thumbs.click(function(){
				$bigimg.hide().attr({"src": $(this).attr("href"), "title": $("> img", this).attr("title"), "alt": $("> img", this).attr("alt")});
				var index = $(this).attr('theindex');
				index++;
				$(".large-img .headtxt .index",$this).text(index);
				$thumbs.removeClass('on');
				$(this).addClass('on').blur();
				return false;
			});
			$bigimg.load(function(){
				$(this).fadeIn("slow");
				if ($.browser.msie) {	//fix ie relatvie
					$("div").each(
						function(i,n){
							$e = $(n);
							if ($e.css('position')=='relative') {
								$e.css('position','relative');
							}
						}
					);
				}
			});
			
			$( ".accessible_news_slider", $this).accessNews({
				headline : "DownloadAtoZ Thumbnails",
				speed : "normal",
				slideBy : 1});
		});
	}
})(jQuery);