/* jquery events*/

$(document).ready(function()
	{
				
		/* LOGIN */
		$("#login_form").submit(function() {
				var unameval = $("#username").val();
				var pwordval = $("#password").val();
				$.post("library/ajax/login.php", { username: unameval,
				password: pwordval }, function(data) {
						
					if(data == 1)
					{
						//document.location.href = "http://localhost/e4camp2/mypage_s.php";
						location.reload();
					}
					else if(data == 0)
					{
						alert("Login Failed");	
					}
				});
				return false;
			});		
		
		$("#logout-button").click(function() {
				document.location.href = "logout.php";
			});	
		
		
		/* Language Events*/
		
		$(".kr-lang").mousedown(function(){
			  $(this).css({backgroundPosition: '-259px -112px'});
		}).mouseup(function(){
			  $(this).css({backgroundPosition: '-259px -132px'});
			  $(".en-lang").css({backgroundPosition: '-206px -132px'});
		});
		
		/* Login Events*/
		
		$(".login-button").mousedown(function(){
			  $(this).css({backgroundPosition: '-201px -46px'});
		}).mouseup(function(){
			  $(this).css({backgroundPosition: '-201px -22px'});
		});
		
		/* Tech Support*/
		
		$(".skype").mousedown(function(){
			  $(this).css({backgroundPosition: '0px -50px'});
		}).mouseup(function(){
			  $(this).css({backgroundPosition: '0px 0px'});
		});
		
		$(".adobereader").mousedown(function(){
			  $(this).css({backgroundPosition: '-200px -50px'});
		}).mouseup(function(){
			  $(this).css({backgroundPosition: '-200px 0px'});
		});
		
		$(".documeeting").mousedown(function(){
			  $(this).css({backgroundPosition: '-400px -50px'});
		}).mouseup(function(){
			  $(this).css({backgroundPosition: '-400px 0px'});
		});
		
		
		/*Left Menu*/
		
		$("table.left-menu tr td").hover(
		  function () {
			 if($(this).hasClass('active'))
			 {
				$(this).css({backgroundPosition: '0px -76px'}); 
			 }
			 else
			 {
				$(this).css({backgroundPosition: '-374px -76px'}); 
			 }
			 
		  }, 
		  function () {
			 if($(this).hasClass('active'))
			 {
				$(this).css({backgroundPosition: '0px -76px'}); 
			 }
			 else
			 {
				$(this).css({backgroundPosition: '-187px -76px'});
			 }
			 
		  }
		);
		
		
		$("table.left-menu tr td.submenu").hover(
		  function () {
			 if($(this).hasClass('active'))
			 {
				$(this).css({background: '0px -76px'}); 
			 }
			 else
			 {
				$(this).children().css({color: '#09F'}); 
			 }
			 
		  }, 
		  function () {
			 if($(this).hasClass('active'))
			 {
				$(this).css({backgroundPosition: '0px -76px'}); 
			 }
			 else
			 {
				$(this).children().css({color: '#999'}); 
			 }
			 
		  }
		);
		
		
		$("table.left-menu tr td").click(
		  function(){
			  var link = $(this).find("a").attr("href")
			  document.location.href = link;
		  }
		);
		
		$("ul.gallery li").click(
		  function(){
			  var link = $(this).find("a").attr("href")
			  document.location.href = link;
		  }
		);
		
		/*Admin Page --start*/
		$(".admin-students").mousedown(function(){
			  $(this).css({backgroundPosition: '0px -35px'});
			  $(".admin-teachers").css({backgroundPosition: '-127px -35px'});
			  $("#admin_teachers_container").hide();
			  $("#admin_students_container").css({visibility: 'visible'}).fadeIn("normal").fadeIn(function(){this.style.removeAttribute("filter");});
		});
		
		$(".admin-teachers").mousedown(function(){
			  $(this).css({backgroundPosition: '-381px -35px'});
			  $(".admin-students").css({backgroundPosition: '-254px -35px'});
			  $("#admin_students_container").hide();
			  $("#admin_teachers_container").css({visibility: 'visible'}).fadeIn("normal").fadeIn(function(){this.style.removeAttribute("filter");}); 
		});
		
		$("#admin_teachers_container").hide();  
		/*Admin Page --end*/
		
		
		/* Mypage Teachers*/
		
		$("#my_camp_students_container").hide();  /*Heigth fix*/
		$("#my_uploads_container").hide();  
		
		$(".my-olt-students").mousedown(function(){
			  $(this).css({backgroundPosition: '0px -35px'});
			  $(".my-camp-students").css({backgroundPosition: '-127px -35px'});
			  $("#my_camp_students_container").hide();
			  $(".my-uploads").css({backgroundPosition: '-889px -35px'});
			  $("#my_uploads_container").hide();
			  $("#my_olt_students_container").css({visibility: 'visible'}).fadeIn("normal").fadeIn(function(){this.style.removeAttribute("filter");});
		});
		
		$(".my-camp-students").mousedown(function(){
			  $(this).css({backgroundPosition: '-381px -35px'});
			  $(".my-olt-students").css({backgroundPosition: '-254px -35px'});
			  $("#my_olt_students_container").hide();
			  $(".my-uploads").css({backgroundPosition: '-889px -35px'});
			  $("#my_uploads_container").hide();
			  $("#my_camp_students_container").css({visibility: 'visible'}).fadeIn("normal").fadeIn(function(){this.style.removeAttribute("filter");}); 
		});
		
		$(".my-uploads").mousedown(function(){
			  $(this).css({backgroundPosition: '-762px -35px'});
			  $(".my-camp-students").css({backgroundPosition: '-127px -35px'});
			  $("#my_camp_students_container").hide();
			  $(".my-olt-students").css({backgroundPosition: '-254px -35px'});
			  $("#my_olt_students_container").hide();
			  $("#my_uploads_container").css({visibility: 'visible'}).fadeIn("normal").fadeIn(function(){this.style.removeAttribute("filter");});
		});
		
		
		$(".my-students-wrap").hover(
		  function () {
			 $(this).css({backgroundColor: '#c8e2f0'});
		  }, 
		  function () {
			 $(this).css({backgroundColor: '#f0f0f0'});
		  }
		);
		
		$(".my-students-wrap2").hover(
		  function () {
			 $(this).css({backgroundColor: '#c8e2f0'});
		  }, 
		  function () {
			 $(this).css({backgroundColor: '#f0f0f0'});
		  }
		);
		
		$(".my-students-wrap").click(
		 function(){
			  var link = $(this).find("a").attr("href")
			  document.location.href = link;
		 }
		);
		
		
		/* Mypage buttons*/
		
		$(".add-student").mousedown(function(){
			  $(this).css({backgroundPosition: '-175px -23px'});
		}).mouseup(function(){
			  $(this).css({backgroundPosition: '-175px 0px'});
		});
		
		
		/*Mypage Students*/
		$(".viewprofile").mousedown(function(){
			  $(this).css({backgroundPosition: 'bottom'});
		}).mouseup(function(){
			  $(this).css({backgroundPosition: 'top'});
		});
		
		$(".take-the-quiz-button").mousedown(function(){
			  $(this).css({backgroundPosition: 'bottom'});
		}).mouseup(function(){
			  $(this).css({backgroundPosition: 'top'});
		});
		
		
		
		/* Mypage Students Tabbing*/
		
		$("#mypage_wetbl_content").hide();  /*Heigth fix*/
		$("#mypage_setbl_content").hide();  /*Heigth fix*/
		$("#mypage_gtbl_content").hide();  /*Heigth fix*/
		
		$(".mypage-wltbl").mousedown(function(){
			  $(this).css({backgroundPosition: '0px -66px'});
			  $(".mypage-wetbl").css({backgroundPosition: '-155px -33px'});
			  $(".mypage-setbl").css({backgroundPosition: '-343px -33px'});
			  $(".mypage-gtbl").css({backgroundPosition: '-531px -33px'});
			  $("#mypage_wetbl_content").hide();
			  $("#mypage_setbl_content").hide();
			  $("#mypage_gtbl_content").hide();
			  $("#mypage_wltbl_content").css({visibility: 'visible'}).fadeIn("normal").fadeIn(function(){this.style.removeAttribute("filter");});
		});
		
		$(".mypage-wetbl").mousedown(function(){
			  $(this).css({backgroundPosition: '-155px -66px'});
			  $(".mypage-wltbl").css({backgroundPosition: '0px -33px'});
			  $(".mypage-setbl").css({backgroundPosition: '-343px -33px'});
			  $(".mypage-gtbl").css({backgroundPosition: '-531px -33px'});
			  $("#mypage_wltbl_content").hide();
			  $("#mypage_setbl_content").hide();
			  $("#mypage_gtbl_content").hide();
			  $("#mypage_wetbl_content").css({visibility: 'visible'}).fadeIn("normal").fadeIn(function(){this.style.removeAttribute("filter");}); 
		});
		
		$(".mypage-setbl").mousedown(function(){
			  $(this).css({backgroundPosition: '-343px -66px'});
			  $(".mypage-wltbl").css({backgroundPosition: '0px -33px'});
			  $(".mypage-wetbl").css({backgroundPosition: '-155px -33px'});
			  $(".mypage-gtbl").css({backgroundPosition: '-531px -33px'});
			  $("#mypage_wltbl_content").hide();
			  $("#mypage_wetbl_content").hide();
			  $("#mypage_gtbl_content").hide();
			  $("#mypage_setbl_content").css({visibility: 'visible'}).fadeIn("normal").fadeIn(function(){this.style.removeAttribute("filter");}); 
		});
		
		$(".mypage-gtbl").mousedown(function(){
			  $(this).css({backgroundPosition: '-531px -66px'});
			  $(".mypage-wltbl").css({backgroundPosition: '0px -33px'});
			  $(".mypage-wetbl").css({backgroundPosition: '-155px -33px'});
			  $(".mypage-setbl").css({backgroundPosition: '-343px -33px'});
			  $("#mypage_wltbl_content").hide();
			  $("#mypage_wetbl_content").hide();
			  $("#mypage_setbl_content").hide();
			  $("#mypage_gtbl_content").css({visibility: 'visible'}).fadeIn("normal").fadeIn(function(){this.style.removeAttribute("filter");}); 
		});
		
		
		
		
		/*COLOR BOX functions*/
		
		//$(".add-file-access").colorbox({width:"470px", inline:true, href:"#add_fileacess_container"});
		$(".add-file-access").colorbox({transition:"elastic"});
		$(".popup-question-voca").colorbox({transition:"elastic"});

		$(".add-oltstudent").colorbox({width:"400px", inline:true, href:"#add_oltstudent_container"});
		$(".add-myvocabulary").colorbox({width:"400px", inline:true, href:"#add_myvocabulary_container"});
		$(".play-audio").colorbox({transition:"elastic"});
		$(".flashvideo").colorbox({href:"flash.html"});
		$(".photo").colorbox({transition:"elastic"});
		
		$(".add-student-vold").colorbox({width:"400px", inline:true, href:"#add_student_vold_form"});
		$(".add-student-vobl").colorbox({width:"400px", inline:true, href:"#add_student_vobl_form"});
		$(".add-student-votl").colorbox({width:"400px", inline:true, href:"#add_student_votl_form"});
		
		/*POP-UNAVAILABE*/
		$(".popunavailable-message").colorbox({width:"700px", inline:true, href:"#popunavailable_message"});
		$(".popunavailable-message-borderbottom").colorbox({width:"400px", inline:true, href:"#popunavailable_message"});
		$(".popunavailable-message-active").colorbox({width:"400px", inline:true, href:"#popunavailable_message"});
		
		/*PLEASE LOGIN FIRST */
		$(".pop-loginfirst-message").colorbox({width:"400px", inline:true, href:"#pop_loginfirst_message"});

		/*AUTOCOMPLETE*/
		
		$("#word").autocomplete("library/ajax/get_vocabulary.php", {
			width: 153,
			matchContains: true,
			mustMatch: true,
			//minChars: 0,
			//multiple: true,
			//highlight: false,
			//multipleSeparator: ",",
			selectFirst: false,
			formatItem: function(data, i, n, value) {
				return  data[0] +' | level: '+ data[2];
			}
			
		});
		
		$("#word").result(function(event, data, formatted) {
			$("#word_val").val(data[1]);
		});
		
		$("#word2").autocomplete("library/ajax/get_vocabulary.php", {
			width: 153,
			matchContains: true,
			mustMatch: true,
			//minChars: 0,
			//multiple: true,
			//highlight: false,
			//multipleSeparator: ",",
			selectFirst: false,
			formatItem: function(data, i, n, value) {
				return  data[0] +' | level: '+ data[2];
			}
		});
		
		$("#word2").result(function(event, data, formatted) {
			$("#word_val2").val(data[1]);
		});
		
		$("#word3").autocomplete("library/ajax/get_vocabulary.php", {
			width: 153,
			matchContains: true,
			mustMatch: true,
			//minChars: 0,
			//multiple: true,
			//highlight: false,
			//multipleSeparator: ",",
			selectFirst: false,
			formatItem: function(data, i, n, value) {
				return  data[0] +' | level: '+ data[2];
			}
		});
		
		$("#word3").result(function(event, data, formatted) {
			$("#word_val3").val(data[1]);
		});
		
		
		 
		/*REGISTRATION*/
		
		$("#app_username").blur(function()
			{
				var username = jQuery.trim($("#app_username").val());
				$("#username_message").text('Validating...').fadeIn(1000);
				
				if( username == "" ) 

					$("#username_message").text('사용자 ID가 필요합니다.').fadeIn(1000); 

				else if( username.length < 6 ) 

					$("#username_message").text('Username must have at least 6 characters.').fadeIn(1000);

				else if( username.length > 15 ) 

					$("#username_message").text('Username must not exceed 15 characters.').fadeIn(1000);

				else

				{

					$.post("library/ajax/registration_field_checker.php",{ val:username, type:'xxyxx', rand:Math.random() } ,function(data)

					{

						$("#username_message").html( data ).fadeIn(1000);

					});

				}

			});

			

			$("#app_password").blur(function()

			{

				var password = $("#app_password").val();

				if( password == "" ) 

					$("#password_message").text('Password가 필요합니다.').fadeIn(1000);

				else if( password.length < 6 ) 

					$("#password_message").text('Password must have at least 6 characters.').fadeIn(1000);

				else if( password.length > 32 ) 

					$("#password_message").text('Password must not exceed 32 characters.').fadeIn(1000);

				else

					$("#password_message").text('').fadeIn(1000);

			});

			

			$("#app_conpass").blur(function()

			{

				if( $("#app_password").val() != $("#app_conpass").val()) 

					$("#conpass_message").text('Please verify your password again.').fadeIn(1000);

				else

					$("#conpass_message").text('').fadeIn(1000);

			});
		 
		 	
			
			$("#app_email").blur(function()

			{

				var email = jQuery.trim( $("#app_email").val() );

				$("#email_message").text('Validating...').fadeIn(1000);

				if( email == "" ) 

					$("#email_message").text('이메일 주소가 필요합니다.').fadeIn(1000);

				else if( !(/^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/).test(email) )

					$("#email_message").text('Invalid email address.').fadeIn(1000);

				else

				{

					$.post("library/ajax/registration_field_checker.php",{ val:email, type:'yyxyy', rand:Math.random() } ,function(data)

					{

						$("#email_message").html( data ).fadeIn(1000);

					});

				}

			}); 
			
			
			
			
			/*ABOUT CAMP*/
			$(".hide").hide();						
				$("div.hover").hover(
							  function () {
								var pos = $(this).children("div").attr("id");
								if(pos == 1)
								{
									$(this).children("div").css("background", "url(resources/img/layout/about/arrow.gif) no-repeat bottom right");
								}
								else if(pos == 0)
								{
									$(this).children("div").css("background", "url(resources/img/layout/about/arrow.gif) no-repeat top right");
								}
								$(this).addClass("divhover");
								
							  },
							  function () {
								var pos = $(this).children("div").attr("id");
								if(pos == 1)
								{
									$(this).children("div").css("background", "url(resources/img/layout/about/arrow.gif) no-repeat bottom left");
								}
								else if(pos == 0)
								{
									$(this).children("div").css("background", "url(resources/img/layout/about/arrow.gif) no-repeat top left");
								}
								
								$(this).removeClass("divhover");
							  }
							);	
				
				 
				$('div.hover').click(function() {
					//var href = $(this).find("a").attr("href");
					//if(href) {
					//	window.location = href;
					//}
					var pos = $(this).children("div").attr("id");
					if(pos == 0)
					{
						$(this).children("div").css("background", "url(resources/img/layout/about/arrow.gif) no-repeat bottom right");
						$(this).children("div").attr("id", "1");
						$(this).children("span").text("Close");
						$(this).next("div").fadeIn("slow").show();
					}
					else if(pos == 1)
					{
						$(this).children("div").css("background", "url(resources/img/layout/about/arrow.gif) no-repeat top right");
						$(this).children("div").attr("id", "0");
						$(this).children("span").text("View");
						$(this).next("div").hide();
					}
				});
			
		 
		 		
		 
	});


/* CONTROL PANEL*/
		
		function confirmation(elem,vid) {
				var answer = confirm("Are you sure you want to delete this word?")
				if (answer){
					$.ajax({
					   type: "POST",
					   url: "library/ajax/delete_vocabulary.php",
					   data: "vid="+vid,
					   success: function(msg){
						 //$("tr#word82").fadeOut("medium");
						 //$(elem).parent().parent().fadeOut("medium").replaceWith("<tr class='hidden'><td></td><td></td><td></td><td></td><td></td></tr>");
						 //$(".hidden").hide();
						 location.reload();
						 document.location.href = "c_voc_v.php#cpanel_vocabulary_view";
					   }
					 });
				}
				
			}
			
			function confirmation_del_q(elem,vid) {
				var answer = confirm("Are you sure you want to delete this question?")
				if (answer){
					$.ajax({
					   type: "POST",
					   url: "library/ajax/delete_vocabulary_q.php",
					   data: "vid="+vid,
					   success: function(msg){
						 //$("tr#word82").fadeOut("medium");
						 //$(elem).parent().parent().fadeOut("medium").replaceWith("<tr class='hidden'><td></td><td></td><td></td><td></td><td></td></tr>");
						 //$(".hidden").hide();
						 location.reload();
						 document.location.href = "c_voc_q.php#q_view_cpanel";
					   }
					 });
				}
				
			}
			
			function confirmation_del_student_voca(elem,vid,sid,teacher_id) {
				var answer = confirm("Are you sure you want to delete this question?")
				if (answer){
					$.ajax({
					   type: "POST",
					   url: "library/ajax/delete_vocabulary_students.php",
					   data: "vid="+vid+"&sid="+sid,
					   success: function(msg){
						 //$("tr#word82").fadeOut("medium");
						 //$(elem).parent().parent().fadeOut("medium").replaceWith("<tr class='hidden'><td></td><td></td><td></td><td></td><td></td></tr>");
						 //$(".hidden").hide();
						 location.reload();
						 document.location.href = "mypage_st.php?uid="+sid + "&teacher_id=" + teacher_id;
					   }
					 });
				}
				
			}
			
			function quiz_answer(correct,vid,sid,letter,choice,qid) {
				$("#quiz_answer").html('<p>Checking Answer</p><img src="resources/img/layout/q_loader.gif" alt="" width="32" height="32" class="q_loader" />');
				if(correct == 0)
				{
					$.ajax({
					   type: "POST",
					   url: "library/ajax/quiz_correct_vocabulary.php",
					   data: "cor="+correct+"&sid="+sid+"&vid="+vid+"&qid="+qid+"&choice="+choice,
					   success: function(msg){
						 $("#quiz_answer").html('<img src="resources/img/layout/incorrect.png" alt="" width="150" height="150" /><p>Correct answer : <span class="bold" style="font-size:14px; color:#03F">'+letter+'</span></p>');
					   }
					 });
					
				}
				else if(correct == 1)
				{
					$.ajax({
					   type: "POST",
					   url: "library/ajax/quiz_correct_vocabulary.php",
					   data: "cor="+correct+"&sid="+sid+"&vid="+vid+"&qid="+qid+"&choice="+choice,
					   success: function(msg){
						 $("#quiz_answer").html('<img src="resources/img/layout/correct.png" alt="" width="150" height="150" />');
					   }
					 });
				}
				
				$(".quiz_radio_btn").attr("disabled","disabled");
				$(".quiz_next").removeAttr("disabled");
				
			}
			
