//
// Copyright 3d3.comp
//
var sfSlider={};
function _sfSlider(id,type,duration) {
sfSlider[id]=this;
this.id=id;
this.data=[];
this.num=-1;
this.cur=0;
this.cr=[];
this.al=null;
this.resizerID=null;
this.options={
'type':type||'slide',
'nav-number':(this.type=='slide'),
'nav-arrow':false,
'nav-dots':false,
'at':(duration||6000),
'auto':true
}
this.init=function(){
if(!this.data || !this.data.length) return false;
$(window).resize(function(){
clearTimeout(me.resizerID);
if(me.options['type']=='slide'){
for(var i=0;i<me.num;i++){
$('#'+me.data[i].id).css({left:((i-me.cur)*($('#'+me.data[i].id).width()))});
}
}
me.resizerID=setTimeout(function(){me.resizer(me);},500);
});
var d=this.data,me=this;
this.num=d.length;
if(this.options['type']=='shift'){
this.num=parseInt(($('#slide-holder-'+this.id+' .slide-item').outerWidth()/$('#slide-holder-'+this.id+' .slide-runner').outerWidth())+1.0);
}
$('#slide-holder-'+this.id).css({position:'relative',width:'100%',height:'100%'});
$('#slide-holder-'+this.id+' .slide-runner').css({top:'0',left:'0',width:'100%',height:'100%',overflow:'hidden',position:'relative'});
$('#slide-holder-'+this.id+' img.slide-item').each(function(){
if (typeof($(this).data('origwidth')) == 'undefined') {
$(this).css({width:'auto',height:'auto'});
$(this).data('origwidth', $(this).width());
$(this).data('origheight', $(this).height());
}
});
$('#slide-holder-'+this.id+' .slide-item').css({display:'block',margin:'0 auto',position:'absolute'}).not('img').css({width:'100%'});
if(this.options['nav-number']){
for(var i=0;i<this.num;i++){
$('#slide-holder-'+this.id+' .slide-nav').append('<a class="slide-link-'+i+'" href="#" onclick="sfSlider[\''+this.id+'\'].slide('+i+');return false;" onfocus="this.blur();">'+(i+1)+'</a>');
}
}
if(this.options['nav-dots']){
for(var i=0;i<this.num;i++){
$('#slide-holder-'+this.id+' .slide-nav').append('<a class="slide-link-'+i+'" href="#" onclick="sfSlider[\''+this.id+'\'].slide('+i+');return false;" onfocus="this.blur();"></a>');
$('#slide-holder-'+this.id+' .slide-nav a').css({display:'inline-block',margin:'0 5px 0 0',width:'16px',height:'16px','line-height':'16px',cursor:'pointer','-webkit-border-radius':'8px','-moz-border-radius':'8px','border-radius':'8px','-webkit-box-shadow':'0px 2px 6px 1px rgba(50,50,50,0.5)','-moz-box-shadow':'0px 2px 6px 1px rgba(50,50,50,0.5)','box-shadow': '0px 2px 6px 1px rgba(50,50,50,0.5)'});
}
}
if(this.options['nav-arrow']){
$('#slide-holder-'+this.id+' .slide-nav.left').click(function(){me.prev(me);});
$('#slide-holder-'+this.id+' .slide-nav.right').click(function(){me.next(me);});
$('#slide-holder-'+this.id+' .slide-nav.left').hide();
$('#slide-holder-'+this.id+' .slide-nav.right').hide();
}
var pos=0;
switch(this.options['type']){
case 'slide':
for(var i=0;i<this.num;i++){
$('#'+d[i].id).css({left:((i-pos)*($('#'+d[i].id).width()))});
}
$('#slide-holder-'+this.id+' img, #slide-holder-'+this.id+' .slide-controls').fadeIn();
break;
case 'shift':
$('#'+d[pos].id).css({width:this.num*$('#slide-holder-'+this.id+' .slide-runner').outerWidth(),left:0});
$('#slide-holder-'+this.id+' img, #slide-holder-'+this.id+' .slide-controls').fadeIn();
break;
case 'fade':
case 'switch':
$('#slide-holder-'+this.id+' img, #slide-holder-'+this.id+' .slide-controls').fadeIn();
$('#slide-holder-'+this.id+' .slide-desc').hide();
$('#slide-holder-'+this.id+' img').hide();
break;
}
this.slide(pos);
//this.resizer(me);
function waitForImages(me) {
var allReady=true;
$('#slide-holder-'+me.id+' img').each(function(){
allReady=allReady&&this.complete;
})
if(allReady){
setTimeout(function(){me.resizer(me)},2000);
}
else {
setTimeout(function(){waitForImages(me);},1000);
}
}
waitForImages(me);
var me=this;
window.clearTimeout(this.al);
this.al=window.setTimeout(function(){me.auto(me);},this.options['at']);
}
this.auto=function(me){
if(!me.options['auto']) return false;
if($('#slide-holder-'+this.id+':visible').length==0){
window.clearTimeout(me.al);
me.al=window.setTimeout(function(){me.auto(me);},me.options['at']);
return false;
}
me.next(me);
}
this.next=function(me){
var next=me.cur+1;
if(next>=me.num) next=0;
me.slide(next);
}
this.prev=function(me){
var prev=me.cur-1;
if(prev<0)prev=me.num-1;
me.slide(prev);
}
this.slide=function(pos){
if(pos<0 || pos>=this.num) return;
var me=this;
window.clearTimeout(this.al);
this.al=window.setTimeout(function(){me.auto(me);},this.options['at']);
this.resizer();
var d=this.data;
switch(this.options['type']){
case 'slide':
for(var i=0;i<this.num;i++) {
$('#'+d[i].id).stop().animate({left:((i-pos)*$('#'+d[i].id).width())},980,'swing');
}
this.on(pos);
this.text(d[pos]);
break;
case 'shift':
$('#'+d[0].id).stop().animate({left:(-pos*$('#slide-holder-'+this.id+' .slide-runner').outerWidth())},980,'swing');
this.on(pos);
break;
case 'fade':
case 'switch':
$('#'+d[this.cur].id).stop().fadeOut(980);
$('#'+d[pos].id).stop().fadeIn(980);
this.on(pos);
this.text(d[pos]);
break;
}
this.cur=pos;
}
this.on=function(pos){
if(this.options['nav-number']||this.options['nav-dots']){
$('#slide-holder-'+this.id+' .slide-nav a').removeClass('on');
$('#slide-holder-'+this.id+' .slide-nav a.slide-link-'+pos).addClass('on');
}
if(this.options['nav-arrow']&&this.num>1){
if(pos>=this.num-1)$('#slide-holder-'+this.id+' .slide-nav.right').hide();
else $('#slide-holder-'+this.id+' .slide-nav.right').show();
if(pos<=0)$('#slide-holder-'+this.id+' .slide-nav.left').hide();
else $('#slide-holder-'+this.id+' .slide-nav.left').show();
}
}
this.text=function(di){
this.cr['a']=di.client;
this.cr['b']=di.desc;
this.ticker('#slide-holder-'+this.id+' .slide-client span',di.client,di.client.length,'a');
this.ticker('#slide-holder-'+this.id+' .slide-desc',di.desc,di.desc.length,'b');
if(di.desc.length>0) {
$('#slide-holder-'+this.id+' .slide-controls').css('background-color','');
$('#slide-holder-'+this.id+' .slide-desc').show();
}
else {
$('#slide-holder-'+this.id+' .slide-controls').css('background-color','transparent');
$('#slide-holder-'+this.id+' .slide-desc').hide();
}
}
this.ticker=function(el,text,pos,unique){
if(this.cr[unique]!=text) return false;
var ctext=text.substring(0,pos)+(pos%2?'-':'_');
$(el).html(ctext);
if(pos==text.length)
$(el).html(text);
else
window.setTimeout('sfSlider[\''+this.id+'\'].ticker("'+el+'","'+text+'",'+(pos+1)+',"'+unique+'");',30);
}
this.resizer=function(me) {
var mh=0;
if(!me)var me=this;
$('#slide-holder-'+me.id+' img.slide-item').each(function(){
$(this).css({'max-width':'100%',height:'auto',left:'50%',top:'50%',transform:'translate(-50%,-50%)'});
});
switch(me.options['type']){
case 'slide':
var wWin=Math.min(window.screen.width,window.innerWidth);
if(wWin<=635 && $('#slide-holder-'+me.id).hasClass('responsive-breakout')){
$('#slide-holder-'+me.id+' .slide-runner').height('auto');
$('#slide-holder-'+me.id+' .slide-item, #slide-holder-'+me.id+' .slide-item > div').height('auto');
}
else{
$('#slide-holder-'+me.id+' .slide-item').each(function(){mh=Math.max(mh,$(this).height());});
$('#slide-holder-'+me.id+' .slide-runner').height(mh+'px');
}
break;
case 'shift':
$('#slide-holder-'+me.id+' .slide-item').each(function(){mh=Math.max(mh,$(this).height());});
$('#slide-holder-'+me.id+' .slide-runner').height(mh+'px');
$('#slide-holder-'+me.id+' .slide-item').height('100%');
break;
case 'fade':
case 'switch':
$('#slide-holder-'+me.id+' .slide-item').each(function(){mh=Math.max(mh,$(this).height());});
$('#slide-holder-'+me.id+' .slide-runner').height(mh+'px');
break;
}
}
};
$(function(){
$('.slide-nav a').focus(function(){this.blur();});
});
/*
Version tag, please don't remove
$Revision: 31545 $
$HeadURL: svn://localhost/ShopFactory/branches/V14_60/bin/SFXTemplates/shared_files/jquery.sfbannerslider.js $ */