$(document).ready(function() {
	per_page = 15;
	//$.ajaxTimeout(5000);
	$("#loading").ajaxSend( function (){
		$(this).children().remove(".msg");
		$(this).addClass("ajaxloads");
	});
	$("#loading").ajaxError( function(request, settings){
		$(this).removeClass("ajaxloads");
		$(this).prepend("<div class=\"msg\">ERROR</div>");
	});
	function load() {
		$("#loading").children().remove(".msg");
		this.data = $.getJSON("ajax.php", { cat: $(".CatSel").val() }, function (json) {
			$("#loading table tbody").empty();
			$("input#n_page").val("1");
			now_page = 1;
			if( json.length % per_page != 0 ) 
				tpage = ( json.length - json.length % per_page ) / per_page + 1;
			else
				tpage = json.length / per_page;
			if( json.length == 0 )
				tpage = 1;
			$("div#sCat table td b").text(now_page+"/"+tpage);
			var options = '';
			for ( i = 1 ; i <= tpage ; i ++ ) {
				options += '<option value="'+i+'">'+i+'</option>'
				}
			$("div#sCat table select#sel_id").html(options);
			$("div#sCat table select#sel_id").val(now_page);
			i = per_page * ( now_page - 1);
			j = per_page * now_page - 1;
			j = json.length > j ? j : json.length;
			j = json.length <= per_page ? json.length -1 : j;

			for (  ; i <= j ; i++ ) {
				$("#loading table tbody").append("<tr><td width=\"80%\"><b class=\"h0 lblue normal\">&#8226;&nbsp;</b>"+json[i].title+"</td><td id=\"loadinglink\" width=\"20%\"><a href=\""+json[i].link+"\">詳細內容</a></td></tr>");
			}
			$("#loading table tbody tr").hover( function(){$(this).addClass("over");} , function(){$(this).removeClass("over");} );
			if ( json.length == 0) {
				$("#loading").prepend("<div class=\"msg\">No Content</div>");
			}
			if( parseInt($('div.rsidebar').height()) > parseInt($('div.lsidebar').height()) ) 
				$('div.lsidebar').css("height",parseInt($('div.rsidebar').height())+30);
			if( parseInt($('div.lsidebar').height()) - parseInt($('div.rsidebar').height()) > 200 )  
				$('div.lsidebar').css("height",parseInt($('div.rsidebar').height())+100);
			$("#loading").removeClass("ajaxloads");
			$("#loading").fadeIn("slow");
		});
	}
	$("form#Catform").submit( function() {
		oajax = new load();
		return false;
	});
	$("img#prev").click( function() {
		eval("var json = " + oajax.data.responseText);
		now_page = parseInt($("input#n_page").val())-1;			
		if( $("input#n_page").val() <= 1 ) {
			alert("This is the first page!");
			return;
			} else {
			$("#loading table tbody").empty();
			$("div#sCat table select#sel_id").val(now_page);
			if( json.length % per_page != 0 ) 
				tpage = ( json.length - json.length % per_page ) / per_page + 1;
			else
				tpage = json.length / per_page;
			$("div#sCat table td b").text(now_page+"/"+tpage);
			$("input#n_page").val(now_page);
			i = per_page * ( now_page - 1);
			j = per_page * now_page - 1;
			for (  ; i <= j ; i++ ) {
				$("#loading table tbody").append("<tr><td width=\"80%\"><b class=\"h0 lblue normal\">&#8226;&nbsp;</b>"+json[i].title+"</td><td id=\"loadinglink\" width=\"20%\"><a href=\""+json[i].link+"\">詳細內容</a></td></tr>");
				}
			$("#loading table tbody tr").hover( function(){$(this).addClass("over");} , function(){$(this).removeClass("over");} );
			$("#loading").fadeIn("slow");
			}
		});

	$("img#next").click( function() {
		eval("var json = " + oajax.data.responseText);
		now_page = parseInt($("input#n_page").val())+1;
		if( json.length % per_page != 0 ) 
			tpage = ( json.length - json.length % per_page ) / per_page + 1;
		else
			tpage = json.length / per_page;
		if( now_page > tpage ) {
			alert("This is the end page");
			return;
			} else {
			$("#loading table tbody").empty();
			$("div#sCat table select#sel_id").val(now_page);
			$("div#sCat table td b").text(now_page+"/"+tpage);
			$("input#n_page").val(now_page);
			i = per_page * ( now_page - 1);
			j = per_page * now_page - 1;
			j = json.length-1 > j ? j : json.length-1;
			for (  ; i <= j ; i++ ) {
				$("#loading table tbody").append("<tr><td width=\"80%\"><b class=\"h0 lblue normal\">&#8226;&nbsp;</b>"+json[i].title+"</td><td id=\"loadinglink\" width=\"20%\"><a href=\""+json[i].link+"\">詳細內容</a></td></tr>");
				}
			$("#loading table tbody tr").hover( function(){$(this).addClass("over");} , function(){$(this).removeClass("over");} );
			$("#loading").fadeIn("slow");
			}
		});
	$("div#sCat table select#sel_id").change( function() {
		eval("var json = " + oajax.data.responseText);
		now_page = $(this).val();
		if( json.length % per_page != 0 ) 
			tpage = ( json.length - json.length % per_page ) / per_page + 1;
		else
			tpage = json.length / per_page;
		$("div#sCat table td b").text(now_page+"/"+tpage);

		$("#loading table tbody").empty();
		$("input#n_page").val(now_page);
		i = per_page * ( now_page - 1);
		j = per_page * now_page - 1;
		j = json.length-1 > j ? j : json.length-1;
		for (  ; i <= j ; i++ ) {
			$("#loading table tbody").append("<tr><td width=\"80%\"><b class=\"h0 lblue normal\">&#8226;&nbsp;</b>"+json[i].title+"</td><td id=\"loadinglink\" width=\"20%\"><a href=\""+json[i].link+"\">詳細內容</a></td></tr>");
			}
		$("#loading table tbody tr").hover( function(){$(this).addClass("over");} , function(){$(this).removeClass("over");} );
		$("#loading").fadeIn("slow");
		});
	var oajax = new load();
});