// JavaScript Document
//var searchStr = "";
$(document).ready( function () {
	$("#addDetailBtn").click(function() {
		$("#addDetailDiv").show("slow");
		$("#addDetailBtn").fadeOut("slow");
	});
	
	$("#addImgBtn").click(function() {
		if($("#upload").css("display") == "none") {					    
		   $("#upload").slideDown("slow");
		}
		else {
		    $("#upload").slideUp("slow");
		}
	});
	
	$(".topicRadio").click(function() {
	    var sortType = this.value;
		loadCatList(sortType);
		
	});
	
	$(".pagImages").click(function(event) {
		event.preventDefault();
		var page     = this.href.replace(appUrl+'/','');
		loadPage(page);
	});
	
	$(".searchBtn").click(function() { 
		searchTopics();
	});
	$("#topicSearch").keypress(function(event) { 
		if(event.keyCode == 13) {
			searchTopics();
		}
	});
	$("#postTitle").keypress(function(event) { 
		if(event.keyCode == 13) {
			event.preventDefault();
			if($("#addDetailDiv").css("display") == "none") {
				$("#addDetailDiv").show("slow");
		        $("#addDetailBtn").fadeOut("slow");
			}
		}
	});
	$("#filterBy").change(function() {
		var sortType = $("input[@name='topicType']:checked").val();
		filterBy     = $('#filterBy').val();
		loadCatList(sortType);
	});
	
});

function searchTopics() {
	
	searchStr = $.trim($("#topicSearch").val());
	$("#clearSrch").remove();
	if(searchStr != '') {
		$(".searchWrap").append('<img src="'+themeUrl+'/images/ico.clear.gif" alt="" id="clearSrch" title="clear search" onclick="clearSearch()" />');
	}
	$("input[@name='topicType']")[0].click();
}


/*function checkKey(e) {
	alert(e.charCode);
}*/

function loadCatList(sortType) {
		var tabName  = (sortType == 'all')? 'Question' : sortType;
		tabSelect(tabName);
		
		$('#topicList').empty();
		$('#topicList').append('<li class="loader" >&nbsp;</li>');
		$.post(appUrl+'/app/files/getTopics.ajx.php',
		{ 
		   sortType:sortType,
		   filterBy:filterBy,		   
		   searchStr:searchStr
		}, function(response) {
			var returns = '';
			var topics  = filterResponse(response);
			var numpad  = topics['numPad'];
			var posts   = topics['Topics'];
			var nextPg  = topics['nextPage'];
			var prevPg  = topics['prevPage'];
			
			for(post in posts) {
				returns += '<li><span class="leftImage"><a><img src="'+posts[post]['userImage']+'" alt=" " /></a><a>'+posts[post]['name']+'</a></span><p class="topicListRight"><span class="topic'+posts[post]['postType']+'Box"><a href="'+posts[post]['detailsUrl']+'">'+posts[post]['postTitle']+'</a>'+posts[post]['statusImage']+'</span><span class="topicText01">'+posts[post]['timeCaption']+' <a href="'+posts[post]['detailsUrl']+'">'+posts[post]['lastPostTime']+'</a></span><span class="topicText02"><b>'+posts[post]['mapCount']+'</b>'+posts[post]['mapCaption']+'</span><a href="'+posts[post]['detailsUrl']+'" class="topicText03">'+posts[post]['replyCount']+'</a></p></li>';
			}
			
			if(returns == '') {
				returns = '<li><p class="topicListRight"><span class="topicBox">No Topics to show</span></p></li>';
			}
			
			$("#topicList").html(returns);
			$("#numpad").html(numpad);
			
			$("#nxtpage").attr("href", nextPg);
			$("#prevPage").attr("href", prevPg);
			
			$("#topicSearch").val(searchStr);
		}
	);
	
}

function loadPage(page) {
	
	if(!page) {
		return false;
	}
	var sortType = $("input[@name='topicType']:checked").val();
	$('#topicList').empty();
	$('#topicList').append('<li class="loader" >&nbsp;</li>');
		
	$.post(appUrl+'/app/files/getTopics.ajx.php',
	 	{ 
		   sortType:sortType,
		   page:page,
		   filterBy:filterBy,
		   searchStr:searchStr
		}, function(response) {
			var returns = '';
			var topics  = filterResponse(response);
			var numpad  = topics['numPad'];
			var posts   = topics['Topics'];
			var nextPg  = topics['nextPage'];
			var prevPg  = topics['prevPage'];
			
			for(post in posts) {
				returns += '<li><span class="leftImage"><a><img src="'+posts[post]['userImage']+'" alt=" " /></a><a>'+posts[post]['name']+'</a></span><p class="topicListRight"><span class="topic'+posts[post]['postType']+'Box"><a href="'+posts[post]['detailsUrl']+'">'+posts[post]['postTitle']+'</a>'+posts[post]['statusImage']+'</span><span class="topicText01">'+posts[post]['timeCaption']+' <a href="'+posts[post]['detailsUrl']+'">'+posts[post]['lastPostTime']+'</a></span><span class="topicText02"><b>'+posts[post]['mapCount']+'</b>'+posts[post]['mapCaption']+'</span><a href="'+posts[post]['detailsUrl']+'" class="topicText03">'+posts[post]['replyCount']+'</a></p></li>';
			}
			$("#topicList").html(returns);
			$("#numpad").html(numpad);
			
			$("#nxtpage").attr("href", nextPg);
			$("#prevPage").attr("href", prevPg);
			
			$("#topicSearch").val(searchStr);
		}
	);
	
	return false;
}


function tabSelect(tabName) {
	var topicTyp     = $("#postTyp").val();
	var prevFrmClass = 'frm'+topicTyp;
	var prevTab      = 'tab'+topicTyp;
	var prevTabClass = 'tab'+topicTyp+'Selected';
	
	var newTab       = 'tab'+tabName;
	var newFrmClass  = 'frm'+tabName;
	var newTabClass  = 'tab'+tabName+'Selected';
	
	$("#postTyp").val(tabName);
	
	$("#frmQuest").removeClass(prevFrmClass);
	$("#frmQuest").addClass(newFrmClass);
	
	$("#"+prevTab).removeClass(prevTabClass);
	$("#"+prevTab).addClass(prevTab);
	
	$("#"+newTab).removeClass(newTab);
	$("#"+newTab).addClass(newTabClass);
	
	$("#tagType").html(tabName);
	
}

function cancelPost() {
	
	document.getElementById("frmQuest").reset();
	$("#addDetailDiv").hide("slow");
	$("#addDetailBtn").show("slow");
	$("#upload").hide("slow");
}

function clearSearch() {
   searchStr = '';
   $("#topicSearch").val('');
   $("#clearSrch").remove();
   loadPage(1);
}