slide = { // vetor com os slides _imagens : [ ["noticia_18_06_2010jpg.jpg","COPA DE VOLEIBOL ENCERRA PRIMEIRA FASE CLASSIFICATÓRIA NESTE FINAL DE SEMANA NO GUANANDIZÃO","Com a realização de mais seis jogos, acontece neste final de semana no Ginásio do Guanandizão as duas últimas rodadas da primeira fase classificatória da II Copa Cidade de Campo Grande de Voleibol Adulto (apoio Funesp) nos naipes feminino e masculino. ","697"],["noticia_7_06_10.jpg","INSCRIÇÕES PARA O SERVIDOR PÚBLICO DE VOLEIBOL ","O órgão público interessados em participar da V COPA SERVIDOR PÚBLICO DE VOLEIBOL FEMININO (apoio Funesp), tem até as 17 horas, do próximo dia 09 de setembro, para confirmarem a sua participação na secretaria da FVMS.","696"],["noticia_27_08_2010_02.jpg","FEDERAÇÃO CONVOCA A SELEÇÃO INFANTO-JUVENIL PARA O BRASILEIRO","Saiu nesta sexta-feira a convocação dos atletas que integrarão a Seleção Infanto-Juvenil de Mato Grosso do Sul que iniciará os treinamentos nesta segunda-feira, dia 30, com o objetivo de selecionar os 10 melhores atletas que formarão a Seleção de MS que participará do Campeonato Brasileiro de Seleções da 1ª Divisão ","695"]], // ID dos elementos que o sistema modifica // ID da imagem do slide _slideImg : 'slideImg', // ID do link do slide, ou seja, um elemento A _linkSlide : 'linkSlide', // ID do título do slide, uma div ou span por exemplo _titleSlide: 'titleSlide', // ID do título do slide, idêntico ao de cima _textSlide : 'textSlide', // ID da imagem de play|pause _playPause : 'playpause', // ID da div que mostra ou esconde as opções de customização de tempo // essa opção pode ser omitida do usuário, basta retirar o botão // settings da página, e como a div já vem com o display:none por // padrão o usuário não terá acesso a essas opções. _showTimer : 'showTimer', // variáveis do sistema // Daqui para baixo não é necessário alterar mais nada, aqui o sistema // cuidará de tudo _count : 0, _length : null, _timeOutID : null, _pause : false, _timer : 4, // função que inicia o slide e seta todas os parâmetros necessários start : function(){ with(this){ _preLoader(); _length = _imagens.length; _work(); } }, // faz o pré-carregamento das imagens _preLoader : function(){ for(x in this._imagens){ var image = new Image(); image.src = this._imagens[x][0]; } }, // função principal que faz as checagens necessárias _work : function(){ with(this){ (_count == _length) ? _count = 0 : (_count < 0) ? _count = _length-1 : void(0); var current = _imagens[_count]; _exchange(current); if(!_pause){ (typeof(_timeOutID) == 'number') ? clearTimeout(_timeOutID) : void(0); _timeOutID = setTimeout( function(){ slide.next(); fade(0,0,$(_slideImg)); }, (Number(_timer)*1000) ); } } }, // função que altera os elementos da página, altere os IDs se necessário _exchange : function(img){ this.$(this._slideImg).src = 'arquivos/'+img[0]; this.$(this._titleSlide).innerHTML = img[1]; this.$(this._textSlide).innerHTML = img[2]; this.$(this._linkSlide).href = 'paginas/exibe_noti.php?noti_id='+img[3]; this.fade(0,100,this.$(this._slideImg)); }, // altera para o próximo slide ao clicar no botão Próximo next : function(){ with(this){ _count++; _work(); } }, // altera para o slide anterior ao clicar no botão correspondente previous : function(){ with(this){ _count--; _work(); } }, // pausa e continua a apresentação pause : function(){ var img = this.$(this._playPause); if(this._pause){ this._pause = false; img.src = 'imgs/pause.gif'; img.title = 'Parar'; } else{ this._pause = true; img.src = 'imgs/play.gif'; img.title = 'Continuar'; } with(this){(typeof(_timeOutID) == 'number') ? clearTimeout(_timeOutID) : void(0); _work();} }, // controla o tempo de troca de cada slide tControl : function(act){ with(this){ (act=='m')?((_timer==4)?void(0):_timer=_timer-1):((_timer==9)?void(0):_timer= _timer +1); this.$(this._showTimer).innerHTML = _timer+'s'; } }, // altera a opacidade do elemento e suaviza a transição entre os slides fade : function (){ var type,signal; var from = arguments[0]; var to = arguments[1]; var el = arguments[2]; (document.all) ? type = 'filter' : type = 'opacity'; (from>to) ? signal = '-' : signal= '+'; if(from >= to/2){ from = eval(from+signal+10); }else{ from = eval(from+signal+5); } if(type=='opacity'){ try{el.style[type] = Number(from*0.01); }catch(e){} }else{ try{el.style[type] = 'alpha(opacity='+from+')'; }catch(e){} } if(from != to){ setTimeout( function(){ slide.fade(from,to,slide.$(slide._slideImg)); } ,50); } }, // retorna o elemento solicitado através de seu ID $ : function(){ return document.getElementById(arguments[0]); } }