var timer1 = 0;
var timer2 = 0;
var txtFirstTime = 0;

$(document).ready(function() {
	$("#pageTag #gotoPage input").focus(function() {
		if ( $(this).val() == "Enter a Page Number" || txtFirstTime == 0 ) {
			$(this).val("").css("color", "#000");
			txtFirstTime = 1;
		}
	})
	.blur(function() {
		if ( $(this).val() == "" ) {
			$(this).val("Enter a Page Number").css("color", "#888");
		}
	});
	
	$("#pageTag #btnPageView").hover(function() {
		$(this).attr("src", "/images/ui/btn/pagetag-over.gif");
	}, function() {
		$(this).attr("src", "/images/ui/btn/pagetag.gif");
	}).click(btnView);
	
	$("#pageTag .btnPageSearch").hover(function() {
		$(this).attr("src", "/images/ui/btn/pagetag-search-over.gif");
	}, function() {
		$(this).attr("src", "/images/ui/btn/pagetag-search.gif");
	})
});

function btnView() {
	clearTimeout(timer1);
	clearTimeout(timer2);
	$("#pageTag .btnPageSearch").css("display", "none");
	$("#pageTag #pageNotFound").css("display", "none");
	$("#pageTag #gotoPage").css("display", "none");
	
	//$("#pageTag #curPage").slideUp(500);
	//$("#pageTag #gotoPage").slideDown(500);
	$("#pageTag #curPage").css("display", "block").animate({opacity: "0"}, 500);
	$("#pageTag #gotoPage").css("display", "block").css("opacity", "0").animate({opacity: "1"}, 500);
	
	$(this).unbind("click").animate({opacity: "0"}, 500, function() {
		$(this).css("display", "none");
		//$("#pageTag .btnPageSearch").click(btnSearch);
	});
	
	$("#pageTag .btnPageSearch").css("display", "block").css("opacity", "0").animate({opacity: "1"}, 500);
}

function btnNoPageFound() {
	clearTimeout(timer1);
	clearTimeout(timer2);
	$("#pageTag #curPage").css("display", "none");
	$("#pageTag #btnPageView").css("display", "none");
	$("#pageTag #pageNotFound").css("display", "none");
	$("#pageTag #gotoPage").css("display", "block");
	$("#pageTag .btnPageSearch").css("display", "block");
	
	$("#pageTag #gotoPage").animate({opacity: "0"}, 500, function() {
		$(this).css("display", "none");
	});
	$("#pageTag .btnPageSearch").animate({opacity: "0"}, 500, function() {
		$(this).css("display", "none");
	});
	
	$("#pageTag #pageNotFound").css("opacity", "0").css("display", "block").animate({opacity: "1"}, 500, function() {
		timer1 = setTimeout("$(\"#pageTag #pageNotFound\").animate({opacity: \"0\"}, 500, function() {$(this).css(\"display\", \"none\");})", 1500);
		
		timer2 = setTimeout("$(\"#pageTag #curPage\").css(\"opacity\", \"0\").css(\"display\", \"block\").animate({opacity: \"1\"}, 500)", 1500);
	});
	
	$("#pageTag #btnPageView").css("display", "block").animate({opacity: "1"}, 500);
	
}