/**
 * @author chrismonster
 */
 			var modal_enable = false;
 			var slideshow_enable = false;
			var filter_total = 0;
			var filter_height = 125;
 			 			
			function getThumbURL(imguid)
			{
				return "/thumbs/" + imguid;
			}
			
			function getImageURL(imguid)
			{
				return "/images/" + imguid;
			}
			
		    function getImageSize(imguid)
			{
				var src = getImageURL(imguid);
		        var timg = $('<img>').attr('src', src).css({ position: 'absolute', top: '-1000px', left: '-1000px' }).appendTo('body');
        		var size = [ timg.get(0).offsetWidth, timg.get(0).offsetHeight ];
		        try { document.body.removeChild(timg[0]); }
        		catch(e) {};
		        return size;
			};

			function bindImageToTagEditor(imguid, x, y)
			{
				/*
				 * $.palette({
					parent: $("#palatte"), 
					img_uid: imguid
				});
				*/
				
				var datas = $('#image-src').tagBoxGetData();
				if(typeof(datas) != 'undefined')
				{
					var $nowel = $('.image-block[@id=' + datas['img_uid'] + ']');
					$nowel.css({
						backgroundColor: "#fff"
					});
				}
				
				var $newel = $('.image-block[@id=' + imguid + ']');
				$newel.css({
					backgroundColor: "#F4CE0B"
				});
				
				var aiidel = $("#image-id-mark");
				if(aiidel.length > 0)
				{
					var imgidel = $('div#' + imguid + ' > .image-id-mark');
					var imgid = imgidel.attr('id');
					aiidel.attr('value', imgid);
				}

				$("div.image-block").each(function(index){
					var id = $(this).attr('id');
					if(id == imguid)
					{
						var $el = $("#list-inner-window");
						var oldofs = -parseInt($el.css("left")) || 0;
						var oldindex = oldofs/104;
						var newofs = 0;
						var imgcount = $("#list-inner-window").data("imgcount");
						
						if(index < oldindex || index > oldindex+7)
						{
							if(index == 0)
								newofs = 0;
							else if(index >= imgcount-8)
								newofs = 104*(imgcount-8);
							else 
								newofs = 104*(index-3);
						}
						else if(index == 0 || index >= imgcount-1)
						{
							return ;
						}
						else if(index == oldindex)
						{
							if(oldindex - 6 <= 0)
								newofs = 0;
							else
								newofs = 104*(oldindex-6);
						}
						else if(index == oldindex+7)
						{
							if(oldindex + 6 + 7 >= imgcount)
								newofs = 104*(imgcount-8);
							else
								newofs = 104*(oldindex+6);
						}
						else
						{
							return ;
						}
						var $el = $("#list-inner-window");
						$el.animate({left: (-newofs) + "px"});
					}
				});
				
				var thumb = getThumbURL(imguid);
				var imgsrc = getImageURL(imguid);
				var urlimg = 'url(' + imgsrc + ')';
				if(urlimg == $("#image-src-org").css('backgroundImage'))
					return ;
				
				window.location.hash = "#" + imguid.substring(5);
				
				$("#image-src")
					.tagBoxCancel()
					.tagBoxSetData(imguid, 0)	// assign imguid and taguid to tagbox, if taguid = 0 mean insert
				
    			$('#image-src-org')
					.css({background: 'transparent no-repeat scroll 0%' })
					.imageLoader(
						imgsrc, 
						{
							altThumb:thumb, 
							thumbScaleRate:4,
							onResize: function(width, height){
								$('#imageborder').css({width: (width) + 'px', height: (height) + 'px'});
							}
						}, 
						function($img, imgw, imgh){
						$("#embed-text").attr('value', '<img src="' + imgsrc + '">');
						$('#imageborder').css({width: (imgw) + 'px', height: (imgh) + 'px'});
	    	    		// $('#image-body').css({ width: imgw + 'px', height: imgh + 'px'});
			    		$('#image-src').css('background', 'transparent ' + urlimg+' no-repeat scroll 0px 0px');
			    		$('.image-flipto-prev').css({
			    			left: '20px',
			    			top: (imgh/2-45) + 'px'
			    		});
			    		$('.image-flipto-next').css({
			    			left: (imgw-20-90) + 'px',
			    			top: (imgh/2-45) + 'px'
			    		});
					})
			}
			
			function imageBlockClick1()
			{
				var imguid = $(this).attr("id");
				bindImageToTagEditor(imguid);
				viewMode();

				
				/*
				var title="目前是單張圖片瀏覽模式";
				var msg="滑鼠移到圖片上的左右半邊，會出現「Next」和「Prev」的圖示，只要用滑鼠點擊一下，就可以輕鬆地看前後一張照片。也可以完全使用鍵盤操作，按一下鍵盤上的左右箭頭，就可以切換前後一張。";
				
				$.jGrowl(msg, { header: title, sticky: true }); 
				var f1 = setTimeout(function() {
    			var title="可選擇幻燈片瀏覽模式";
				var img="<img src='res/images/slideshow.png'>"
				var msg="滑鼠點擊左側的幻燈片小圖示"+img+"，可以讓系統自動幫你播放剛剛搜尋到的所有照片結果，系統會依照順序自動每五秒鐘播放照片。";
				
				$.jGrowl(msg, { header: title, sticky: true }); 
				}, 0);
				*/		
			}

			function hidethumbtip()
			{
				$('.thin-view-min').mouseover(function(e){
						var title="操作提示";
						var msg="點選後會關閉縮圖列，簡化瀏覽介面。";
						$('#opmsgtitle').text(title);
						$('#opmsg').text(msg);
						var offsettop = e.pageY - 90;
						var offsetleft = e.pageX- 125;
						if(offsettop >0)
						$('#opmsgdiv').css({position:'absolute', top: offsettop+'px',left:offsetleft+'px'}).show();
						else
							{
							offsettop = e.pageY + 40;
							$('#opmsgdiv').css({position:'absolute', top: offsettop+'px',left:offsetleft+'px'}).show();
							}
					}).mouseout(function(){
						$('#opmsgdiv').hide();
					});
							
			}

			function hideheadtip()
			{
			$('.hide-head-icon').mouseover(function(e){
				var title="操作提示";
						var msg="點選後會隱藏上方搜尋區塊，方便瀏覽。";
						$('#opmsgtitle').text(title);
						$('#opmsg').text(msg);
						var offsettop = e.pageY - 90;
						var offsetleft = e.pageX- 125;
						if(offsettop >0)
						$('#opmsgdiv').css({position:'absolute', top: offsettop+'px',left:offsetleft+'px'}).show();
						else
							{
							offsettop = e.pageY + 40;
							$('#opmsgdiv').css({position:'absolute', top: offsettop+'px',left:offsetleft+'px'}).show();
							}

					}).mouseout(function(){
						$('#opmsgdiv').hide();
					});
			}

			function showheadtip()
			{
			$('.show-head-icon').mouseover(function(e){
				var title="操作提示";
						var msg="點選後會恢復上方搜尋區塊。";
						$('#opmsgtitle').text(title);
						$('#opmsg').text(msg);
						var offsettop = e.pageY - 90;
						var offsetleft = e.pageX- 125;
						if(offsettop >0)
						$('#opmsgdiv').css({position:'absolute', top: offsettop+'px',left:offsetleft+'px'}).show();
						else
							{
							offsettop = e.pageY + 40;
							$('#opmsgdiv').css({position:'absolute', top: offsettop+'px',left:offsetleft+'px'}).show();
							}

					}).mouseout(function(){
						$('#opmsgdiv').hide();
					});
			}


			function displaythumbtip()
			{
				$('.thin-view-menu').mouseover(function(e){
						var title="操作提示";
						var msg="點選後會顯示縮圖列，每列會出現8張縮圖。";
						$('#opmsgtitle').text(title);
						$('#opmsg').text(msg);
						var offsettop = e.pageY - 90;
						var offsetleft = e.pageX- 125;
						if(offsettop >0)
						$('#opmsgdiv').css({position:'absolute', top: offsettop+'px',left:offsetleft+'px'}).show();
						else
							{
							offsettop = e.pageY + 40;
							$('#opmsgdiv').css({position:'absolute', top: offsettop+'px',left:offsetleft+'px'}).show();
							}

					}).mouseout(function(){
						$('#opmsgdiv').hide();
					});
				
			}
			function listmodetip()
			{
				$('#view-min').mouseover(function(e){
					var title="操作提示";
					var msg="點選後會回到關鍵字的搜尋結果畫面。";
					$('#opmsgtitle').text(title);
					$('#opmsg').text(msg);
					var offsettop = e.pageY - 90;
					var offsetleft = e.pageX- 125;
					if(offsettop >0)
					$('#opmsgdiv').css({position:'absolute', top: offsettop+'px',left:offsetleft+'px'}).show();
					else
					{
					offsettop = e.pageY + 40;
					$('#opmsgdiv').css({position:'absolute', top: offsettop+'px',left:offsetleft+'px'}).show();
					}

					}).mouseout(function(){
						$('#opmsgdiv').hide();
				});
			}
			
			function slidemodetip()
			{
				$('#slide-show-icon').mouseover(function(e){
					var title="操作提示";
					var msg="點選後會進入幻燈片瀏覽模式，系統會自動為你播放搜尋結果的圖片。";
					$('#opmsgtitle').text(title);
					$('#opmsg').text(msg);
					var offsettop = e.pageY - 90;
					var offsetleft = e.pageX- 125;
					if(offsettop >0)
					$('#opmsgdiv').css({position:'absolute', top: offsettop+'px',left:offsetleft+'px'}).show();
					else
					{
					offsettop = e.pageY + 40;
					$('#opmsgdiv').css({position:'absolute', top: offsettop+'px',left:offsetleft+'px'}).show();
					}
					}).mouseout(function(){
						$('#opmsgdiv').hide();
					
				});
			}
			
			function imageBlockClick2()
			{
				var imguid = $(this).attr("id");
				bindImageToTagEditor(imguid);
			}
			
			var pageMode=0;
			function getMode()
			{
				return pageMode;				
			}
			function toggleListTitle()
			{
                $('#page-bar-notice').fadeOut();
				var el = $("#list");
                var h = el.css("height");
                if (h == "18px") {
					$("#listrightspan").css("display", "block");
					$("#listleftspan").css("display", "block");
										
					el.animate({
                        height: "126px"
                    }, "slow");
                    $(this).removeClass("thin-view-menu");
                    $(this).addClass("thin-view-min");
					//hidethumbtip();

					var html="";
					html += '<span id="tmpmsg" style="width:auto;padding:2px 2px;color:#3294CB;">';
					html += '縮圖列上的黃色外框會隨著下方單張圖片而輪動，方便你知道目前瀏覽的圖片是哪張縮圖</span>';
					$tmpmsg =$(html);
					//top:117px;left:250px;
					var offset = $('.list-title-bar').offset();
					/*$tmpmsg.css({
						top: (offset.top-4) +'px',
						left: (offset.left+120) + 'px'	
						});
					if($.browser.msie)
					$tmpmsg.css({top:(offset.top-1) +'px'});
					$('#main').append($tmpmsg).fadeIn();
					*/
					$('#resulttext').html($tmpmsg).fadeIn();
					setTimeout(function(){
						$tmpmsg.fadeOut();
						},10000);
					
                }
                else {
                    el.animate({
						height: "18px"
                    }, "slow",function(){
						el.css("height", "18px");  // IE6 Bug Fixed
					});
                    $(this).removeClass("thin-view-min");
                    $(this).addClass("thin-view-menu");
					$tmpmsg.hide();
					//displaythumbtip();
                }
			}
			function toggleListMode()
			{	
				$('#page-bar-notice').fadeOut();
				$("#view-min")
					.unbind("click", toggleListMode)
				$("#view-list")
					.unbind("click", toggleListTitle)
	                .removeClass("thin-view-min")
    	            .addClass("thin-view-menu");
				var $tmpmsg = $('#tmpmsg');
    	      	$tmpmsg.hide();
				//displaythumbtip();
				listMode();
				
			}	
			
			function overFilter()
			{
				var $el = $("#head");
				if($el.height() != filter_height)
				{
					$("#tophead").unbind('mouseenter', overFilter);
					$("#topbottom").unbind('mouseenter', overFilter);
					$(".filter").unbind('mouseenter', overFilter);
					$el.animate({height: filter_height + 'px'},'slow', function(){
						$("#head").bind('mouseleave', outFilter);
					});
				}
				
			}
			
			function outFilter()
			{
				var $el = $("#head");
				if($el.height() != 125)
				{
					$("#head").unbind('mouseleave', outFilter);
					$el.animate({height: '125px'},'slow', function(){
						$("#tophead").bind('mouseenter', overFilter);
						$("#topbottom").bind('mouseenter', overFilter);
						$(".filter").bind('mouseenter', overFilter);
					});
				}
			}
					
			function viewMode(speed)
			{
				$(".jGrowl-closer").trigger('click');
				$('.jGrowl-notification .close').trigger('click');
				$('#opmsgclose').trigger('click');
				var jGrowlcookie=$.cookie('jGrowl-3'); // get cookie
				if (jGrowlcookie != 'flash') {
					var title = "目前是單張圖片瀏覽模式";
					var msg = "滑鼠移到圖片上的左右半邊，會出現「Next」和「Prev」的圖示，只要用滑鼠點擊一下，就可以輕鬆地看前後一張照片。也可以完全使用鍵盤操作，按一下鍵盤上的左右箭頭，就可以切換前後一張。";
					
					$.jGrowl(msg, {
						header: title,
						sticky: true
					});
					var f1 = setTimeout(function(){
						var title = "可選擇幻燈片瀏覽模式";
						var img = "<img src='res/images/slideshow.png'>"
						var msg = "滑鼠點擊左側的幻燈片小圖示" + img + "，可以讓系統自動幫你播放剛剛搜尋到的所有照片結果，系統會依照順序自動每五秒鐘播放照片。";
						
						$.jGrowl(msg, {
							header: title,
							sticky: true
						});
					}, 0);
					$.cookie('jGrowl-3', 'flash'); // set cookie
				}
				var delay = 'slow';
				if(typeof(speed) != 'undefined')
					delay = speed;
				
				$(".image-block")
					.removeClass("image-block-list")
					.addClass("image-block-view");
				$(".image-block-table-list")
					.removeClass("image-block-table-list")
					.addClass("image-block-table-view");
				$(".image-block-table-tr1-list")
					.removeClass("image-block-table-tr1-list")
					.addClass("image-block-table-tr1-view");
				$(".image-block-src")
					.attr("width", "90")
					.attr("height", "90");
				$("#head").animate({
						height: '125px'
					},
					delay
				);

				var imgcount = $("#list-inner-window").data("imgcount");
				$("#list-window").addClass("list-window");
				$("#list-inner-window").addClass("list-inner-window")
									   .css("width", (imgcount*104) + "px");
				$(".hide-head-icon").show();	
				$(".list-title-bar a").show();//chris modified 20080623
				$("#closetip").show();//chris added
				$("#resulttext").hide(); //chris modified 20080623
				$("#list").animate({height:"126px"}, delay, "swing", function(){
					$("#viewer").slideDown(delay, function(){
						$("#list").animate({height:"18px"}, delay);
						$("#view-min").bind("click", toggleListMode);
						$("#view-list").bind("click", toggleListTitle);
					});					
				});
  				$("div.image-block").each(function(){
					$(this).unbind("click", imageBlockClick1);
					$(this).css("cursor", "pointer");
					$(this).bind("click", imageBlockClick2);
				});
				$("div.image-block-tag").hide();

				$("#tophead").bind('mouseenter', overFilter);
				$("#topbottom").bind('mouseenter', overFilter);
				$(".filter").bind('mouseenter', overFilter);
				
				$("#image-src").tagBoxCancel();
				pageMode=1;
			}
			
			function listMode(speed)
			{
				
				$(".jGrowl-closer").trigger('click');
				$('.jGrowl-notification .close').trigger('click');
				$('#opmsgclose').trigger('click');
				var jGrowlcookie=$.cookie('jGrowl-1'); // get cookie
				
				if (jGrowlcookie != 'flash') {
					/*var title = "搜尋結果和篩選";
					var msg = "在你輸入關鍵字後，系統會告知你有多少筆符合搜尋條件的結果。<br/>你可以透過上方的篩選條件，進一步篩選符合你想搜尋的圖片。<br/>每當你多加一種篩選條件，相對的結果範圍就會更加精確。右側的篩選狀態列，告知你目前的條件狀態，也讓你隨時可以回到上層的的篩選條件。";
					$.jGrowl(msg, {
						header: title,
						sticky: true
					});
					*/
					var title = "點選縮圖進行瀏覽";
					var msg = "你可以按下任一張縮圖，開始瀏覽所搜尋到的單張圖片，系統就會從那張圖片開始，進行「單圖瀏覽模式」。";
					$.jGrowl(msg, {
						header: title,
						sticky: true
					});
					$.cookie('jGrowl-1', 'flash'); // set cookie
				}
				var delay = 'slow';
				if(typeof(speed) != 'undefined')
					delay = speed;
				
				$("#listrightspan").css("display", "none");
				$("#listleftspan").css("display", "none");
				$(".image-block")
					.removeClass("image-block-view")
					.addClass("image-block-list");
				$(".image-block-table-view")
					.removeClass("image-block-table-view")
					.addClass("image-block-table-list");
				$(".image-block-table-tr1-view")
					.removeClass("image-block-table-tr1-view")
					.addClass("image-block-table-tr1-list");
				$(".image-block-src")
					.attr("width", "90")
					.attr("height", "90");
				$("#head").animate({
						height: filter_height + 'px'
					},
					delay
				);
					
				$("#list-window").removeClass("list-window");
				$("#list-inner-window").removeClass("list-inner-window")
									   .css("width", "auto");

				var datas = $('#image-src').tagBoxGetData();
				if(typeof(datas) != 'undefined')
				{
					var $nowel = $('.image-block[@id=' + datas['img_uid'] + ']');
					$nowel.css({
						backgroundColor: "#fff"
					});
				}
				$(".hide-head-icon").hide();
				$(".list-title-bar a").hide(); //chris modified 20080623
				$("#closetip").hide();//chris added
				$("#resulttext").show(); //chris modified 20080623
				$(".image-block-tag").show();
				var $list = $("#list");
				var lh = $list.data('listheight');
				$list.animate({height:lh + "px"}, delay);
				$("#viewer").slideUp(delay);
				$("div.image-block").each(function(){
					$(this).unbind("click", imageBlockClick2);
					$(this).css("cursor", "pointer");
					$(this).bind("click", imageBlockClick1);
				});

				$("#image-src").tagBoxCancel();

				$("#head").unbind('mouseleave', outFilter);
				$("#tophead").unbind('mouseenter', overFilter);
				$("#topbottom").unbind('mouseenter', overFilter);
				$(".filter").unbind('mouseenter', overFilter);

				pageMode=0;
			}
			
			function flipEditImage(action)
			{
				var loading = $("#image-src").data("loading");
				if(loading == true)
					return ;
				
				if(pageMode != 1) // should be in list mode
					return ;
				
				var datas = $('#image-src').tagBoxGetData();
				if(typeof(datas) == 'undefined')
					return ;

				var $nowel = $('.image-block[@id=' + datas['img_uid'] + ']');
						
  				switch (action) 
  				{
  					case 'prev':	// left arrow
  						var $prevel = $nowel.prev();
						var imguid = $prevel.attr('id');
  						if(typeof(imguid) != 'undefined' && imguid.indexOf('ideco') == 0)
  							bindImageToTagEditor(imguid);
						$(".jGrowl-closer").trigger('click');
						$('.jGrowl-notification .close').trigger('click');
						break;
  									
  					case 'next':	// right arrow
  						var $nextel = $nowel.next();
						var imguid = $nextel.attr('id');
  						if(typeof(imguid) != 'undefined' && imguid.indexOf('ideco') == 0)
  							bindImageToTagEditor(imguid);
						$(".jGrowl-closer").trigger('click');
						$('.jGrowl-notification .close').trigger('click');
  						break;
 				}
			}

			$(document).ready(function(){
				

			$('.hide-head-icon').click(function(){
				$('#head').hide();
				$(this).hide();
				$('.show-head-icon').show();
		     });
			
			$('.show-head-icon').click(function(){
				$('#head').show();
				$(this).hide();
				$('.hide-head-icon').show();
			});

				
				if($.browser.safari)
				{
					$('body').css('font-family','微軟正黑體');
					$.cookie('tipstatus', 'false', { expires: 365 }); // set cookie
					
				}
				$(".jGrowl-closer").trigger('click');
				$('.jGrowl-notification .close').trigger('click');
				var jGrowlcookie=$.cookie('jGrowl-1'); // get cookie
				
				if(jGrowlcookie !='flash')
				{
				/*var title="搜尋結果和篩選";
				var msg="在你輸入關鍵字後，系統會告知你有多少筆符合查詢條件的結果。<br/>你可以透過上方的分類條件，進一步篩選符合你想搜尋的圖片。<br/>每當你多加一種分類條件，結果範圍就相對地限縮精確。右側的篩選狀態列，告知你目前的條件狀態，也讓你隨時可以回到上層的的分類條件。";
				$.jGrowl(msg, { header: title, sticky: true }); */
				
				var title="點選縮圖進行瀏覽";
				var msg="你可以按下任一張縮圖，開始瀏覽所搜尋到的單張圖片，系統就會從那張圖片開始，進行「單圖瀏覽模式」。";
				$.jGrowl(msg, { header: title, sticky: true }); 
				$.cookie('jGrowl-1', 'flash'); // set cookie
				}
				
				$('#slide-show-icon').click(function(e){
					$(".jGrowl-closer").trigger('click');
					$('.jGrowl-notification .close').trigger('click');
					$('#opmsgclose').trigger('click');
					var jGrowlcookie=$.cookie('jGrowl-2'); // get cookie
					if(jGrowlcookie !='flash')
					{
					var title="目前是幻燈片瀏覽模式";
					var img="<img src='res/images/close.gif'>";
					var msg="系統會以每五秒鐘更換圖片的速度，為你播放所有搜尋結果的圖片。<br/>你還是可以把滑鼠移到圖片上的左右半邊，會出現「Next」和「Prev」的圖示，只要用滑鼠點擊一下，就可以加速看前後一張圖片。也可以完全使用鍵盤操作，按一下鍵盤上的左右箭頭，就可以切換前後一張。";
					$.jGrowl(msg, { header: title, sticky: true }); 
					
					var title="離開幻燈片瀏覽模式";
					var msg="如果你要離開幻燈片模式，只要按下圖片下方的「Close」，或者在照片以外的區域隨意按一下，就會回到單張圖片瀏覽模式，照片也會是剛才你最後瀏覽的那張。";
					$.jGrowl(msg, { header: title, sticky: true }); 
					$.cookie('jGrowl-2', 'flash'); // set cookie
					}
					var $slideshow = $('<div id="slide-show" style="display:none"></div>');
					$("body").append($slideshow);
						
					var datas = $('#image-src').tagBoxGetData();
					var nowimguid = datas['img_uid'];
					var nowimgindex = 0;
						
					$("div.image-block").each(function(index){
						var $el = $(this);
						var imguid = $el.attr('id');
						if(nowimguid == imguid)
							nowimgindex = index;
						var imgurl = getImageURL(imguid);
//						var $imghtml = $('<a id="slide-show-image' + index + '" class="nyroModal" rel="show" href="' + imgurl + '" title="©2008 設計家"></a>');
						var $imghtml = $('<a id="slide-show-image' + index + '" class="lightbox-enabled" rel="show" href="' + imgurl + '" title=" "></a>');
						$slideshow.append($imghtml);
					});

					slideshow_enable = true;
					$("#slide-show a").lightbox({

						start: true,
						startimage: $("#slide-show-image" + nowimgindex),
						onImageChange: function(image){
							// nowimgindex = image.index;
						},
						onClose: function(image){
							var imguid = $("div.image-block:eq(" + image.index + ")").attr('id');
							bindImageToTagEditor(imguid);
							slideshow_enable = false;
						}
					});
				});
				
				$(".image-block-src")
					.attr("width", "90")
					.attr("height", "90");
				
				$("#listrightspan").click(function(e){
					/*
					var $el = $("#list-inner-window");
					var oldofs = -parseInt($el.css("left")) || 0;
					var newofs = oldofs+104*7;
					var maxwidth = parseInt($el.css("width")) || 0;
					if(maxwidth <= 104*8)
						return ;
					
					if(newofs+(104*8) > maxwidth)
						newofs = maxwidth - (104*8);
						
					$("#list-inner-window").animate({left: (-newofs) + "px"});
					*/
					var $el = $("#list-inner-window");
					var maxwidth = parseInt($el.css("width")) || 0;
					var newofs = maxwidth - (104*8);
					$el.animate({left: (-newofs) + "px"});
				});
				
				$("#listleftspan").click(function(e){
					/*
					var $el = $("#list-inner-window");
					var oldofs = -parseInt($el.css("left")) || 0;
					var newofs = oldofs-104*7;
					if(newofs < 0)
						newofs = 0;
					$("#list-inner-window").animate({left: (-newofs) + "px"});
					*/
					$("#list-inner-window").animate({left: "0px"});
				});
				
					function pagebaritemtip()
					{
						$('#page-bar-item').mouseover(function(e){
							var title="操作提示";
							var msg= "點選前一頁或下一頁，會出現搜尋結果的分頁，也就是前後40張縮圖的搜尋結果。";
							$('#opmsgtitle').text(title);
							$('#opmsg').text(msg);
							var offsettop = e.pageY - 110;
							var offsetleft = e.pageX- 125;
							
						$('#opmsgdiv').css({position:'absolute',top: offsettop+'px',left:offsetleft+'px'}).show();
						});
						$('#page-bar-item').mouseout(function(){
						$('#opmsgdiv').hide();
						});
					}

					$('#closetip').click(function(){
						var $el= $(this);
						$("#labelbg").css({
							background:'#000',
							opacity:'0.75',
							filter: 'alpha(opacity=75)',
							left: '0px',
							top: '0px',
							width: $(document).width() + 'px',
							height: $(document).height() + 'px'
						});
						if($.browser.msie)
							$("#labelbg").css({position:'absolute'});
							else
							$("#labelbg").css({position:'fixed'});
					
						$("#labelbg").fadeIn('slow');
						$("#labelbg").click(function(){
							$(this).fadeOut('slow');
							$('#comment3').fadeOut('slow');
						});
					
						var offset = $el.offset();
						var height = $el.height();
						
						var $comment3 = $("#comment3");
						var html='';
						html += '<div style="width:300px;height:20px;margin-bottom:5px;display:block;padding:5px;">設定提示功能</div>';
						html += '<div id="comment2" style="margin-left:60px;width:230px;">';
						html += '<span style="margin:3px;"><input type="radio" class="status_disable" name="status_select" value="1">關閉</span>';
						html += '<span style="margin:3px;"><input type="radio" class="status_enable" name="status_select" value="0">啟動</span>';
						html +=  '<span class="updatestatus" style="padding:5px;cursor:pointer;float:left;font-size:12px;margin:10px 10px;border:1px solid #7F9DB9;">更新提示出現狀態</span>';
						html +=  '<span class="closecomment" style="padding:5px;cursor:pointer;float:left;font-size:12px;margin:10px 10px;border:1px solid #7F9DB9;">關閉視窗</span>';
						html += '</div>';
						var $html = $(html);
						
						var tipstatuscookie=$.cookie('tipstatus'); // get cookie
						if(tipstatuscookie=="false")
						$html.find('.status_disable').attr('checked', 'checked');
						else
						$html.find('.status_enable').attr('checked', 'checked');
						
						$comment3.html($html);
						$comment3.css({
							overflow: 'hidden',
							background: '#FFFFFF',
							border:'solid 3px #C3D9FF',
							height: '100px',
							width: '260px',
							left: offset.left + 'px',
							top: offset.top  + 'px'
						});
						if($.browser.msie)
							$comment3.css({position:'absolute'});
							else
							$comment3.css({position:'fixed'});
						
						$comment3.fadeIn();

						var $closecomment = $html.find('.closecomment');
						var $updatestatus = $html.find('.updatestatus');
						var $status_select = $html.find('input:radio');
									
						$closecomment.click(function(){
							$('#comment3').fadeOut('slow');
							$('#labelbg').fadeOut('slow');
						});

						
							function closecomment()
								{
									$('#comment3').fadeOut('slow');
									$('#labelbg').fadeOut('slow');						
								}

						$updatestatus.click(function(){
						
							var $el = $(this);
							var $status_select = $html.find('input:checked');
							var status_select= $status_select.val();
					
							if(status_select=="1")
								{
								
								$.cookie('tipstatus', 'false', { expires: 365 }); 
								$('#comment3').html('<center>提示功能已關閉</center>');
								setTimeout("$('#labelbg').trigger('click');", 2000);
								window.location.reload();
								}

							if(status_select=="0")
								{
								$.cookie('tipstatus', 'true', { expires: 365 }); 
								$('#comment3').html('<center>提示功能已啟動</center>');
								setTimeout("$('#labelbg').trigger('click');", 2000);
								window.location.reload();
								}	
						});
						
						
						
						
					});
					/*
					var tipstatuscookie=$.cookie('tipstatus'); // get cookie
					//alert(tipstatuscookie);
						if(tipstatuscookie!='false')
							{
								 displaythumbtip();
								 listmodetip();
								 slidemodetip();
								 showheadtip();
								 hideheadtip();
								 pagebaritemtip();
							}
							
 				*/
 			 		
			});