﻿//function qTipPopup()
//{
  // alert($('#markerPanel img[rel]'));
// Use the each() method to gain access to each elements attributes

   $('#ctl00_mapArea img.detailPopupTrigger').live('mouseover',function()
   {
      $(this).qtip(
      {
         content: {
            // Set the text to an image HTML string with the correct src URL to the loading image you want to use
            text: $(this).attr('data_Text_2'), // Use the data_Text attribute of each element for the content
           
           title: {
               text:$(this).attr('data_Title_2')//,
               //button: '<img src=images/video_close.png />' // Show a close link in the title
            }
         },
         position: {
            corner: {
               target: 'topLeft', // Position the tooltip left of  the link
               tooltip: 'bottomRight'
            },
            adjust: {
               screen: true, // Keep the tooltip on-screen at all times
               resize:true
            }
         },
         show: { 
            when: 'click', 
            solo: true // Only show one tooltip at a time
         },
         hide: 'unfocus',
         style: {
           tip: { // Now an object instead of a string
                 corner: 'bottomLeft', 
                 color: '#fff',
                 size: {
                     x: 30, // Be careful that the x and y values refer to coordinates on screen, not height or width.
                     y : 12 // Depending on which corner your tooltip is at, x and y could mean either height or width!
                     }
                 },

            title: {background:'#cccccc', color: '#666666'},
            border: {
                width: 0,
                radius: 5,
                color: '#fff'
            },
            background: '#fff',
            color: '#666666'
         }
         
         
      })
   });
//}

