var VertiLinks = function(data) {
  if( data.length > 0 )  {
    
    this.construct_ui();

    data.each(function(){
      $(this).click(function(){
        $("#vertilinks").html("");
        this.img_link = $(this).attr("href");
        this.img_title = $(this).html();              
        $('<h1>', {
                     html: this.img_title
                   }).css({
                     'cursor': 'pointer',
                     'float' : 'left',
                     'height' : 'auto',
                     'width' : '430px',
                     'padding' : '2px 5px',
                     'color' : '#FFF',
                     'font-size' : '14px',
                     'background-color' : 'red'
                   }).appendTo("#vertilinks");
                   
        $('<img>', {
                     src: this.img_link
                   }).css({
                     'cursor': 'pointer',
                     'float' : 'left'
                   }).appendTo("#vertilinks");
                                 
        $("#vertilinks").fadeIn();
         
        return false;
      });
    });
    
  }
};

VertiLinks.prototype = {
  
  construct_ui: function() {
    this.base = $('<div>', {
                  id: 'vertilinks',
                  click: function() {
                    $(this).hide();
                  }
                }).css({
                  position: 'absolute',
                  display: 'none',
                  width: '440px',
                  height: 'auto',
                  top: 884,
                  left: ($(window).width()-440)/2
                }).appendTo("body");
    
  }
};