$(document).ready(function(){
	

//slide	
$('.slide').each(
	function () {
		$(this).find('li:first').addClass('here');
	} 
);

$('.slide .next').bind('click', function() {
	slide_next(this);
});


$('.slide .pre').bind('click', function() {
	slide_prev(this);
});

	
	
	
	
	$('.onoff img,#header dt img,#center .btn img,#center .btn02 img,#center h2 a img,#right ul.btns img,#right ul.bns img,#left_right .detail dd.btn img').each(function(ev){
			preload_img(this);
			$(this).mouseover(function(ev){
				img_on(ev.target);
			}).mouseout(function(ev){
				img_off(ev.target);
			});
	});
	
	$('.change_pic').each(function(ev){
		$(this).find('.pic_s img').mouseover(function() {
			var src=$(this).attr('src');
			src=src.replace("_s.","_l.");
			$(this).parents('.change_pic').find('.pic_l img').attr('src',src);
		});
	});	
	
	$('.fontsize .l').click(function(ev){
		$('#container').css('font-size','117%');
		$.cookie('fontSize', 'l');
		$(this).parents(".fontsize").find('dd').removeClass('here');
		$(this).addClass("here");
	});
	$('.fontsize .m').click(function(ev){
		$('#container').css('font-size','100%');
		$.cookie('fontSize', 'm');
		$(this).parents(".fontsize").find('dd').removeClass('here');
		$(this).addClass("here");
	});
	$('.fontsize .s').click(function(ev){
		$('#container').css('font-size','84%');
		$.cookie('fontSize', 's');
		$(this).parents(".fontsize").find('dd').removeClass('here');
		$(this).addClass("here");
	});
	if($.cookie('fontSize') == 'l'){
		$('.fontsize .l').click();
	}else if($.cookie('fontSize') == 's'){
		$('.fontsize .s').click();
	}
	
	
$('#right_toggle #right_h').click(function() {
  $('#right_cont').toggle('', function() {
	if($('#right_cont').css('display') == 'none'){
		img_off('#right_h img');
	}else{
		img_on('#right_h img');
	}

  });
});
	
	
});

function img_on(tgt){
	var src=$(tgt).attr('src');
	var newsrc=src.replace("_off","_on");
	$(tgt).attr('src',newsrc);
}

function img_off(tgt){
	var src=$(tgt).attr('src');
	var newsrc=src.replace("_on","_off");
	$(tgt).attr('src',newsrc);
}

function preload_img(tgt){
	var src=$(tgt).attr('src');
	var newsrc=src.replace("_off","_on");
	$('<img>').attr('src', newsrc);
}



function slide_next(trgt){
	var li_ml = $(trgt).parents('.slide').find('.slide_pic li').css('margin-left').replace('px', '');
	var li_mr = $(trgt).parents('.slide').find('.slide_pic li').css('margin-right').replace('px', '');
	var li_w = $(trgt).parents('.slide').find('.slide_pic li').css('width').replace('px', '');
	var li_width =  Number(li_ml)+Number(li_mr)+Number(li_w);
	var page_width = $(trgt).parents('.slide').find('.slide_pic').css('width').replace('px', '');
	var elm_of_page = Math.floor(Number(page_width) / li_width);
	
	 var now_block = $(trgt).parents('.slide').find('li.here');
	if($(now_block).nextAll('li').size() > (elm_of_page-1) ){
		$(trgt).unbind('click');
		var p_left =  $(trgt).parents('.slide').find('.slide_pic_in').css('margin-left').replace('px', '');			
		var next_left = Number(p_left)-li_width;
		
		
		$(trgt).parents('.slide').find('.slide_pic_in').animate({
				marginLeft: next_left
		}, 500, function() {
			$(now_block).next('li').addClass('here');
			$(now_block).removeClass('here');
			$(this).parents('.slide').find('.next').bind('click', function() {
				slide_next(this);
			});
  		});
	}
}

function slide_prev(trgt){
	var now_block = $(trgt).parents('.slide').find('li.here');
	if($(now_block).prev('li').size() > 0 ){
	$(trgt).unbind('click');
	var p_left =  $(trgt).parents('.slide').find('.slide_pic_in').css('margin-left').replace('px', '');
	var li_ml = $(trgt).parents('.slide').find('.slide_pic li').css('margin-left').replace('px', '');
	var li_mr = $(trgt).parents('.slide').find('.slide_pic li').css('margin-right').replace('px', '');
	var li_w = $(trgt).parents('.slide').find('.slide_pic li').css('width').replace('px', '');
	var li_width =  Number(li_ml)+Number(li_mr)+Number(li_w);
	var next_left = Number(p_left)+li_width;
		$(trgt).parents('.slide').find('.slide_pic_in').animate({
				marginLeft: next_left
			}, 500, function() {
			$(now_block).prev('li').addClass('here');
			$(now_block).removeClass('here');
			$(this).parents('.slide').find('.pre').bind('click', function() {
				slide_prev(this);
			});
  		});
	}
}