$(document).ready(function(){
	//================================ EDIT  ================================//			 
		
	function editDataCallback(data,list,blogname){
		var respArray = data.split('|');
		var respStatus = respArray[0].toLowerCase();
		var respMessage = respArray[1];
		var topic_id = respArray[2];
		
		switch (respStatus){
			case "success":
				respMessage = "<p><div class=\"warning\">" + respMessage +"</div><br /><a href=\"index.php?id=" + topic_id + "&list=" + list + "&blogname=" + blogname + "\" class=\"nav\" >go to topic</a></p>";
				$('div#formFrame').hide();
				$('div#statusBox').html(respMessage);
				$('div#statusBox').fadeIn("def");
				//$('#indicator').text("Upload");
				break;
			case "error":
				respMessage = "<p><div class=\"warning\">" + respMessage +"</div><br /><a href=\"index.php\" class=\"nav\" >backto board : </a>  <a href=\"#\" class=\"nav\" onclick=\"showPostForm();\"> : Try again.</a></p>";
				$('div#formFrame').hide();
				$('div#statusBox').html(respMessage);
				$('div#statusBox').fadeIn();
				$('#indicator').text("Upload");
				break;
			}	
		}
	$("form#editForm").submit(function() {
 	// we want to store the values from the form input box, then send via ajax below
	
	var edit_id = $('#edit_id').attr('value');
	var topic_id = $('#topic_id').attr('value');
	var description = $('#description').attr('value'); 
	var tech = $('#tech').attr('value'); 
	var image = $('#image_file').attr('value');
	var member_id = $('#member_id').attr('value');
	var mode = $('#mode').attr('value');
	var group = $('#group').attr('value'); 
	var video = $('#video').attr('value');
	var title = $('#title').attr('value');
	var topic_showcase = $('#topic_showcase').attr('checked');
	var topic_allow_comment = $('#topic_allow_comment').attr('checked');
	var topic_article = $('#topic_article').attr('checked');
	var blogname = $('#blogname').attr('value');
	var list = $('#list').attr('value');
		
	if ($('#topic_showcase').attr('checked')){
		topic_showcase =1;
	} else {
		topic_showcase =0;
	}
	if ($('#topic_allow_comment').attr('checked')){
		topic_allow_comment =1;
	} else {
		topic_allow_comment =0;
	}
	if ($('#topic_article').attr('checked')){
		topic_article =1;
	} else {
		topic_article =0;
	}
	
		if(description =="" ) {
				alert("Please enter Description");
				return;
		}
		switch (mode){
			case "topic":
				$.post("edit_ss.php" ,{ topic_id: edit_id,member_id: member_id,topic_id: topic_id, description: description, tech:tech,image: image,mode : mode,group : group,video : video,title : title,topic_showcase:topic_showcase,topic_allow_comment:topic_allow_comment,topic_article:topic_article },
			   		function(msg){
				 		editDataCallback(msg,list,blogname);
					} 
				);
				break;
			case "comment":
				$.post("edit_ss.php" ,{ answer_id: edit_id,member_id: member_id,topic_id: topic_id, description: description, tech:tech,image: image,mode : mode },
			   		function(msg){
				 		editDataCallback(msg,list,blogname);
					} 
				);
				break;
			}
	return false;
	});// End FUNCTION Edit 
	//================================ DELETE  ================================//			 
		
	function deleteDataCallback(data){
		var respArray = data.split('|');
		var respStatus = respArray[0].toLowerCase();
		var respMessage = respArray[1];
		var topic_id = respArray[2];
		var mode = respArray[3];
		
		switch (respStatus){
			case "success":
				
				switch(mode){
					case "topic":
						respMessage = "<p><div class=\"warning\">" + respMessage +"</div><br /><a href=\"index.php\" class=\"nav\" >backto board</a></p>";
					break;
					case "comment":
						respMessage = "<p><div class=\"warning\">" + respMessage +"</div><br /><a href=\"topic.php?id=" + topic_id + "\" class=\"nav\" >go to topic</a></p>";
					break;
				}
				$('div#formFrame').hide();
				$('div#statusBox').html(respMessage);
				$('div#statusBox').fadeIn("def");
				break;
			case "error":
				respMessage = "<p><div class=\"warning\">" + respMessage +"</div><br /><a href=\"index.php\" class=\"nav\" >backto board : </a>  <a href=\"#\" class=\"nav\" onclick=\"showPostForm();\"> : Try again.</a></p>";
				$('div#formFrame').hide();
				$('div#statusBox').html(respMessage);
				$('div#statusBox').fadeIn();
				$('#indicator').text("Upload");
				break;
			}	
		}
	$("form#deleteForm").submit(function() {
 	// we want to store the values from the form input box, then send via ajax below
	
	var edit_id = $('#edit_id').attr('value');
	var topic_id = $('#topic_id').attr('value');
	var description = $('#description').attr('value'); 
	var member_id = $('#member_id').attr('value');
	var mode = $('#mode').attr('value');
	var title = $('#title').attr('value');
		
			switch (mode){
			case "topic":
				
				$.post("delete_ss.php" ,{ topic_id: edit_id,member_id: member_id,topic_id: topic_id,mode : mode,title: title },
			   		function(msg){
						
				 		deleteDataCallback(msg);
					} 
				);
				break;
			case "comment":
				$.post("delete_ss.php" ,{ answer_id: edit_id,member_id: member_id,topic_id: topic_id,mode : mode },
			   		function(msg){
						deleteDataCallback(msg);
					} 
				);
				break;
			}
	return false;
	});// End FUNCTION Delete 

	$("a.star").click(function() {
				   
		var arr = new Array();
  		var opts = eval("(" + $(this).attr("rel") + ")");
		
		$.post("showcase_ss.php" ,{showcase: opts['showcase'],topic_id: opts['topic_id'],member_id: opts['member_id']},
			   function(msg){
				  
				   		$('#row'+opts['topic_id']).fadeOut("normal");
				  
				} 
		);
		return false;
     });
	$("a.cancel").click(function() {
				   
		var arr = new Array();
  		var opts = eval("(" + $(this).attr("rel") + ")");
		
		$.post("showcase_ss.php" ,{showcase: opts['showcase'],topic_id: opts['topic_id'],member_id: opts['member_id']},
			   function(msg){
				  
				   		$('#row'+opts['topic_id']).fadeOut("normal");
				  
				} 
		);
		return false;
     });
		
});// END $(document).ready