function showPostForm(){
	$('div#statusMain').hide();
	$('div#formFrame').fadeIn();	
	document.forms['myForm'].reset()
}
$(document).ready(function(){
							   
	function updateMenu(status,msg) {
		
	switch (status){
		case "none":
			$('div#loginPanel').fadeIn("def");
			$('div#userStatus').fadeout("normal");
			$('div#controlPanel').fadeOut("normal");
			break;
		case "member":
			$('div#userStatus').fadeIn("def");
			$('div#controlPanel').fadeIn("def");
			$('div#userStatus').html("Hello : " + msg);
			$('div#loginPanel').fadeOut("normal");
			break; 
		case "podcaster":
			$('div#userStatus').fadeIn("def");
			$('div#controlPanel').fadeIn("def");
			$('div#userStatus').html("Hello : " + msg);
			$('div#loginPanel').fadeOut("normal");
			break;
		}// End switch
};// End FUNCTION updateStatus					   
	
	//================================ LOG IN ================================//
	function loginDataCallback(data){
		var respArray = data.split('|');
		var respStatus = respArray[0].toLowerCase();
		var respMessage = respArray[1];
		var respPage = respArray[2];
		
		switch (respStatus){
			case "success":
				checkStatus();
				window.location.href = jQuery.url.attr("relative");
				break;
			case "error":
				alert(respMessage);
				$('div#loader').hide();
				$('div#userStatus').html(respMessage);
				$('div#userStatus').css("color","#880000");
				break;
			}	
		}
		$("form#loginForm").submit(function() {
				
			var username     = $('#username').attr('value');
			var password     = $('#password').attr('value'); 
			
			
			if(username =="" || password =="") {
				alert("Please enter username and password");
				return;
			}
			
			$('div#userStatus').fadeIn("slow");
			$('div#userStatus').html(" <img src=\"../image/ajax-loader.gif\" /> Log in process...");
									
 			$.post("../board/login.php" ,{ username: username, password: password },
			   function(msg){
				   	loginDataCallback(msg);
				} 
		
		);
		return false;
	});// End FUNCTION Form Login
		
		
	//================================ LOG OUT ================================//
		
	function logoutDataCallback(data){
		var respArray = data.split('|');
		var respStatus = respArray[0].toLowerCase();
		var respMessage = respArray[1];
		switch (respStatus){
			case "success":
				window.location.href = "index.php";	
			break;
		case "error":
			$('div#userStatus').html(respMessage);
			$('div#userStatus').css("color","#880000");
			break;
		}	
		}
	$("a#logout").click(function(){				
		$('div#userStatus').html("<img src=\"../image/ajax-loader.gif\" /> Log out process...");
					
 		$.ajax({
			type: "POST",
			url: "../board/logout.php",
			data: "",
			success: function(msg){
						logoutDataCallback(msg);
					}
		});// End .ajax
		return false;
	});// End FUNCTION Logout
		
	//================================ COMMENT ================================//			 
		
	function commentDataCallback(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#formComment').hide();
				$('div#topicFrame').hide();
				$('div.comment').hide();
				$('div#statusMain').html(respMessage);
				$('div#statusMain').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#statusMain').html(respMessage);
				$('div#statusMain').fadeIn();
				$('#indicator').text("Upload");
				break;
			}	
		}
	$("form#commentForm").submit(function() {
 	// we want to store the values from the form input box, then send via ajax below
	var topic_id     = $('#topic_id').attr('value');
	var description     = $('#description').attr('value'); 
	var tech     = $('#tech').attr('value'); 
	var image = $('#image_file').attr('value');
	var blogname = $('#blogname').attr('value');
	var list = $('#list').attr('value');
	var mode = 'comment';
			
		if(description =="" ) {
				alert("Please enter Description");
				return;
		}
		$.post("post_ss.php" ,{ topic_id: topic_id, description: description, tech:tech,image: image,mode : mode },
			   function(msg){
				   commentDataCallback(msg,list,blogname);
				} 
		
		);
	return false;
	});// End FUNCTION commentForm
		
		
	//================================ POST TOPIC ================================//
		
		
	function postDataCallback(data){
		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=\"topic.php?id=" + topic_id + "\" class=\"nav\" >go to topic</a> | <a href=\"index.php\" class=\"nav\" >back to board : </a></p>";
				$('div#formFrame').hide();
				$('div#statusMain').html(respMessage);
				$('div#statusMain').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#statusMain').html(respMessage);
				$('div#statusMain').fadeIn();
				$('#indicator').text("Upload");
				break;
			}	
	}
	$("form#myForm").submit(function() {
 	// we want to store the values from the form input box, then send via ajax below
	
	var title     = $('#title').attr('value');
	var description     = $('#description').attr('value'); 
	var video     = $('#video').attr('value'); 
	var group     = $('#group').attr('value'); 
	var image = $('#image_file').attr('value');
	var tech     = $('#tech').attr('value'); 
	var twUser     = $('#twUser').attr('value'); 
	var twPassword     = $('#twPassword').attr('value'); 
	var feature = $('#feature').attr('checked');
	var mode = 'topic';
	
	if ($('#feature').attr('checked')){
		feature =1;
	} else {
		feature =0;
	}
		if(title =="" || description =="" ) {
				alert("Please enter Title : Description");
				return;
		}
		$.post("post_ss.php" ,{ title: title, description: description, video:video ,group: group,tech:tech,image: image,feature:feature,mode: mode,twUser: twUser,twPassword: twPassword },
			   function(msg){
					postDataCallback(msg);
				} 
		);
	return false;
	});
	//================================ POST VIDEO ================================//
		
		
	function postmediaDataCallback(data){
		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=\"topic.php?id=" + topic_id + "\" class=\"nav\" >go to topic</a> | <a href=\"index.php\" class=\"nav\" >back to board : </a></p>";
				$('div#formFrame').hide();
				$('div#statusMain').html(respMessage);
				$('div#statusMain').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#statusMain').html(respMessage);
				$('div#statusMain').fadeIn();
				$('#indicator').text("Upload");
				break;
			}	
	}
	$("form#mediaForm").submit(function() {
 	// we want to store the values from the form input box, then send via ajax below
	
	var title     = $('#title').attr('value');
	var description     = $('#description').attr('value'); 
	var object     = $('#object').attr('value'); 
	var group     = $('#group').attr('value'); 
	var image = $('#image_file').attr('value');
	var video = $('#video_file').attr('value');
	var width = $('#v_width').attr('value');
	var height = $('#v_height').attr('value');
	var twUser     = $('#twUser').attr('value'); 
	var twPassword     = $('#twPassword').attr('value'); 
	var feature = $('#feature').attr('checked');
	var mode = 'topic';
	
	if ($('#feature').attr('checked')){
		feature =1;
	} else {
		feature =0;
	}
		if(title =="" || description =="" ) {
				alert("Please enter Title : Description");
				return;
		}
		
		$.post("post_ss.php" ,{ title: title, description: description,object:object,video:video,width:width,height:height,group: group,image: image,feature:feature,mode: mode,twUser: twUser,twPassword: twPassword },
			   function(msg){
					postmediaDataCallback(msg);
				} 
		);
	return false;
	});
	
	
	//============================ CHECK STATUS ================================//		
		
	function checkStatus(){
 			$.post("../board/status_ss.php" ,{},
			function(msg){
				var respArray = msg.split('|');
				var respStatus = respArray[0].toLowerCase();
				var respMessage = respArray[1];
				updateMenu(respStatus,respMessage);
				} 
			);
	return false;
		};// End FUNCTION checkStatus	
});// END $(document).ready