slide = { // vetor com os slides _imagens : [ ["publicidades_460/imgs/slide/up429df721495f072659e7fee55c4d5744.jpg","Inauguração Churrascaria Na Brasa - Dia 02/09","Venha curtir um happy hour na mais novo point da cidade","","","","Y","2",],["publicidades_460/imgs/slide/64d8031f15e7eb7a659d88e9441d8f80.jpg","Promo Fashion 2010 Salena Vantil Acessorios","Promo Fashion 2010 Salena Vantil Acessorios","","","","Y","2",],["publicidades_460/imgs/slide/bbbbb264f767926b6b011b003db1203a.jpg","Arenas Melody Funk + Djs","Arenas Funk com As Tigresas + Dj Alison Santos, DJ Iltinho","","","","Y","2",],["publicidades_460/imgs/slide/up429df721495f072659e7fee55c4d5744.jpg","Inauguração Churrascaria Na Brasa - Dia 02/09","Venha curtir um happy hour na mais nova churrascaria ","","","","Y","2",],["publicidades_460/imgs/slide/0d69c9068ca2227526481e8634481220.jpg","Festa Country no Arenas Club com Bruno e Maycon Dj Residente","Festa Country no arenas club com Touro mecânico","","","","Y","2",],["publicidades_460/imgs/slide/76cb344c6476f85a093952cae78f8d0d.jpg","Prêmio Ouro Empresarial - Eleja os melhores de 2010","Clique aqui para eleger os melhores de 2010","http://www.marataizes.net.br/premio/voto/email_form.php","http://www.marataizes.net.br/premio/voto/email_form.php","http://www.marataizes.net.br/premio/voto/email_form.php","Y","2",],["publicidades_460/imgs/slide/vandinho-lanches.jpg","Vandinho Lanches","Simplesmente o melhor lanche da cidade. Praça da Barra Marataízes","http://www.maratimba.com/guia/visualiza_pagina.php?cod_cli=1&cod_plan=3&nome_loja=VANDINHO%20LANCHES","http://www.maratimba.com/guia/visualiza_pagina.php?cod_cli=1&cod_plan=3&nome_loja=VANDINHO%20LANCHES","http://www.maratimba.com/guia/visualiza_pagina.php?cod_cli=1&cod_plan=3&nome_loja=VANDINHO%20LANCHES","Y","2",],["publicidades_460/imgs/slide/vandinho-lanches.jpg","Vandinho Lanches","Simplesmente o melhor lanche da cidade. Praça da Barra Marataízes","http://www.maratimba.com/guia/visualiza_pagina.php?cod_cli=1&cod_plan=3&nome_loja=VANDINHO%20LANCHES","http://www.maratimba.com/guia/visualiza_pagina.php?cod_cli=1&cod_plan=3&nome_loja=VANDINHO%20LANCHES","http://www.maratimba.com/guia/visualiza_pagina.php?cod_cli=1&cod_plan=3&nome_loja=VANDINHO%20LANCHES","Y","2",],["publicidades_460/imgs/slide/up080490c42f647be2a3464f64fdea92a5.jpg","Super Show com Marcelo Marrone no Sitio Show de bola","Show com Marcelo Marrone e Dj Roberto Borges agitando geral","","","","Y","2",],["publicidades_460/imgs/slide/64d8031f15e7eb7a659d88e9441d8f80.jpg","Promo Fashion 2010 Salena Vantil Acessorios","Promo Fashion 2010 Salena Vantil Acessorios","","","","Y","2",],["publicidades_460/imgs/slide/8fc18aa433a9462e228a78ca2c164924.gif","PROCURA-SE CÃO LABRADOR CARAMELO DE 6 MESES","Seu nome é SAM. Contato: (28) 3532-3492 ou 9926-8206","","","","Y","2",] ], // 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 : 12, // 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)*2000) ); } } }, // função que altera os elementos da página, altere os IDs se necessário _exchange : function(img){ this.$(this._slideImg).src = img[0]; this.$(this._titleSlide).innerHTML = img[1]; this.$(this._textSlide).innerHTML = img[2]; this.$(this._linkSlide).href = img[3]; this.$(this._linkSlide).href = img[4]; this.$(this._linkSlide).href = img[5]; this.fade(0,200,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==6)?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)); } ,100); } }, // retorna o elemento solicitado através de seu ID $ : function(){ return document.getElementById(arguments[0]); } }