function showPostForm(){
	$('div#statusBox').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
};//
	
	//================================ SET MUI ================================
	$("a.mui").click(function() {
				   
		var element = $(this);
		var Id = element.attr("id"); 
		var item = $('textarea#description');
		var text=item.attr('value'); 
		item.attr('value',text+Id); 
		item.focus();
		
		return false;
     });
	//================================ 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("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: "logout.php",
			data: "",
			success: function(msg){
						logoutDataCallback(msg);
					}
		});// End .ajax
		return false;
	});// End FUNCTION Logout
		
	//================================ COMMENT ================================//			 
		
	function commentDataCallback(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></p>";
				$('div#formComment').hide();
				$('div#topicFrame').hide();
				$('div.comment').hide();
				$('div#likebox').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#statusBox').html(respMessage);
				$('div#statusBox').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 topic_allow_comment  = $('#topic_allow_comment').attr('value');
	var answer_embeded  = $('#answer_embeded').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,topic_allow_comment: topic_allow_comment,answer_embeded: answer_embeded },
			   function(msg){
				   	commentDataCallback(msg);
				} 
		
		);
	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#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#statusBox').html(respMessage);
				$('div#statusBox').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 topic_showcase = $('#topic_showcase').attr('checked');
	var topic_allow_comment = $('#topic_allow_comment').attr('checked');
	var topic_allow_embeded = $('#topic_allow_embeded').attr('checked');
	var topic_article = $('#topic_article').attr('checked');
	var topic_stick = $('#topic_stick').attr('checked');
	var mode = 'topic';
	
	
	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_allow_embeded').attr('checked')){
		topic_allow_embeded =1;
	} else {
		topic_allow_embeded =0;
	}
	if ($('#topic_article').attr('checked')){
		topic_article =1;
	} else {
		topic_article =0;
	}
	if ($('#topic_stick').attr('checked')){
		topic_stick =1;
	} else {
		topic_stick =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,topic_showcase:topic_showcase,topic_allow_comment: topic_allow_comment,topic_allow_embeded: topic_allow_embeded,topic_article: topic_article,topic_stick: topic_stick,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#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#statusBox').html(respMessage);
				$('div#statusBox').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 topic_showcase = $('#topic_showcase').attr('checked');
	var topic_allow_comment = $('#topic_allow_comment').attr('checked');
	var topic_article = $('#topic_article').attr('checked');
	var topic_stick = $('#topic_stick').attr('checked');
	var mode = 'video';
	
	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 ($('#topic_stick').attr('checked')){
		topic_stick =1;
	} else {
		topic_stick =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,topic_showcase:topic_showcase,topic_allow_comment: topic_allow_comment,topic_article: topic_article,topic_stick: topic_stick,mode: mode,twUser: twUser,twPassword: twPassword },
			   function(msg){
					postmediaDataCallback(msg);
				} 
		);
	return false;
	});
	
	
	//============================ CHECK STATUS ================================//		
		
	function checkStatus(){
 			$.post("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	

	
	
	
		//============================ MOVE ================================//	
	function moveDataCallback(data){
		var respArray = data.split('|');
		var respStatus = respArray[0].toLowerCase();
		var respMessage = respArray[1];
		switch (respStatus){
			case "success":
				
				$('a.move').fadeOut("normal");
			break;
		case "error":
				$('a.move').html(respMessage);
			break;
		}	
		}
	$("a.move").click(function() {
				   
		var arr = new Array();
  		var opts = eval("(" + $(this).attr("rel") + ")");
		var parent = $(this);

		$.post("topic_move_ss.php" ,{topic_id: opts['topic_id']},
			   function(msg){
					moveDataCallback(msg);  
				} 
		);
		return false;
     });
	function articleDataCallback(data){
		var respArray = data.split('|');
		var respStatus = respArray[0].toLowerCase();
		var respMessage = respArray[1];
		switch (respStatus){
			case "success":
				
				$('a.article').fadeOut("normal");
			break;
		case "error":
				$('a.article').html(respMessage);
			break;
		}	
		}
	$("a.article").click(function() {
				   
		var arr = new Array();
  		var opts = eval("(" + $(this).attr("rel") + ")");
		var parent = $(this);
		$.post("topic_article_ss.php" ,{article: opts['article'],topic_id: opts['topic_id']},
			   function(msg){
					articleDataCallback(msg);  
				} 
		);
		return false;
     });
	function recommendedDataCallback(data){
		var respArray = data.split('|');
		var respStatus = respArray[0].toLowerCase();
		var respMessage = respArray[1];
		switch (respStatus){
			case "success":
			
				$('a.recommended').fadeOut("normal");
			break;
		case "error":
				$('a.recommended').html(respMessage);
			break;
		}	
		}
	$("a.recommended").click(function() {
				   
		var arr = new Array();
  		var opts = eval("(" + $(this).attr("rel") + ")");
		var parent = $(this);
	
		$.post("topic_recommended_ss.php" ,{recommended: opts['recommended'],topic_id: opts['topic_id']},
			   function(msg){
					recommendedDataCallback(msg);  
				} 
		);
		return false;
     });
	$("a.stick").click(function() {
				   
		var arr = new Array();
  		var opts = eval("(" + $(this).attr("rel") + ")");
		
		$.post("stick_ss.php" ,{stick: opts['stick'],topic_id: opts['topic_id'],member_id: opts['member_id']},
			   function(msg){
						$('#stick'+opts['topic_id']).fadeOut("normal");
				} 
		);
		return false;
     });
	$("a.remove").click(function() {
				   
		var arr = new Array();
  		var opts = eval("(" + $(this).attr("rel") + ")");
		
		$.post("stick_ss.php" ,{stick: opts['stick'],topic_id: opts['topic_id'],member_id: opts['member_id']},
			   function(msg){
				  		
				   		$('#row'+opts['topic_id']).fadeOut("normal");
				  
				} 
		);
		return false;
     });

	
	
});// END $(document).ready