var main_search = function(){ var obj = $('#container .search_area'); var obj_layer = obj.find('.search_field'); var obj_open = obj.find('.search_open'); var obj_close = obj.find('.search_close'); obj_open.click(function(){ obj_layer.addClass('on'); }); obj_close.click(function(){ obj_layer.removeClass('on'); }); }; var business_active = function(){ var obj = $('#container .business_slide_area'); var img_layer = obj.find('.business_list'); var img_obj = obj.find('.business_list').children(); var left_btn = obj.find('.btns .prev'); var right_btn = obj.find('.btns .next'); var img_max = Math.ceil(img_obj.length / 3); var movement = 0; var flag = 0; var set_time; var restart_time; var movement = function (multi){ clearInterval(set_time); clearTimeout(restart_time); img_layer.animate({"left" : -multi * 200},500,'easeInOutExpo'); flag = multi; restart_time = setTimeout(function(){ start_rolling(); },1000); }; function start_rolling(){ set_time = setInterval(function(){ if (flag < img_max-1){ movement(flag+1); }else { movement(0); } },3000); }; start_rolling(); left_btn.click(function(){ if (flag > 0){ movement(flag-1); } }); right_btn.click(function(){ if (flag < img_max-1){ movement(flag+1); } }); }; var MegaScript = function(){ var MegaScript = {}, flags = { MegaRolling_Flag : 0 }; return { MegaRolling : function(options){ var defaults = { target : null, img_wrap : null, imgs : null, round : null, next : null, prev : null, move_speed : 500, roll_time : 2000, reset_roll_time : 3000 }; var opts = jQuery.extend(defaults, options); opts.target = $(opts.target); opts.img_wrap = opts.target.find(opts.img_wrap); opts.imgs = opts.target.find(opts.imgs).children(); opts.round = opts.target.find(opts.round).children(); opts.round.each(function(i){ this.num = i}); opts.prev = opts.target.find(opts.prev); opts.next = opts.target.find(opts.next); var roll_max = opts.imgs.length, screen_Width = opts.imgs.eq(0).width(), roll_position = true, set_time, reset_time; var active = { round_act : function (round_number){ if (round_number == flags.MegaRolling_Flag){return false} opts.round.removeClass('on'); opts.round.eq(round_number).addClass('on'); }, movement_next : function (img_number){ if (!roll_position){return false} if (img_number == flags.MegaRolling_Flag){return false} roll_position = false; opts.fadeAction(img_number,false); this.round_act(img_number); opts.imgs.eq(flags.MegaRolling_Flag).css({ "display" : "block", "z-index:" : "0", "left" : screen_Width }); opts.imgs.eq(img_number).css({ "display" : "block", "z-index:" : "10", "left" : screen_Width * 2 }); opts.img_wrap.animate({left : -(screen_Width * 2)}, opts.move_speed, 'easeInOutExpo',function(){ opts.img_wrap.css({ "left" : -screen_Width }); opts.imgs.eq(flags.MegaRolling_Flag).css({ "display" : "none" }); opts.imgs.eq(img_number).css({ "left" : screen_Width }); flags.MegaRolling_Flag = img_number; roll_position = true; opts.fadeAction(img_number,true); }); }, movement_prev : function (img_number){ if (!roll_position){return false} if (img_number == flags.MegaRolling_Flag){return false} roll_position = false; opts.fadeAction(img_number,false); this.round_act(img_number); opts.imgs.eq(flags.MegaRolling_Flag).css({ "display" : "block", "z-index:" : "0", "left" : screen_Width }); opts.imgs.eq(img_number).css({ "display" : "block", "z-index:" : "10", "left" : 0 }); opts.img_wrap.animate({left : 0}, opts.move_speed, 'easeInOutExpo',function(){ opts.img_wrap.css({ "left" : -screen_Width }); opts.imgs.eq(flags.MegaRolling_Flag).css({ "display" : "none" }); opts.imgs.eq(img_number).css({ "left" : screen_Width }); flags.MegaRolling_Flag = img_number; roll_position = true; opts.fadeAction(img_number,true); }); }, next_option : function (){ if (flags.MegaRolling_Flag < roll_max-1){ this.movement_next(flags.MegaRolling_Flag+1); }else { this.movement_next(0); } }, prev_option : function (){ if (flags.MegaRolling_Flag > 0){ this.movement_prev(flags.MegaRolling_Flag -1); }else { this.movement_prev(roll_max-1); } }, rolling_start : function(){ var this_obj = this; set_time = setInterval(function(){ this_obj.next_option(); },opts.roll_time); }, rolling_restart : function(){ clearInterval(set_time); clearTimeout(reset_time); var this_obj = this; reset_time = setTimeout(function(){ this_obj.rolling_start(); },opts.reset_roll_time); } }; opts.next.click(function(){ if (roll_position){ active.rolling_restart(); if (flags.MegaRolling_Flag < roll_max-1){ active.movement_next(flags.MegaRolling_Flag+1); }else { active.movement_next(0); } } }); opts.prev.click(function(){ if (roll_position){ active.rolling_restart(); if (flags.MegaRolling_Flag > 0){ active.movement_prev(flags.MegaRolling_Flag -1); }else { active.movement_prev(roll_max-1); } } }); opts.round.click(function(){ if (this.num == flags.MegaRolling_Flag){ return; }else if (this.num > flags.MegaRolling_Flag){ active.rolling_restart(); active.movement_next(this.num); }else { active.rolling_restart(); active.movement_prev(this.num); } }); opts.fadeAction = function(target, active){ if(!active){ opts.img_wrap.find('li:eq('+target+')') .find('.circle_img').hide().end() .find('.circle_desc1').hide().end() .find('.circle_desc2').hide().end() .find('.circle_desc3').hide().end() .find('.circle_desc4').hide(); } else{ opts.img_wrap.find('li:eq('+target+')') .find('.circle_img') .fadeIn(400, function(){ $(this).next('.circle_desc1').fadeIn(400, function(){ $(this).next('.circle_desc2').fadeIn(400 , function(){ $(this).next('.circle_desc3').fadeIn(400 , function(){ $(this).next('.circle_desc4').fadeIn(400); }); }); }); }); }; }; // default setting opts.imgs.css({'display':'none'}); opts.imgs.eq(0).css({'display':'block'}); active.rolling_start(); opts.fadeAction(0, true); } }; }; $(window).load(function(){ //family_active(); //main_search(); //input_active('.main_search_input'); //business_active(); var mega = new MegaScript(); mega.MegaRolling({ //ÇʼöÇ׸ñ target : ".ad_spot", img_wrap : ".img_wrap ul", imgs : ".img_wrap ul", round : ".round_wrap", prev : ".left", next : ".right", //¼±ÅÃÇ׸ñ move_speed : 500, roll_time : 6500, reset_roll_time : 6500 }); });