var vpObj;

function showVPO () {
  
  jQuery(document).mask({
    opacity: vp.ovtrans,
    onClose: function(){
      hideVPO(1);
    },
    color: vp.ovcolor
  });
  
  if(vp.style=='slidedown')
  {
    vpObj.slideDown();
  }
  else if(vp.style=='popup')
  {
    vpObj.fadeIn();
  }
  if(vp.timeout>0){
    vp.timeouttimer = setTimeout('hideVPO()', vp.timeout*1000);
    vpObj
      .bind('mouseover', function(){
        clearTimeout(vp.timeouttimer);
      })
      .bind('mouseout', function(){
        vp.timeouttimer = setTimeout('hideVPO()', vp.timeout*1000)
      })
  }
}

function hideVPO (closing) {
  if(closing!==1) jQuery.mask.close();
  if(vp.style=='slidedown')
  {
    vpObj.slideUp();
  }
  else if(vp.style=='popup')
  {
    vpObj.fadeOut();
  }
}

jQuery(function($){
  
  vpObj = $('<div id="gr80_vp"></div>').prependTo("body").css({display: 'none', backgroundColor: vp.boxcolor, opacity: vp.boxtrans});
  
  // Message
  vpObj.prepend('<p  style="float:right" id="vp_message">'+vp.msg+'</p>');
  
  // Twitter
  if(vp.twitter==1)
    vpObj.append('<div style="float:left" class="vp_wrapper"><a href="http://twitter.com/share" class="twitter-share-button" data-url="'+vp.link+'" data-count="vertical">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>');
  // Facebook Share
  if(vp.fbshare==1)
  vpObj.append('<div style="float:left" class="vp_wrapper"><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php" share_url="'+vp.link+'" >Compartir</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></div>');
 //vpObj.append('<p class="vp_wrapper"><a name="fb_share" href="http://www.facebook.com/sharer.php" share_url="'+vp.link+'" >Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></p>');
 //vpObj.append('<p float="right" class="vp_wrapper"><a name="fb_share" type="box_count" href="http://www.facebook.com/sharer.php" share_url="'+vp.link+'" >Share</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script></p>');
 
  // Facebook Like
  if(vp.fblike==1)
    vpObj.append('<div  style="float:left" class="vp_wrapper"><iframe src="http://www.facebook.com/plugins/like.php?href='+vp.link+'&layout=box_count&show_faces=false&width=55&action=like&colorscheme=light&height=61" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:75px; height:61px;" allowTransparency="true"></iframe></div>');
  
    vpObj.append('<p style="position:absolute;bottom:0;right:0;padding-right:5px"><a id="vp_close" href="javascript:hideVPO();">Ahora No</a></p>&nbsp;');
  
  if(vp.trans<100)
    vpObj.css("background-color", "rgba(255, 255, 255, "+vp.trans+")");
  
  if(vp.style=='slidedown')
  {
    vpObj.css({
      position: 'fixed',
      top: 0,
      left: '50%',
      marginLeft: '-' + (vpObj.width()/2+20) + 'px',
      textAlign: 'center',
    }).addClass('slidedown');
  }
  else if(vp.style=='popup')
  {
    vpObj.css({
      position: 'fixed',
      top: '50%',
      left: '50%',
      marginTop: '-' + vpObj.height()/2 + 'px',
      marginLeft: '-' + vpObj.width()/2 + 'px',
      textAlign: 'center',
    }).addClass('popup');
  }
  
  // vpObj.slideDown();
  
  if(vp.trigger=='time')
  {
    vp.timer = setTimeout('showVPO()', vp.time*1000)
  }
  else
  {
    $(window).scroll(function(){
  if  ($(window).scrollTop() == $(document).height() - $(window).height()){
   //  if  ($(window).scrollTop() == $("#content").position()){// - $(window).height()){
       showVPO();
      }
    });
  }
  
})

