');
var $mask = $list.parent();
var $items = $('li',$list);
if($items.length < showItem){
$btnPrev.hide();
$btnNext.hide();
}
var type = ($items.css('float') == 'left') ? 'horizontal' : 'vertical';
if (type == 'horizontal'){
var space = parseInt($items.css('width')) + parseInt($items.css('margin-right'));
$mask.css({'overflow':'hidden','width':space*showItem+'px','height':$items.css('height')});
} else {
var space = parseInt($items.css('height')) + parseInt($items.css('margin-bottom'));
$mask.css({'overflow':'hidden','width':$items.css('width'),'height':space*showItem+'px'});
}
if ( pagingType == 'byLine'){
space = space*showItem;
}
function prev() {
paging--;
$btnNext.css({cursor:'pointer',opacity:1}).find('img').attr('alt','다음보기');
if( paging >0) {
} else {
paging = 0;
$btnPrev.css({cursor:'default',opacity:0.5}).find('img').attr('alt','처음입니다.');
return false;
}
}
function next() {
paging++;
$btnPrev.css({cursor:'pointer',opacity:1}).find('img').attr('alt','이전보기');
if( paging < ($items.length - showItem) ) {
} else {
paging = $items.length - showItem;
$btnNext.css({cursor:'default',opacity:0.5}).find('img').attr('alt','마지막입니다.');
}
}
function move() {
if (type == 'horizontal'){
$list.animate({'marginLeft':'-'+space*paging+'px'},300);
} else {
$list.animate({'marginTop':'-'+space*paging+'px'},300);
}
}
$btnPrev.css({cursor:'default',opacity:0.5}).find('img').attr('alt','처음입니다.');
var paging = 0;
$btnPrev.click(function(e){
prev();
move();
return false;
});
$btnNext.click(function(){
next();
move();
return false;
});
});
};
// apple-style banner
$.fn.alibannerSlide = function(option){
var params = jQuery.extend({
animation : 500,
random : true,
interval : 3000,
motion : 'horizontal'
},option);
$(this).each(function(){
var $bannerContainer = $(this);
var $bannerItem = $('.item',$bannerContainer);
var motion; (params.animation==false) ? motion=0 : motion=params.animation;
var amount = $bannerItem.size();
var isImage = $bannerItem.is('a');
if ( isImage ){
var w = parseInt($bannerItem.find('img').width());
var h = parseInt($bannerItem.find('img').height());
} else {
var w = parseInt($bannerItem.width());
var h = parseInt($bannerItem.height());
}
var setbannerNav = $('
');
setbannerNav.prependTo($bannerContainer);
if(amount > 1){
for(i=0 ; i < amount ; i++){
$('
').appendTo(setbannerNav);
$bannerItem.eq(i).attr('id',$bannerContainer.attr('id')+'Banner'+(i+1));
}
}
var randomset = (params.random) ? Math.floor(Math.random()*amount) : 0;
var bannerIndex = randomset;
var action; (params.interval > 0) ? action=true : action=false;
var $animationController = $('.banners', $bannerContainer);
var $mask = $('
');
$animationController.wrap($mask);
if(params.motion == 'horizontal'){ // horizontal
$animationController.css({'width':w*amount+'px'});
$bannerItem.css('float','left');
} else { // vertical
if (isImage) { $bannerItem.find('img').css('display','block'); }
}
var $bannerNav = $('.bannerNav button',$bannerContainer);
$bannerNav.each(function(n) {
var $thisNum = $(this);
function bannerShow(){
bannerMotion(n,motion);
on($thisNum);
action = false;
}
$thisNum.bind('click',bannerShow);
});
function bannerMotion(num,ani){
bannerIndex = num;
if(params.motion == 'horizontal'){
$animationController.stop().animate({'marginLeft':'-'+w*num+'px'},ani,'swing');
} else {
$animationController.stop().animate({'marginTop':'-'+h*num+'px'},ani,'swing');
}
resetNum();
}
function on(nObj){ nObj.addClass('on'); }
function off(nObj){ nObj.removeClass('on'); }
function resetNum(){
$bannerNav.each(function(){off($(this));});
}
function setBanner(setup,ani){
bannerMotion(setup,ani);
on($('.bannerNav button:eq('+setup+')',$bannerContainer));
}
function nextBanner(){
(bannerIndex >= (amount-1) ) ? bannerIndex = 0 : bannerIndex++;
setBanner(bannerIndex,motion);
}
setBanner(bannerIndex,0);
function autorun(){
if(!action) return;
nextBanner();
}
if(action) {
setInterval(function(){autorun()}, params.interval);
$bannerContainer.hover(function(){action = false;},function(){action = true;});
}
});
}
// for skyScrapper balloon
$.fn.alitooltip = function(option){
var tooltipCssClass = option;
$(this).each(function(){
var layoutSize = 970;
var $this = $(this);
var tooltip = $this.next();
var tooltipDeco = $('
');
tooltip.append(tooltipDeco);
$this.hover(function() {
var pos = $.extend({}, $(this).offset(), {width: tooltip.width(), height: tooltip.height()});
tooltip.css({position: 'absolute', zIndex: 1000, top: pos.top, left: pos.left - 10 - pos.width}).appendTo(document.body);
tooltip.show();
}, function() {
tooltip.hide();
});
$this.focus(function() {
var pos = $.extend({}, $(this).offset(), {width: tooltip.width(), height: tooltip.height()});
tooltip.css({position: 'absolute', zIndex: 1000, top: pos.top, left: pos.left - 10 - pos.width}).appendTo(document.body);
tooltip.show();
});
$this.blur(function() {
tooltip.hide();
});
});
}
})(jQuery);