// JavaScript Document

/* ===============================================
  ROLL OVER
=============================================== */
	function initRollOverImages(){
		var image_cache = new Object();
		$("img.rover,input.rover").each(function(i){
			var imgsrc = this.src;
			var dot = this.src.lastIndexOf('.');
			var imgsrc_ro = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
			image_cache[this.src] = new Image();
			image_cache[this.src].src = imgsrc_ro;
			$(this).hover(
				function() { if(!$(this).hasClass("active")){this.src = imgsrc_ro;} },
				function() {if(!$(this).hasClass("active")){this.src = imgsrc; }})
		});
	}

/* ===============================================
  Menu_active
=============================================== */
	function Menu_active(id){
		if(id != ''){
			var target_img = "img#"+id;
			$(target_img).each(function(i){
				dot = this.src.lastIndexOf('.');
				var imgsrc_ro = this.src.substr(0, dot) + '_on' + this.src.substr(dot, 4);
				this.src = imgsrc_ro;
				$(this).hover(function(){
					this.src = imgsrc_ro;
				},function(){
					this.src = imgsrc_ro;
				});
			});
		}
	}

/* ===============================================
  localMenu_active
=============================================== */
	function localMenu_active(id){
		if(id != ''){
			var target_img = "li#"+id;
			$(target_img).each(function(i){
				$(this).addClass("on");
			});
			var target_img = "dd#"+id;
			$(target_img).each(function(i){
				$(this).addClass("on");
			});
			//Side Navi Control
			$("#Side ul#LocalNavi li ul.secondNavi,#Side ul#LocalNavi li ul.thirdNavi").hide();
			if(id != ''){
				$("#Side ul#LocalNavi li" + id).children().show();
				$("#Side ul#LocalNavi li" + id).parent().parent().parent().show();
				$("#Side ul#LocalNavi li" + id).parent().show();
			}
		}
	}

/* ===============================================
  input,textarea focus
=============================================== */
	function InputFocus(){
		$('input[type=text],input[type=password],textarea').addClass('input-usually');
		$('.input-usually').focus(function(){
			$(this).addClass('input-focus');
		});
		$('.input-usually').blur(function(){
			if($(this).find('.input-focus')){
				$(this).removeClass('input-focus');
			}
		});
		$('input[title]').each(function() {
			if($(this).val() === '') {
				$(this).addClass('example');
				$(this).val($(this).attr('title'));
			}
			$(this).focus(function() {
				if($(this).val() == $(this).attr('title')) {
					$(this).val('').addClass('focused');
					$(this).removeClass('example');
				}
			});
			$(this).blur(function() {
				if($(this).val() === '') {
					$(this).addClass('example');
					$(this).val($(this).attr('title')).removeClass('focused');	
				}
			});
		});
		$("#submitbtn").click(function() {
			$('table tr td input').each(function() {
				if($(this).hasClass('example')) {
					$(this).val("");
				}
			});
		});
	}
	
/* ===============================================
  FONT SIZE
=============================================== */
	function fontChanger(){
		var history = $.cookie('fontSize');
		var elm = $('#Container,#wrap');
		if(history){
			elm.addClass(history);
		}else{
			elm.addClass('fontM');
			history = "fontM";
		}
		var active_btn = "#fontChange li#"+history;
		$(active_btn).find("img").addClass("active");
		$(active_btn).find("img").attr("src",$(active_btn).find("img").attr("src").replace(".jpg","_on.jpg"));
		$(active_btn).addClass('on');
		
		$('li','#fontChange').click(function(){
											 
			var setFontSize = this.id;
			$.cookie('fontSize', setFontSize,{expires:30,path:'/'});
			elm.removeClass().addClass(setFontSize);
			$('#fontChange li', this.group).each(function(){
				$(this).removeClass('on');
			});
			$("#fontChange li img").each(function(){
				this.src=this.src.replace("_on","");
				if($(this).hasClass("active")){
					$(this).removeClass("active");
				}
			});

			$(this).find("img").addClass("active");
			$(this).find("img").attr("src",$(this).find("img").attr("src").replace(".jpg","_on.jpg"));
			$(this).addClass('on');
		});
	}



/* ===============================================
CONFIG
=============================================== */
$(document).ready(function(){
	initRollOverImages();
	InputFocus();
	fontChanger();
});