// Create the tooltips only on document load

$(document).ready(function() {
    $('#btnHorarios')
      .click(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
                content: { url: '/horarios.html' }, // Set the tooltip content to the current corner                 
                position: {
                    corner: {
                        tooltip: 'bottomMiddle', // Use the corner...
                        target: 'topMiddle' // ...and opposite corner
                    }
                },
                show: {
                    when: false, // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: false,
                style: {
                    border: {
                        width: 0,
                        radius: 10
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'rosa', // Style it according to the preset 'cream' style                    
                    width: 260
                }
            });
      });

    $('#btnWiFi')

      .mouseover(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
                content: '<div class="tooltip ">Conex&atilde;o &agrave; internet sem fio e gratuita em todo shopping.</div>', // Set the tooltip content to the current corner                 
                position: {
                    corner: {
                        tooltip: 'bottomMiddle', // Use the corner...
                        target: 'topMiddle' // ...and opposite corner
                    }
                },
                show: {
                    when: 'mouseover', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: {
                    when: 'mouseout', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },                
                style: {
                    border: {
                        width: 2,
                        radius: 5
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'light', // Style it according to the preset 'cream' style                    
                    width: 220
                }
            });
      });

    $('#btnAchados')
      .mouseover(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
          content: '<div class="tooltip ">Se voc&ecirc; achou ou perdeu um objeto, procure o Achados e Perdidos no piso L3. Todos os objetos encontrados no shopping ficam armazenados e dispon&iacute;veis para retirada durante nosso hor&aacute;rio de funcionamento.</div>', // Set the tooltip content to the current corner                 
                position: {
                    corner: {
                        tooltip: 'bottomMiddle', // Use the corner...
                        target: 'topMiddle' // ...and opposite corner
                    }
                },
                show: {
                    when: 'mouseover', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: {
                    when: 'mouseout', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                style: {
                    border: {
                        width: 2,
                        radius: 5
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'light', // Style it according to the preset 'cream' style                    
                    width: 220
                }
            });
      });

    $('#btnSAC')
      .mouseover(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
                content: '<div class="tooltip ">Para tirar d&uacute;vidas, obter informa&ccedil;&otilde;es, sugerir ou reclamar, ligue (41) 3026-1000. </div>', // Set the tooltip content to the current corner                 
                position: {
                    corner: {
                        tooltip: 'bottomMiddle', // Use the corner...
                        target: 'topMiddle' // ...and opposite corner
                    }
                },
                show: {
                    when: 'mouseover', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: {
                    when: 'mouseout', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                style: {
                    border: {
                        width: 2,
                        radius: 5
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'light', // Style it according to the preset 'cream' style                    
                    width: 220
                }
            });
      });

    $('#btnVolumes')
      .mouseover(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
                content: '<div class="tooltip ">Para fazer suas compras com mais comodidade, voc&ecirc; pode guardar seus pertences em um dos guarda-volumes dispon&iacute;veis no SAC.</div>', // Set the tooltip content to the current corner                 
                position: {
                    corner: {
                        tooltip: 'bottomMiddle', // Use the corner...
                        target: 'topMiddle' // ...and opposite corner
                    }
                },
                show: {
                    when: 'mouseover', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: {
                    when: 'mouseout', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },                

                style: {
                    border: {
                        width: 2,
                        radius: 5
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'light', // Style it according to the preset 'cream' style                    
                    width: 220
                }
            });
      });

    $('#btnTelefones')
      .mouseover(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
                content: '<div class="tooltip ">O telefone especial fica junto aos telefones p&uacute;blicos, na Alameda de Servi&ccedil;os, Piso L3.</div>', // Set the tooltip content to the current corner                 
                position: {
                    corner: {
                        tooltip: 'bottomMiddle', // Use the corner...
                        target: 'topMiddle' // ...and opposite corner
                    }
                },
                show: {
                    when: 'mouseover', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: {
                    when: 'mouseout', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },                

                style: {
                    border: {
                        width: 2,
                        radius: 5
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'light', // Style it according to the preset 'cream' style                    
                    width: 220
                }
            });
      });
    $('#btnPublicos')
      .mouseover(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
                content: '<div class="tooltip ">Localizados na Alameda de Servi&ccedil;os, no piso L3.</div>', // Set the tooltip content to the current corner                 
                position: {
                    corner: { tooltip: 'bottomMiddle', target: 'topMiddle' }
                },
                show: {
                    when: 'mouseover', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: {
                    when: 'mouseout', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                style: {
                    border: {
                        width: 2,
                        radius: 5
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'light', // Style it according to the preset 'cream' style                    
                    width: 220
                }
            });
      });
    $('#btnFraldario')
      .mouseover(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
                content: '<div class="tooltip ">A Shopping Curitiba oferece um frald&aacute;rio com trocadores, cadeiras de amamenta&ccedil;&atilde;o, micro-ondas e produtos de apoio para a higiene dos beb&ecirc;s. O servi&ccedil;o est&aacute; dispon&iacute;vel no piso L4, ao lado da Pra&ccedil;a de Alimenta&ccedil;&atilde;o.</div>', // Set the tooltip content to the current corner                 
                position: {
                    corner: { tooltip: 'bottomMiddle', target: 'topMiddle' }
                },
                show: {
                    when: 'mouseover', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: {
                    when: 'mouseout', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },                

                style: {
                    border: {
                        width: 2,
                        radius: 5
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'light', // Style it according to the preset 'cream' style                    
                    width: 220
                }
            });
      });
    $('#btnVan')
      .mouseover(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
                content: '<div class="tooltip ">Servi&ccedil;o especial de leva-e-traz na hora do almo&ccedil;o, entre o shopping e algumas empresas.</div>', // Set the tooltip content to the current corner                 
                position: {
                    corner: { tooltip: 'bottomMiddle', target: 'topMiddle' }
                },
                show: {
                    when: 'mouseover', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: {
                    when: 'mouseout', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },                

                style: {
                    border: {
                        width: 2,
                        radius: 5
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'light', // Style it according to the preset 'cream' style                    
                    width: 220
                }
            });
      });
    $('#btnCadeira')
      .mouseover(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
          content: '<div class="tooltip ">Pessoas com dificuldade de locomo&ccedil;&atilde;o t&ecirc;m todo o conforto dentro do shopping. A cadeira de rodas pode ser solicitada a qualquer orientador de piso, durante todo hor&aacute;rio de funcionamento.</div>', // Set the tooltip content to the current corner                 
                position: {
                    corner: { tooltip: 'bottomMiddle', target: 'topMiddle' }
                },
                show: {
                    when: 'mouseover', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: {
                    when: 'mouseout', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },                

                style: {
                    border: {
                        width: 2,
                        radius: 5
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'light', // Style it according to the preset 'cream' style                    
                    width: 220
                }
            });
      });
    $('#btnGuardaChuva')
      .mouseover(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
                content: '<div class="tooltip ">Todas as portarias do shopping possuem um dispositivo especial para embalar guarda-chuvas molhados. Assim, voc&ecirc; tem mais conforto em seu passeio.</div>', // Set the tooltip content to the current corner                 
                position: {
                    corner: { tooltip: 'bottomMiddle', target: 'topMiddle' }
                },
                show: {
                    when: 'mouseover', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: {
                    when: 'mouseout', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },                

                style: {
                    border: {
                        width: 2,
                        radius: 5
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'light', // Style it according to the preset 'cream' style                    
                    width: 220
                }
            });
      });
    $('#btnAromatizacao')
      .mouseover(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
                content: '<div class="tooltip ">O Shopping Curitiba possui um aroma exclusivo, que confere uma identidade olfativa ao shopping e deixa o ambiente mais agrad&aacute;vel.</div>', // Set the tooltip content to the current corner                 
                position: {
                    corner: { tooltip: 'bottomMiddle', target: 'topMiddle' }
                },
                show: {
                    when: 'mouseover', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: {
                    when: 'mouseout', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },                

                style: {
                    border: {
                        width: 2,
                        radius: 5
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'light', // Style it according to the preset 'cream' style                    
                    width: 220
                }
            });
      });
    $('#btnValet')
      .mouseover(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
                content: '<div class="tooltip ">Para estacionar com todo conforto, voc&ecirc; pode utilizar o servi&ccedil;o de manobristas, dispon&iacute;vel na entrada do estacionamento.</div>', // Set the tooltip content to the current corner                 
                position: {
                    corner: { tooltip: 'bottomMiddle', target: 'topMiddle' }
                },
                show: {
                    when: 'mouseover', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: {
                    when: 'mouseout', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },                

                style: {
                    border: {
                        width: 2,
                        radius: 5
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'light', // Style it according to the preset 'cream' style                    
                    width: 220
                }
            });
      });
	$('#btnCadeiraRodas')
      .mouseover(function() {

          // Destroy currrent tooltip if present
          if ($(this).data("qtip")) $(this).qtip("destroy");

          $(this) // Set the links HTML to the current opposite corner
            .qtip({
                content: '<div class="tooltip ">Pessoas com dificuldade de locomo&ccedil;&atilde;o t&ecirc;m todo o conforto dentro do shopping. A cadeira de rodas pode ser solicitada a qualquer orientador de piso, durante todo hor&aacute;rio de funcionamento.</div>', // Set the tooltip content to the current corner                 
                position: {
                    corner: { tooltip: 'bottomMiddle', target: 'topMiddle' }
                },
                show: {
                    when: 'mouseover', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },
                hide: {
                    when: 'mouseout', // Don't specify a show event
                    ready: true, // Show the tooltip when ready
                    effect: { type: 'fade', lenght: 400 }
                },                

                style: {
                    border: {
                        width: 2,
                        radius: 5
                    },
                    padding: 0,
                    textAlign: 'center',
                    tip: true, // Give it a speech bubble tip with automatic corner detection
                    name: 'light', // Style it according to the preset 'cream' style                    
                    width: 220
                }
            });
      });
});