Pastebin is 300% more awesome when you are logged in. Sign Up, it's FREE!
Guest

UI-jQuery Calendar with Events

By: a guest on Sep 25th, 2012  |  syntax: JavaScript  |  size: 24.69 KB  |  hits: 36  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. jQuery(function(){
  2.  
  3.         jQuery("#calendario-text p[title]").tooltip({
  4.                 offset:[15,0],
  5.                 effect:'slide'
  6.         });
  7.         /*jQuery('.08 p').on('mouseenter', function(){
  8.                 //console.log('entrou');
  9.                 var texto = jQuery(this).attr('title');
  10.                 //console.log(texto);
  11.                 jQuery(this).append('<span>'+texto+'</span>');
  12.         });*/
  13.  
  14.         jQuery.datepicker.regional['pt-BR'] = {
  15.                 monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho',
  16.                 'Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
  17.                 monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun',
  18.                 'Jul','Ago','Set','Out','Nov','Dez'],
  19.                 dayNames: ['Domingo','Segunda-feira','Terça-feira','Quarta-feira','Quinta-feira','Sexta-feira','Sábado'],
  20.                 dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'],
  21.                 dayNamesMin: ['D','S','T','Q','Q','S','S'],
  22.                 dateFormat: 'dd/mm/yyyy', altFormat: 'dd/mm/yyyy', firstDay: 0,
  23.                 renderer: jQuery.datepicker.defaultRenderer,
  24.                 prevText: '&lt;Anterior', prevStatus: 'Mostra o mês anterior',
  25.                 prevJumpText: '&lt;&lt;', prevJumpStatus: 'Mostra o ano anterior',
  26.                 nextText: 'Próximo&gt;', nextStatus: 'Mostra o próximo mês',
  27.                 nextJumpText: '&gt;&gt;', nextJumpStatus: 'Mostra o próximo ano',
  28.                 currentText: 'Atual', currentStatus: 'Mostra o mês atual',
  29.                 todayText: 'Hoje', todayStatus: 'Vai para hoje',
  30.                 clearText: 'Limpar', clearStatus: 'Limpar data',
  31.                 closeText: 'Fechar', closeStatus: 'Fechar o calendário',
  32.                 yearStatus: 'Selecionar ano', monthStatus: 'Selecionar mês',
  33.                 weekText: 's', weekStatus: 'Semana do ano',
  34.                 dayStatus: 'DD, d \'de\' M \'de\' yyyy', defaultStatus: 'Selecione um dia',
  35.                 isRTL: false
  36.         };
  37.         jQuery.datepicker.setDefaults(jQuery.datepicker.regional['pt-BR']);
  38.  
  39.         jQuery('#calendario').datepicker({
  40.  
  41.                 beforeShowDay: function(date) {
  42.                 var event = events[date];
  43.                 if (event) {
  44.                     return [true, event.className, event.text];
  45.                 }
  46.                 else {
  47.                     return [true, '', ''];
  48.                 }
  49.             }
  50.  
  51.         });
  52.  
  53.         var s = new String(jQuery("#calendario").datepicker('getDate').getMonth()+1);
  54.         var ababa = s.substring(0, 2);
  55.         var mostrar = 0;
  56.  
  57.         hideAll();
  58.         switch(ababa){
  59.                 case "1":
  60.                 jan.appendTo('#calendario-text');
  61.                 break;
  62.  
  63.                 case "2":
  64.                 fev.appendTo('#calendario-text');
  65.                 break;
  66.  
  67.                 case "3":
  68.                 mar.appendTo('#calendario-text');
  69.                 break;
  70.  
  71.                 case "4":
  72.                 abr.appendTo('#calendario-text');
  73.                 break;
  74.  
  75.                 case "5":
  76.                 mai.appendTo('#calendario-text');
  77.                 break;
  78.  
  79.                 case "6":
  80.                 jun.appendTo('#calendario-text');
  81.                 break;
  82.  
  83.                 case "7":
  84.                 jul.appendTo('#calendario-text');
  85.                 break;
  86.  
  87.                 case "8":
  88.                 ago.appendTo('#calendario-text');
  89.                 break;
  90.  
  91.                 case "9":
  92.                 set.appendTo('#calendario-text');
  93.                 break;
  94.  
  95.                 case "10":
  96.                 out.appendTo('#calendario-text');
  97.                 break;
  98.  
  99.                 case "11":
  100.                 nov.appendTo('#calendario-text');
  101.                 break;
  102.  
  103.                 case "12":
  104.                 dez.appendTo('#calendario-text');
  105.                 break;
  106.         }
  107.         ////console.log(s);
  108.         //alert(s);
  109.  
  110.         var jan, fev, mar, abr, mai, jun, jul, ago, set, out, nov, dez;
  111.        
  112.  
  113.         function hideAll(){
  114.                 //console.log(mostrar)
  115.                 switch(mostrar){
  116.                         case 0:
  117.                         //console.log('case0');
  118.                         jan = jQuery('.01').detach();
  119.                         fev = jQuery('.02').detach();
  120.                         mar = jQuery('.03').detach();
  121.                         abr = jQuery('.04').detach();
  122.                         mai = jQuery('.05').detach();
  123.                         jun = jQuery('.06').detach();
  124.                         jul = jQuery('.07').detach();
  125.                         ago = jQuery('.08').detach();
  126.                         set = jQuery('.09').detach();
  127.                         out = jQuery('.10').detach();
  128.                         nov = jQuery('.11').detach();
  129.                         dez = jQuery('.12').detach();
  130.                         break;
  131.  
  132.                         case 1:
  133.                         //jQuery('.01').detach();
  134.                         jQuery('.02').detach();
  135.                         jQuery('.03').detach();
  136.                         jQuery('.04').detach();
  137.                         jQuery('.05').detach();
  138.                         jQuery('.06').detach();
  139.                         jQuery('.07').detach();
  140.                         jQuery('.08').detach();
  141.                         jQuery('.09').detach();
  142.                         jQuery('.10').detach();
  143.                         jQuery('.11').detach();
  144.                         jQuery('.12').detach();
  145.                         break;
  146.  
  147.                         case 2:
  148.                         jQuery('.01').detach();
  149.                         //jQuery('.02').detach();
  150.                         jQuery('.03').detach();
  151.                         jQuery('.04').detach();
  152.                         jQuery('.05').detach();
  153.                         jQuery('.06').detach();
  154.                         jQuery('.07').detach();
  155.                         jQuery('.08').detach();
  156.                         jQuery('.09').detach();
  157.                         jQuery('.10').detach();
  158.                         jQuery('.11').detach();
  159.                         jQuery('.12').detach();
  160.                         break;
  161.  
  162.                         case 3:
  163.                         jQuery('.01').detach();
  164.                         jQuery('.02').detach();
  165.                         //jQuery('.03').detach();
  166.                         jQuery('.04').detach();
  167.                         jQuery('.05').detach();
  168.                         jQuery('.06').detach();
  169.                         jQuery('.07').detach();
  170.                         jQuery('.08').detach();
  171.                         jQuery('.09').detach();
  172.                         jQuery('.10').detach();
  173.                         jQuery('.11').detach();
  174.                         jQuery('.12').detach();
  175.                         break;
  176.  
  177.                         case 4:
  178.                         jQuery('.01').detach();
  179.                         jQuery('.02').detach();
  180.                         jQuery('.03').detach();
  181.                         //jQuery('.04').detach();
  182.                         jQuery('.05').detach();
  183.                         jQuery('.06').detach();
  184.                         jQuery('.07').detach();
  185.                         jQuery('.08').detach();
  186.                         jQuery('.09').detach();
  187.                         jQuery('.10').detach();
  188.                         jQuery('.11').detach();
  189.                         jQuery('.12').detach();
  190.                         break;
  191.  
  192.                         case 5:
  193.                         jQuery('.01').detach();
  194.                         jQuery('.02').detach();
  195.                         jQuery('.03').detach();
  196.                         jQuery('.04').detach();
  197.                         //jQuery('.05').detach();
  198.                         jQuery('.06').detach();
  199.                         jQuery('.07').detach();
  200.                         jQuery('.08').detach();
  201.                         jQuery('.09').detach();
  202.                         jQuery('.10').detach();
  203.                         jQuery('.11').detach();
  204.                         jQuery('.12').detach();
  205.                         break;
  206.  
  207.                         case 6:
  208.                         jQuery('.01').detach();
  209.                         jQuery('.02').detach();
  210.                         jQuery('.03').detach();
  211.                         jQuery('.04').detach();
  212.                         jQuery('.05').detach();
  213.                         //jQuery('.06').detach();
  214.                         jQuery('.07').detach();
  215.                         jQuery('.08').detach();
  216.                         jQuery('.09').detach();
  217.                         jQuery('.10').detach();
  218.                         jQuery('.11').detach();
  219.                         jQuery('.12').detach();
  220.                         break;
  221.  
  222.                         case 7:
  223.                         jQuery('.01').detach();
  224.                         jQuery('.02').detach();
  225.                         jQuery('.03').detach();
  226.                         jQuery('.04').detach();
  227.                         jQuery('.05').detach();
  228.                         jQuery('.06').detach();
  229.                         //jQuery('.07').detach();
  230.                         jQuery('.08').detach();
  231.                         jQuery('.09').detach();
  232.                         jQuery('.10').detach();
  233.                         jQuery('.11').detach();
  234.                         jQuery('.12').detach();
  235.                         break;
  236.  
  237.                         case 8:
  238.                         jQuery('.01').detach();
  239.                         jQuery('.02').detach();
  240.                         jQuery('.03').detach();
  241.                         jQuery('.04').detach();
  242.                         jQuery('.05').detach();
  243.                         jQuery('.06').detach();
  244.                         jQuery('.07').detach();
  245.                         //jQuery('.08').detach();
  246.                         jQuery('.09').detach();
  247.                         jQuery('.10').detach();
  248.                         jQuery('.11').detach();
  249.                         jQuery('.12').detach();
  250.                         break;
  251.  
  252.                         case 9:
  253.                         jQuery('.01').detach();
  254.                         jQuery('.02').detach();
  255.                         jQuery('.03').detach();
  256.                         jQuery('.04').detach();
  257.                         jQuery('.05').detach();
  258.                         jQuery('.06').detach();
  259.                         jQuery('.07').detach();
  260.                         jQuery('.08').detach();
  261.                         //jQuery('.09').detach();
  262.                         jQuery('.10').detach();
  263.                         jQuery('.11').detach();
  264.                         jQuery('.12').detach();
  265.                         break;
  266.  
  267.                         case 10:
  268.                         jQuery('.01').detach();
  269.                         jQuery('.02').detach();
  270.                         jQuery('.03').detach();
  271.                         jQuery('.04').detach();
  272.                         jQuery('.05').detach();
  273.                         jQuery('.06').detach();
  274.                         jQuery('.07').detach();
  275.                         jQuery('.08').detach();
  276.                         jQuery('.09').detach();
  277.                         //jQuery('.10').detach();
  278.                         jQuery('.11').detach();
  279.                         jQuery('.12').detach();
  280.                         break;
  281.  
  282.                         case 11:
  283.                         jQuery('.01').detach();
  284.                         jQuery('.02').detach();
  285.                         jQuery('.03').detach();
  286.                         jQuery('.04').detach();
  287.                         jQuery('.05').detach();
  288.                         jQuery('.06').detach();
  289.                         jQuery('.07').detach();
  290.                         jQuery('.08').detach();
  291.                         jQuery('.09').detach();
  292.                         jQuery('.10').detach();
  293.                         //jQuery('.11').detach();
  294.                         jQuery('.12').detach();
  295.                         break;
  296.  
  297.                         case 12:
  298.                         jQuery('.01').detach();
  299.                         jQuery('.02').detach();
  300.                         jQuery('.03').detach();
  301.                         jQuery('.04').detach();
  302.                         jQuery('.05').detach();
  303.                         jQuery('.06').detach();
  304.                         jQuery('.07').detach();
  305.                         jQuery('.08').detach();
  306.                         jQuery('.09').detach();
  307.                         jQuery('.10').detach();
  308.                         jQuery('.11').detach();
  309.                         //jQuery('.12').detach();
  310.                         break;
  311.                 }
  312.                 //console.log(jan, fev, mar, abr, mai, jun, jul, ago, set, out, nov, dez);
  313.         }
  314.  
  315.         var count = 0;
  316.         count = parseInt(s);
  317.  
  318.         jQuery('.ui-icon-circle-triangle-e').live('click', function myLiveEventHandler(event)
  319.         {
  320.           if(event.handled !== true)
  321.           {
  322.                 ////console.log('foi');
  323.                 //hideAll();
  324.                
  325.                 //alert(count);
  326.                 ////console.log(count);
  327.                 count++;
  328.                 var switcher;
  329.  
  330.                 if(count<10){
  331.                         var selector = ".0" + count.toString();
  332.                         switcher = selector;
  333.                 }else{
  334.                         var selector = "." + count.toString();
  335.                         switcher = selector;
  336.                 }
  337.                 //alert(selector);
  338.                 switch(switcher){
  339.                         case '.01':
  340.                         jan.appendTo('#calendario-text');
  341.                         mostrar=1;
  342.                         break;
  343.                        
  344.                         case '.02':
  345.                         fev.appendTo('#calendario-text');
  346.                         mostrar=2;
  347.                         break;
  348.                        
  349.                         case '.03':
  350.                         mar.appendTo('#calendario-text');
  351.                         mostrar=3;
  352.                         break;
  353.  
  354.                         case '.04':
  355.                         abr.appendTo('#calendario-text');
  356.                         mostrar=4;
  357.                         break;
  358.  
  359.                         case '.05':
  360.                         mai.appendTo('#calendario-text');
  361.                         mostrar=5;
  362.                         break;
  363.  
  364.                         case '.06':
  365.                         jun.appendTo('#calendario-text');
  366.                         mostrar=6;
  367.                         break;
  368.  
  369.                         case '.07':
  370.                         jul.appendTo('#calendario-text');
  371.                         mostrar=7;
  372.                         break;
  373.  
  374.                         case '.08':
  375.                         ago.appendTo('#calendario-text');
  376.                         mostrar=8;
  377.                         break;
  378.  
  379.                         case '.09':
  380.                         set.appendTo('#calendario-text');
  381.                         mostrar=9;
  382.                         break;
  383.  
  384.                         case '.10':
  385.                         out.appendTo('#calendario-text');
  386.                         mostrar=10;
  387.                         break;
  388.  
  389.                         case '.11':
  390.                         nov.appendTo('#calendario-text');
  391.                         mostrar=11;
  392.                         break;
  393.  
  394.                         case '.12':
  395.                         dez.appendTo('#calendario-text');
  396.                         mostrar=12;
  397.                         break;
  398.                 }
  399.  
  400.                 hideAll();
  401.  
  402.                 //jQuery(selector).attr("style", "display: block;");
  403.  
  404.                 apply();
  405.             // put your payload here.
  406.             // this next line *must* be within this if statement
  407.             event.handled = true;
  408.           }
  409.           return false;
  410.         });
  411.  
  412.         jQuery('.ui-icon-circle-triangle-w').live('click', function myLiveEventHandlert(event)
  413.         {
  414.           if(event.handled !== true)
  415.           {
  416.                 ////console.log('vorto');
  417.                
  418.  
  419.                 count--;
  420.                 var switcher;
  421.  
  422.                 if(count<10){
  423.                         var selector = ".0" + count.toString();
  424.                         switcher = selector;
  425.                 }else{
  426.                         var selector = "." + count.toString();
  427.                         switcher = selector;
  428.                 }
  429.  
  430.                 switch(switcher){
  431.                         case '.01':
  432.                         jan.appendTo('#calendario-text');
  433.                         mostrar=1;
  434.                         break;
  435.                        
  436.                         case '.02':
  437.                         fev.appendTo('#calendario-text');
  438.                         mostrar=2;
  439.                         break;
  440.                        
  441.                         case '.03':
  442.                         mar.appendTo('#calendario-text');
  443.                         mostrar=3;
  444.                         break;
  445.  
  446.                         case '.04':
  447.                         abr.appendTo('#calendario-text');
  448.                         mostrar=4;
  449.                         break;
  450.  
  451.                         case '.05':
  452.                         mai.appendTo('#calendario-text');
  453.                         mostrar=5;
  454.                         break;
  455.  
  456.                         case '.06':
  457.                         jun.appendTo('#calendario-text');
  458.                         mostrar=6;
  459.                         break;
  460.  
  461.                         case '.07':
  462.                         jul.appendTo('#calendario-text');
  463.                         mostrar=7;
  464.                         break;
  465.  
  466.                         case '.08':
  467.                         ago.appendTo('#calendario-text');
  468.                         mostrar=8;
  469.                         break;
  470.  
  471.                         case '.09':
  472.                         set.appendTo('#calendario-text');
  473.                         mostrar=9;
  474.                         break;
  475.  
  476.                         case '.10':
  477.                         out.appendTo('#calendario-text');
  478.                         mostrar=10;
  479.                         break;
  480.  
  481.                         case '.11':
  482.                         nov.appendTo('#calendario-text');
  483.                         mostrar=11;
  484.                         break;
  485.  
  486.                         case '.12':
  487.                         dez.appendTo('#calendario-text');
  488.                         mostrar=12;
  489.                         break;
  490.                 }
  491.  
  492.                 hideAll();
  493.  
  494.                 //jQuery(selector).attr("style", "display: block;");
  495.  
  496.                 apply();
  497.             // put your payload here.
  498.             // this next line *must* be within this if statement
  499.             event.handled = true;
  500.           }
  501.           return false;
  502.         });
  503.  
  504.         function apply(){
  505.  
  506.                 //$('.ui-icon-circle-triangle-e').live('click', myLiveEventHandler);
  507.  
  508.                 //$('.ui-icon-circle-triangle-w').live('click', myLiveEventHandlert);
  509.  
  510.                 /*jQuery('.ui-icon-circle-triangle-e').live('click', function(){
  511.                         //console.log('foi');
  512.                         apply();
  513.                 });
  514.  
  515.                 jQuery('.ui-icon-circle-triangle-w').live('click', function(){
  516.                         //console.log('vorto');
  517.                         apply();
  518.                 });*/
  519.         }
  520.         apply();       
  521.  
  522.         jQuery('.nav-tit').on('mouseenter',function(){
  523.                 jQuery(this).children('img').attr('src','<?php bloginfo('template_url'); ?>/images/nav-arrow-white.png');
  524.         });
  525.         jQuery('.nav-tit').on('mouseleave',function(){
  526.                 jQuery(this).children('img').attr('src','<?php bloginfo('template_url'); ?>/images/nav-arrow.png');
  527.         });
  528.  
  529.                         // CUSTOM SELECT THING
  530.                 if (!jQuery.browser.opera) {
  531.  
  532.                 jQuery('select.select').each(function(){
  533.                     var title = jQuery(this).attr('title');
  534.                     if( jQuery('option:selected', this).val() != ''  ) title = jQuery('option:selected',this).text();
  535.                     jQuery(this)
  536.                         .css({'z-index':10,'opacity':0,'-khtml-appearance':'none'})
  537.                         .after('<span class="select">' + title + '</span>')
  538.                         .change(function(){
  539.                             val = jQuery('option:selected',this).text();
  540.                             jQuery(this).next().text(val);
  541.                             })
  542.                 });
  543.  
  544.             };
  545.  
  546.             var hero_contador = 0;
  547.         jQuery('.destaque-hero img').each(function(index) {
  548.                 hero_contador+=1;
  549.         });
  550.  
  551.         var hero_tamanho = jQuery('.destaque-hero img').outerWidth(),
  552.                 hero_calculo = (hero_contador-1)*hero_tamanho,
  553.                 hero_tam_max = new String(hero_calculo)+"px",
  554.                 hero_tam_min = "0px",
  555.                 hero_carrosel = jQuery('#carrosel'),
  556.                 hero_final = 0,
  557.                 slidenav = 0,
  558.                 slide = jQuery('.slide');
  559.  
  560.         slide.eq(0).click(function(){
  561.  
  562.                 // função de clique do primeiro botão
  563.                 switch(slidenav){
  564.                         case 0:
  565.                         //console.log('zero');
  566.                         slidenav=0;
  567.                         slide.removeClass('active');
  568.                         slide.eq(slidenav).addClass('active');
  569.                         break;
  570.  
  571.                         case 1:
  572.                         hero_carrosel.animate({right:"-="+hero_tamanho}, 500);
  573.                         //console.log('um');
  574.                         slidenav=0;
  575.                         slide.removeClass('active');
  576.                         slide.eq(slidenav).addClass('active');
  577.                         break;
  578.  
  579.                         case 2:
  580.                         //console.log('dois');
  581.                         hero_carrosel.animate({right:"-="+(hero_tamanho*2)}, 500);
  582.                         slidenav=0;
  583.                         slide.removeClass('active');
  584.                         slide.eq(slidenav).addClass('active');
  585.                         break;
  586.  
  587.                         case 3:
  588.                         //console.log('dois');
  589.                         hero_carrosel.animate({right:"-="+(hero_tamanho*3)}, 500);
  590.                         slidenav=0;
  591.                         slide.removeClass('active');
  592.                         slide.eq(slidenav).addClass('active');
  593.                         break;
  594.  
  595.                         case 4:
  596.                         //console.log('dois');
  597.                         hero_carrosel.animate({right:"-="+(hero_tamanho*4)}, 500);
  598.                         slidenav=0;
  599.                         slide.removeClass('active');
  600.                         slide.eq(slidenav).addClass('active');
  601.                         break;
  602.  
  603.                         case 5:
  604.                         //console.log('dois');
  605.                         hero_carrosel.animate({right:"-="+(hero_tamanho*5)}, 500);
  606.                         slidenav=0;
  607.                         slide.removeClass('active');
  608.                         slide.eq(slidenav).addClass('active');
  609.                         break;
  610.  
  611.                         case 6:
  612.                         //console.log('dois');
  613.                         hero_carrosel.animate({right:"-="+(hero_tamanho*6)}, 500);
  614.                         slidenav=0;
  615.                         slide.removeClass('active');
  616.                         slide.eq(slidenav).addClass('active');
  617.                         break;
  618.                 }
  619.                        
  620.                
  621.                 //console.log('botao 1');
  622.  
  623.         });
  624.  
  625.         slide.eq(1).click(function(){
  626.  
  627.                 // função de clique do primeiro botão
  628.                 switch(slidenav){
  629.                         case 0:
  630.                         hero_carrosel.animate({right:"+="+hero_tamanho}, 500);
  631.                         //console.log('zero');
  632.                         slidenav=1;
  633.                         slide.removeClass('active');
  634.                         slide.eq(slidenav).addClass('active');
  635.                         break;
  636.  
  637.                         case 1:
  638.                         //hero_carrosel.animate({right:"-="+hero_tamanho}, 500);
  639.                         //console.log('um');
  640.                         slidenav=1;
  641.                         slide.removeClass('active');
  642.                         slide.eq(slidenav).addClass('active');
  643.                         break;
  644.  
  645.                         case 2:
  646.                         //console.log('dois');
  647.                         hero_carrosel.animate({right:"-="+(hero_tamanho)}, 500);
  648.                         slidenav=1;
  649.                         slide.removeClass('active');
  650.                         slide.eq(slidenav).addClass('active');
  651.                         break;
  652.  
  653.                         case 3:
  654.                         //console.log('dois');
  655.                         hero_carrosel.animate({right:"-="+(hero_tamanho*2)}, 500);
  656.                         slidenav=1;
  657.                         slide.removeClass('active');
  658.                         slide.eq(slidenav).addClass('active');
  659.                         break;
  660.  
  661.                         case 4:
  662.                         //console.log('dois');
  663.                         hero_carrosel.animate({right:"-="+(hero_tamanho*3)}, 500);
  664.                         slidenav=1;
  665.                         slide.removeClass('active');
  666.                         slide.eq(slidenav).addClass('active');
  667.                         break;
  668.  
  669.                         case 5:
  670.                         //console.log('dois');
  671.                         hero_carrosel.animate({right:"-="+(hero_tamanho*4)}, 500);
  672.                         slidenav=1;
  673.                         slide.removeClass('active');
  674.                         slide.eq(slidenav).addClass('active');
  675.                         break;
  676.  
  677.                         case 6:
  678.                         //console.log('dois');
  679.                         hero_carrosel.animate({right:"-="+(hero_tamanho*5)}, 500);
  680.                         slidenav=1;
  681.                         slide.removeClass('active');
  682.                         slide.eq(slidenav).addClass('active');
  683.                         break;
  684.                 }
  685.  
  686.                 //console.log('botao 2');
  687.  
  688.         });
  689.  
  690.         slide.eq(2).click(function(){
  691.  
  692.                 // função de clique do primeiro botão
  693.                 switch(slidenav){
  694.                         case 0:
  695.                         hero_carrosel.animate({right:"+="+(hero_tamanho*2)}, 500);
  696.                         //console.log('zero');
  697.                         slidenav=2;
  698.                         slide.removeClass('active');
  699.                         slide.eq(slidenav).addClass('active');
  700.                         break;
  701.  
  702.                         case 1:
  703.                         hero_carrosel.animate({right:"+="+hero_tamanho}, 500);
  704.                         //console.log('um');
  705.                         slidenav=2;
  706.                         slide.removeClass('active');
  707.                         slide.eq(slidenav).addClass('active');
  708.                         break;
  709.  
  710.                         case 2:
  711.                         slidenav=2;
  712.                         slide.removeClass('active');
  713.                         slide.eq(slidenav).addClass('active');
  714.                         //console.log('dois');
  715.                         //hero_carrosel.animate({right:"-="+(hero_tamanho)}, 500);
  716.                         break;
  717.  
  718.                         case 3:
  719.                         hero_carrosel.animate({right:"-="+hero_tamanho}, 500);
  720.                         //console.log('um');
  721.                         slidenav=2;
  722.                         slide.removeClass('active');
  723.                         slide.eq(slidenav).addClass('active');
  724.                         break;
  725.  
  726.                         case 4:
  727.                         hero_carrosel.animate({right:"-="+hero_tamanho*2}, 500);
  728.                         //console.log('um');
  729.                         slidenav=2;
  730.                         slide.removeClass('active');
  731.                         slide.eq(slidenav).addClass('active');
  732.                         break;
  733.  
  734.                         case 5:
  735.                         hero_carrosel.animate({right:"-="+hero_tamanho*3}, 500);
  736.                         //console.log('um');
  737.                         slidenav=2;
  738.                         slide.removeClass('active');
  739.                         slide.eq(slidenav).addClass('active');
  740.                         break;
  741.  
  742.                         case 6:
  743.                         hero_carrosel.animate({right:"-="+hero_tamanho*4}, 500);
  744.                         //console.log('um');
  745.                         slidenav=2;
  746.                         slide.removeClass('active');
  747.                         slide.eq(slidenav).addClass('active');
  748.                         break;
  749.                 }
  750.  
  751.                 //console.log('botao 3');
  752.  
  753.         });
  754.  
  755.         slide.eq(3).click(function(){
  756.  
  757.                 // função de clique do primeiro botão
  758.                 switch(slidenav){
  759.                         case 0:
  760.                         hero_carrosel.animate({right:"+="+(hero_tamanho*3)}, 500);
  761.                         //console.log('zero');
  762.                         slidenav=3;
  763.                         slide.removeClass('active');
  764.                         slide.eq(slidenav).addClass('active');
  765.                         break;
  766.  
  767.                         case 1:
  768.                         hero_carrosel.animate({right:"+="+hero_tamanho*2}, 500);
  769.                         //console.log('um');
  770.                         slidenav=3;
  771.                         slide.removeClass('active');
  772.                         slide.eq(slidenav).addClass('active');
  773.                         break;
  774.  
  775.                         case 2:
  776.                         slidenav=3;
  777.                         slide.removeClass('active');
  778.                         slide.eq(slidenav).addClass('active');
  779.                         //console.log('dois');
  780.                         hero_carrosel.animate({right:"+="+(hero_tamanho)}, 500);
  781.                         break;
  782.  
  783.                         case 3:
  784.                         //hero_carrosel.animate({right:"-="+hero_tamanho}, 500);
  785.                         //console.log('um');
  786.                         slidenav=3;
  787.                         slide.removeClass('active');
  788.                         slide.eq(slidenav).addClass('active');
  789.                         break;
  790.  
  791.                         case 4:
  792.                         hero_carrosel.animate({right:"-="+hero_tamanho}, 500);
  793.                         //console.log('um');
  794.                         slidenav=3;
  795.                         slide.removeClass('active');
  796.                         slide.eq(slidenav).addClass('active');
  797.                         break;
  798.  
  799.                         case 5:
  800.                         hero_carrosel.animate({right:"-="+hero_tamanho*2}, 500);
  801.                         //console.log('um');
  802.                         slidenav=3;
  803.                         slide.removeClass('active');
  804.                         slide.eq(slidenav).addClass('active');
  805.                         break;
  806.  
  807.                         case 6:
  808.                         hero_carrosel.animate({right:"-="+hero_tamanho*3}, 500);
  809.                         //console.log('um');
  810.                         slidenav=3;
  811.                         slide.removeClass('active');
  812.                         slide.eq(slidenav).addClass('active');
  813.                         break;
  814.                 }
  815.  
  816.                 //console.log('botao 3');
  817.  
  818.         });
  819.  
  820.         slide.eq(4).click(function(){
  821.  
  822.                 // função de clique do primeiro botão
  823.                 switch(slidenav){
  824.                         case 0:
  825.                         hero_carrosel.animate({right:"+="+(hero_tamanho*4)}, 500);
  826.                         //console.log('zero');
  827.                         slidenav=4;
  828.                         slide.removeClass('active');
  829.                         slide.eq(slidenav).addClass('active');
  830.                         break;
  831.  
  832.                         case 1:
  833.                         hero_carrosel.animate({right:"+="+(hero_tamanho*3)}, 500);
  834.                         //console.log('um');
  835.                         slidenav=4;
  836.                         slide.removeClass('active');
  837.                         slide.eq(slidenav).addClass('active');
  838.                         break;
  839.  
  840.                         case 2:
  841.                         slidenav=4;
  842.                         slide.removeClass('active');
  843.                         slide.eq(slidenav).addClass('active');
  844.                         //console.log('dois');
  845.                         hero_carrosel.animate({right:"+="+(hero_tamanho*2)}, 500);
  846.                         break;
  847.  
  848.                         case 3:
  849.                         hero_carrosel.animate({right:"+="+(hero_tamanho)}, 500);
  850.                         //console.log('um');
  851.                         slidenav=4;
  852.                         slide.removeClass('active');
  853.                         slide.eq(slidenav).addClass('active');
  854.                         break;
  855.  
  856.                         case 4:
  857.                         //hero_carrosel.animate({right:"-="+hero_tamanho}, 500);
  858.                         //console.log('um');
  859.                         slidenav=4;
  860.                         slide.removeClass('active');
  861.                         slide.eq(slidenav).addClass('active');
  862.                         break;
  863.  
  864.                         case 5:
  865.                         hero_carrosel.animate({right:"-="+(hero_tamanho)}, 500);
  866.                         //console.log('um');
  867.                         slidenav=4;
  868.                         slide.removeClass('active');
  869.                         slide.eq(slidenav).addClass('active');
  870.                         break;
  871.  
  872.                         case 6:
  873.                         hero_carrosel.animate({right:"-="+(hero_tamanho*2)}, 500);
  874.                         //console.log('um');
  875.                         slidenav=4;
  876.                         slide.removeClass('active');
  877.                         slide.eq(slidenav).addClass('active');
  878.                         break;
  879.                 }
  880.  
  881.                 //console.log('botao 3');
  882.  
  883.         });
  884.  
  885.         slide.eq(5).click(function(){
  886.  
  887.                 // função de clique do primeiro botão
  888.                 switch(slidenav){
  889.                         case 0:
  890.                         hero_carrosel.animate({right:"+="+(hero_tamanho*5)}, 500);
  891.                         //console.log('zero');
  892.                         slidenav=5;
  893.                         slide.removeClass('active');
  894.                         slide.eq(slidenav).addClass('active');
  895.                         break;
  896.  
  897.                         case 1:
  898.                         hero_carrosel.animate({right:"+="+(hero_tamanho*4)}, 500);
  899.                         //console.log('um');
  900.                         slidenav=5;
  901.                         slide.removeClass('active');
  902.                         slide.eq(slidenav).addClass('active');
  903.                         break;
  904.  
  905.                         case 2:
  906.                         slidenav=5;
  907.                         slide.removeClass('active');
  908.                         slide.eq(slidenav).addClass('active');
  909.                         //console.log('dois');
  910.                         hero_carrosel.animate({right:"+="+(hero_tamanho*3)}, 500);
  911.                         break;
  912.  
  913.                         case 3:
  914.                         hero_carrosel.animate({right:"+="+(hero_tamanho*2)}, 500);
  915.                         //console.log('um');
  916.                         slidenav=5;
  917.                         slide.removeClass('active');
  918.                         slide.eq(slidenav).addClass('active');
  919.                         break;
  920.  
  921.                         case 4:
  922.                         hero_carrosel.animate({right:"+="+(hero_tamanho)}, 500);
  923.                         //console.log('um');
  924.                         slidenav=5;
  925.                         slide.removeClass('active');
  926.                         slide.eq(slidenav).addClass('active');
  927.                         break;
  928.  
  929.                         case 5:
  930.                         //hero_carrosel.animate({right:"-="+(hero_tamanho)}, 500);
  931.                         //console.log('um');
  932.                         slidenav=5;
  933.                         slide.removeClass('active');
  934.                         slide.eq(slidenav).addClass('active');
  935.                         break;
  936.  
  937.                         case 6:
  938.                         hero_carrosel.animate({right:"-="+(hero_tamanho)}, 500);
  939.                         //console.log('um');
  940.                         slidenav=5;
  941.                         slide.removeClass('active');
  942.                         slide.eq(slidenav).addClass('active');
  943.                         break;
  944.                 }
  945.  
  946.                 //console.log('botao 3');
  947.  
  948.         });
  949.  
  950.         slide.eq(6).click(function(){
  951.  
  952.                 // função de clique do primeiro botão
  953.                 switch(slidenav){
  954.                         case 0:
  955.                         hero_carrosel.animate({right:"+="+(hero_tamanho*6)}, 500);
  956.                         //console.log('zero');
  957.                         slidenav=6;
  958.                         slide.removeClass('active');
  959.                         slide.eq(slidenav).addClass('active');
  960.                         break;
  961.  
  962.                         case 1:
  963.                         hero_carrosel.animate({right:"+="+(hero_tamanho*5)}, 500);
  964.                         //console.log('um');
  965.                         slidenav=6;
  966.                         slide.removeClass('active');
  967.                         slide.eq(slidenav).addClass('active');
  968.                         break;
  969.  
  970.                         case 2:
  971.                         slidenav=6;
  972.                         slide.removeClass('active');
  973.                         slide.eq(slidenav).addClass('active');
  974.                         //console.log('dois');
  975.                         hero_carrosel.animate({right:"+="+(hero_tamanho*4)}, 500);
  976.                         break;
  977.  
  978.                         case 3:
  979.                         hero_carrosel.animate({right:"+="+(hero_tamanho*3)}, 500);
  980.                         //console.log('um');
  981.                         slidenav=6;
  982.                         slide.removeClass('active');
  983.                         slide.eq(slidenav).addClass('active');
  984.                         break;
  985.  
  986.                         case 4:
  987.                         hero_carrosel.animate({right:"+="+(hero_tamanho*2)}, 500);
  988.                         //console.log('um');
  989.                         slidenav=6;
  990.                         slide.removeClass('active');
  991.                         slide.eq(slidenav).addClass('active');
  992.                         break;
  993.  
  994.                         case 5:
  995.                         hero_carrosel.animate({right:"+="+(hero_tamanho)}, 500);
  996.                         //console.log('um');
  997.                         slidenav=6;
  998.                         slide.removeClass('active');
  999.                         slide.eq(slidenav).addClass('active');
  1000.                         break;
  1001.  
  1002.                         case 6:
  1003.                         //hero_carrosel.animate({right:"-="+(hero_tamanho)}, 500);
  1004.                         //console.log('um');
  1005.                         slidenav=6;
  1006.                         slide.removeClass('active');
  1007.                         slide.eq(slidenav).addClass('active');
  1008.                         break;
  1009.                 }
  1010.  
  1011.                 //console.log('botao 3');
  1012.  
  1013.         });
  1014.  
  1015.         function Avancar(){
  1016.  
  1017.                 var hero_tam_direita = hero_carrosel.css('right');
  1018.                 if(hero_tam_direita != hero_tam_max && !hero_carrosel.is(":animated")){
  1019.                         hero_carrosel.animate({right:"+="+hero_tamanho}, 500);
  1020.                         slide.eq(slidenav).removeClass('active');
  1021.                         slidenav++;
  1022.                         slide.eq(slidenav).addClass('active');
  1023.                 }else{
  1024.                         hero_final = 1;
  1025.                 }
  1026.         }
  1027.  
  1028.         function Voltar(){     
  1029.                 var hero_tam_direita = hero_carrosel.css('right');
  1030.                 if(hero_tam_direita != hero_tam_min && !hero_carrosel.is(":animated")){
  1031.                         hero_carrosel.animate({right:"-="+hero_tamanho}, 500);
  1032.                         slide.eq(slidenav).removeClass('active');
  1033.                         slidenav--;
  1034.                         slide.eq(slidenav).addClass('active');
  1035.                 }else{
  1036.                         hero_final = 0;
  1037.                 }
  1038.         }
  1039.  
  1040.         function SlideShow(){
  1041.                 if(hero_final == 1){
  1042.                         Voltar();
  1043.                 }else{
  1044.                         Avancar();
  1045.                 }
  1046.         }
  1047.  
  1048.         setInterval(SlideShow, 7500);
  1049. })