/*rollover*/

function initRollOverImagesFade() {
  var image_cache = new Object();
  $('.swap').each(function(i) {
    var imgsrc = this.src;
    var dot = this.src.lastIndexOf('.');
    var imgsrc_on = this.src.substr(0, dot) + '_over' + this.src.substr(dot, 4);
    image_cache[this.src] = new Image();
    image_cache[this.src].src = imgsrc_on;
//    alert(imgsrc_on);
    $(this).hover(
//      function() { $(this).fadeTo(320, 0.7); $(this).fadeTo(240, 1.0); this.src = imgsrc_on; },
//      function() { $(this).fadeTo(240, 0.9); $(this).fadeTo(240, 1.0); this.src = imgsrc; });
      function() { this.src = imgsrc_on; },
      function() { this.src = imgsrc; });
  });
}

$(document).ready(initRollOverImagesFade);


function initRollOverImagesFade2() {
  $('.fader').each(function(i) {
    $(this).hover(
      function() { $(this).fadeTo(200, 0.7); $(this).css({ backgroundColor:"black" }); },
      function() { $(this).fadeTo(200, 1.0); });
  });
}



/*crossfade*/
new function(){
  function setRollOver(){
    if(!document.images){return;}
    var imgs = document.images;
    var insert = [];
    for(var i=0;i<imgs.length;i++){
      var splitname = imgs[i].src.split('_rollout.');
      if((splitname[1])&&(imgs[i].parentNode.tagName=='A')){
        var rolloverImg = document.createElement('img');
        rolloverImg.src = splitname[0]+'_rollover.'+splitname[1];
        var alpha = 0;
        rolloverImg.currentAlpha = alpha;
        rolloverImg.style.opacity = alpha/100;
        rolloverImg.style.filter = 'alpha(opacity='+alpha+')';
        rolloverImg.style.position = 'absolute';

        addEvent(rolloverImg,'mouseover',function(){setFader(this,100);});
        addEvent(rolloverImg,'mouseout',function(){setFader(this,0);});

        insert[insert.length] = {position:imgs[i],element:rolloverImg};
      }
    }
    for(var i=0;i<insert.length;i++){
      var parent = insert[i].position.parentNode;
      parent.insertBefore(insert[i].element,insert[i].position);
    }
  }

  function setFader(targetObj,targetAlpha){
    targetObj.targetAlpha = targetAlpha;
    if(targetObj.currentAlpha==undefined){
      targetObj.currentAlpha = 100;
    }
    if(targetObj.currentAlpha==targetObj.targetAlpha){
      return;
    }
    if(!targetObj.fading){
      if(!targetObj.fader){
        targetObj.fader = fader;
      }
      targetObj.fading = true;
      targetObj.fader();
    }
  }

  function fader(){
    this.currentAlpha += (this.targetAlpha - this.currentAlpha)*0.2;
    if(Math.abs(this.currentAlpha-this.targetAlpha)<1){
      this.currentAlpha = this.targetAlpha;
      this.fading = false;
    }
    var alpha = parseInt(this.currentAlpha);
    this.style.opacity = alpha/100;
    this.style.filter = 'alpha(opacity='+alpha+')';
    if(this.fading){
      var scope = this;
      setTimeout(function(){fader.apply(scope)},30);
    }
  }

  function addEvent(eventTarget, eventName, func){
    if(eventTarget.addEventListener){
      eventTarget.addEventListener(eventName, func, false);
    }else if(window.attachEvent){
      eventTarget.attachEvent('on'+eventName, function(){func.apply(eventTarget);});
    }
  }

  addEvent(window,'load',setRollOver);

}


/*pagetop*/

$(function(){
	$(".jump").click(function(){
		$($(this).attr("jumpto")).ScrollTo(600);
		return false;
	});
});



/*fontsize*/

function imgFontChange(){
	var chkCookie = $.cookie('style');
	if(chkCookie == null){
		var nowSize = 'M';
	} else {
		var nowSize = chkCookie.substring(17,18);
	}
	if(nowSize == "S"){
		$('#imgFontS').attr({src: "/image/btnFontS_in.jpg"});
		$('#imgFontM').attr({src: "/image/btnFontM.jpg"});
		$('#imgFontL').attr({src: "/image/btnFontL.jpg"});
	} else
	if(nowSize == "M"){
		$('#imgFontS').attr({src: "/image/btnFontS.jpg"});
		$('#imgFontM').attr({src: "/image/btnFontM_in.jpg"});
		$('#imgFontL').attr({src: "/image/btnFontL.jpg"});

	} else
	if(nowSize == "L"){
		$('#imgFontS').attr({src: "/image/btnFontS.jpg"});
		$('#imgFontM').attr({src: "/image/btnFontM.jpg"});
		$('#imgFontL').attr({src: "/image/btnFontL_in.jpg"});

	}
}


$(function(){
	var chkCookie = $.cookie('style');
	if(chkCookie == null){
		$("#fsize").attr({href:'/stylesheet/font-M.css'});
	} else {
		$("#fsize").attr({href:$.cookie('style')});
	}
	imgFontChange();
});

function jstyle(cssurl){
	$('#fsize').attr({href:cssurl});
	$.cookie('style',cssurl,{expires:30,path:'/'});
}

$(function() {
	$('#btnFontS,#btnFontM,#btnFontL').click(function(){
		var myID    = $(this).attr("id");
		var size    = myID.substring(7,8);
		var cssurl  = "/stylesheet/font-" + size + ".css";
		jstyle(cssurl);
		imgFontChange();
	});
});



/*contentsMenuLink*/

$(function() {
	$('.contentsMenu').click(function(){
		var directory = $(this).attr("id");
		var url       = "/" + directory + "/";
		location.href = url;
	});
});



/*inmenu*/

function inMenu(categoryNum){
	var inIdName   = 'menu' + categoryNum + 'Img';
	var inGmenuImg = '/image/menu' + categoryNum + '_rollover.jpg';
	$('#' + inIdName).attr({src: inGmenuImg});
}



/****** onload ******/

$(document).ready(function(){
	$('.contentsMenu').hover(
		function () {
			$(this).addClass("contentsMenuOn");
		},
		function () {
			$(this).removeClass("contentsMenuOn");
		}
	);
	if (categoryNum =='01' || categoryNum =='02' || categoryNum =='03' || categoryNum =='04' || categoryNum =='05') {
		inMenu(categoryNum);
	}
});