/**
 * @version  1.00
 * @updated  2010/01/15
 */



(function ($) { $(function () {

// settings ==================================================

	var mv_num     = $('div#main-imgs').find('div.main-img').size();
	var fd_speed   = 400;
	var mv_default = 3;
	var img_path   = '/data/img/index/';
	
// functions ==================================================
	
	
	var index = {
		init: function() {
			index.starter();
			index.control();
			index.back();
			index.next();
			index.back_btn();
			index.next_btn();
		},
		
		starter: function() {
			$('div#img-' + mv_default).attr('class','main-img current');
			$('div.main-img.current').fadeIn(fd_speed);
			
			$('ul#ctl-btn li#ctl-' + mv_default).attr('class','on');
			
			var stater_img     = $('ul#ctl-btn li.on').children().children();
			var stater_img_src = $(stater_img).attr('src').replace('.gif','_c.gif');
			$(stater_img).attr('src', stater_img_src);
		},
		
		
		
		control: function() {
			$('ul#ctl-btn').css({'width' : 290*mv_num, 'left' : '0px'});
		
			$('ul#ctl-btn li a').click(function(r){
				if ($(this).parent().attr('class') != 'on') {
					var on_img = $('ul#ctl-btn li.on').children().children();
					var on_img_src = $(on_img).attr('src').replace('_c.gif','.gif');
					$(on_img).attr('src', on_img_src);					
				
					var ctl_img     = $(this).children();
					var ctl_img_src = $(ctl_img).attr('src').replace('.gif','_c.gif');
					$(ctl_img).attr('src', ctl_img_src);
				
					index.fadeout();					
					index.fadein(this);
				}
				return false;
			});
		},
		
		
		
		fadeout: function() {
			$('div.main-img.current').fadeOut(fd_speed);
			$('div.main-img.current').attr('class','main-img');
			$('ul#ctl-btn li.on').attr('class','');	
		},
		
		
		
		fadein: function(r) {
			$(r).parent().attr('class','on');
			var mv_flag = $(r).parent().attr('id').replace('ctl-','');
			$('div#img-' + mv_flag).attr('class','main-img current');
			$('div#img-' + mv_flag).fadeIn(fd_speed);	
		},
		
		
		
		back: function() {

			
			$('#ctl-back').click(function(){
			
				if($('#ctl-back').attr('class') != 'off'){
					$(this).attr('class','off');
					
					$('ul#ctl-btn').animate(
						{ 'left' : '+=290px' },
						'500',
						'',
						function(){
							index.back_btn();
							index.next_btn();
						}
					);
					
					return false;
				} else {
					return false;
				}
			});
		},
		
		
		
		next: function() {
			$('#ctl-next').click(function(){
				if($('#ctl-next').attr('class') != 'off'){
					$(this).attr('class','off');
					
					$('ul#ctl-btn').animate(
						{ 'left' : '-=290px' },
						'500',
						'',
						function(){
							index.back_btn();
							index.next_btn();
						}
					);

					
					return false;
				} else {
					return false;
				}
			});
		},
		
		
		
		back_btn: function() {
			var back_a = $('#ctl-back').children().children();
			
			if($('ul#ctl-btn').css('left') == '0px') {
				back_a.attr('src',img_path + 'ctl_back_dis.gif');
				$('#ctl-back').attr('class','off');
			} else {
				back_a.attr('src',img_path + 'ctl_back.gif');
				$('#ctl-back').attr('class','');
			}
		},
		
		
		
		next_btn: function() {	
			var next_a = $('#ctl-next').children().children();
			
			if($('ul#ctl-btn').css('left') == -290*mv_num + 870 + 'px') {
				next_a.attr('src',img_path + 'ctl_next_dis.gif');
				$('#ctl-next').attr('class','off');
			} else {
				next_a.attr('src',img_path + 'ctl_next.gif');
				$('#ctl-next').attr('class','');
			}
		}
		
		
		
	};
	
	
	
	index.init();
	
})})(jQuery);