var $overlay_wrapper;
var $overlay_panel;

function show_overlay(twmessage,twuser, shorturl) 
{
    if ( !$overlay_wrapper ) append_overlay(twmessage,twuser, shorturl);
    $overlay_wrapper.fadeIn(700);
}

function hide_overlay() {
    $overlay_wrapper.fadeOut(500);
}

function append_overlay(twmessage,twuser, shorturl)
{

    $overlay_wrapper = $('<div id="overlay"></div>').appendTo( $('BODY') );
    $overlay_panel = $('<div id="overlay-panel"></div>').appendTo( $overlay_wrapper );
    var message = '<a href="#" id="closethis" class="hide-overlay">[Close this window]</a> <br/><p><b>Send your message via Twitter:</b></p><span id="twittermessage">Twitter message (max. 140 chars)</span>';
    message = message + '<br/><input class="url" maxlength="140" id="twitter_message" value="' + shorturl + ' ' +  twmessage + '"/>';
    message = message + '<span id="twusertext">Twitter Username</span>';
    message = message + '<input class="twuser" id="twitter_user" value="' + twuser + '"/>';
    message = message + '<span id="twitterpwtext">Twitter password</span>';
    message = message + '<input type="password" class="twpassword" id="twitter_password" value=""/>';
    message = message + '<br/><br/><input type="button" class="twitterok" id="twitter_buttonok" value="send!" name="twitter_buttonok" onClick="javascript:sendtotwitter(document.getElementById(' + "'";
    message = message + 'twitter_message' + "'" + ').value, document.getElementById(' + "'" + 'twitter_user' + "'" + ').value, document.getElementById(' + "'" + 'twitter_password' + "'" + ').value);">';
    message = message + '<br/><br/><br/><div id="twitterdiv"></div><span id="privacytext">We do NOT record or store any user data.</span>';
    $overlay_panel.html(message);

    attach_overlay_events();
}

function attach_overlay_events() {
    $('A.hide-overlay', $overlay_wrapper).click( function(ev) {
        ev.preventDefault();
        hide_overlay();
    });
}

/*
$(function() {
    $('A.show-overlay').click( function(ev) {
        ev.preventDefault();
        show_overlay();
    });
});
*/

function toggle_overlay(twmessage,twuser, shorturl)
	{
        //ev.preventDefault();
        show_overlay(twmessage,twuser, shorturl);
	}

$(document).ready(function(){

    //$('#ad').hide();
	$("#options").slideUp("slow");
	$("#nickname").slideUp("slow");

	document.getElementById('message').style.backgroundColor='#353535';
	document.getElementById('message').disabled=false;
	document.getElementById('nickinput').style.backgroundColor='#353535';
	document.getElementById('nickinput').disabled=false;

    
  $("#showButton").click(function() {
	$("#options").slideToggle("slow");
	$("#nickname").slideToggle("slow");
  });



}); 

function killwhitespace(theValue) {
      return theValue.replace(/ {2,}/g,' ').replace(/[\n\r]*/g,'');
}


function sendtotwitter(message, user, password)
{
	var twquery = "twitter.php?apiusr=to.vg&apikey=25462MAIN245245PWHNTE&twmessage="+ message + "&twuser=" + user +"&twpass=" + password;
    alert(message);
	    var tw_return_value = '';

	if (message != '' && user != '' && password != '')
	{
	    document.getElementById('twitterdiv').value='...sending';
	    $.ajax({
		type: "GET",
		async: false,
		url: twquery,
		data: "getid=true",
		success: function(data){tw_return_value=data;}
	    });

		//tw_return_value = killwhitespace(tw_return_value);
		//alert('_' + tw_return_value + '_');

		if (tw_return_value == 'Success')
		{
			document.getElementById('twitterdiv').value='...Your message has been sent successfully';
			document.getElementById('twitter_message').value='';
			alert('Your twitter message has been sent successfully');
			$overlay_wrapper.fadeOut(900);
		}
		else
		{
			alert('Your message could not be send, there was an error...');
			document.getElementById('twitterdiv').value='... there was an error!';
		}
		
		//$("#twitterdiv").load(tw_query);
		//window.setTimeout('check_twitter_return()', 4200);

	}
	else
	{
		alert('Please do not leave any inputboxes empty.');
	}

}

function loadAdsense(keywords) {
      var currentTime = new Date();
      googlead.location = "ads.php?unique_s=" + currentTime.getTime() + "&kws=" + keywords;
}



function contentloader(dataquery,twmessage,twuser)
{
	 dataquery = encodeURIComponent(dataquery);
	 twmessage = encodeURIComponent(twmessage);
	 twuser = encodeURIComponent(twuser);
	 $("#div").html('<img src="http://to.vg/pix/loading.gif" alt="loading...">');
	 
	 var currentquery = "api.php?apiusr=to.vg&apikey=25462MAIN245245PWHNTE&myself=to.vg&twmessage="+twmessage+"&twuser="+twuser+"&urlquery="+dataquery+"";
	 
	 var currentTime = new Date();
	 currentTime = '&unique_s=' + currentTime.getTime();
	 //alert(currentTime);
	 var adloader = "api.php?apiusr=to.vg&apikey=25462MAIN245245PWHNTE&showad=true" + currentTime;
	 
	 var adstring = '<!-- google_ad_section_start --> hotel in berlin kostengünsting und preiswert buchen alexanderplatz flug oder bahn für touristen sehr interessant und sehenswert. auch in berlin oder berlin-schönefeld toller urlaub <!-- google_ad_section_end -->';
	 $("#div").load(currentquery);
	 window.setTimeout('setfocus()', 300);
	 document.getElementById('message').style.backgroundColor='#6E6E6E';
	 document.getElementById('message').disabled=true;
	 document.getElementById('nickinput').style.backgroundColor='#6E6E6E';
	 document.getElementById('nickinput').disabled=true;
    
    
     //$('#ad').show();
     //$("#ad").load(adloader);
     
     //$("#adcontent").html(adstring);
     //$('#ad').html('<iframe id="googlead" name="googlead" href="" src="" width="100%" height="100" scrolling="no" frameborder="0" marginwidth="auto" marginheight="auto"/>');
     //loadAdsense(adstring);
}
	
function searchKeyPress(e)
{
	if (window.event) { e = window.event; }
	if (e.keyCode == 13)
	{
		document.getElementById('buttonok').click();
	}
}


function highlight(field) {
       field.focus();
       field.select();
}

function setfocus() {
       document.getElementById('urlinput').focus();

}

$(function () {
  $('.bubbleInfo').each(function () {
    // options
    var distance = 10;
    var time = 250;
    var hideDelay = 500;
    var hideDelayTimer = null;
    var beingShown = false;
    var shown = false;
    
    var trigger = $('.trigger', this);
    var popup = $('.popup', this).css('opacity', 0);
    $([trigger.get(0), popup.get(0)]).mouseover(function () {
      if (hideDelayTimer) clearTimeout(hideDelayTimer);

      if (beingShown || shown) {
        return;
      } else {
        beingShown = true;

        popup.css({
          top: -100,
          left: -33,
          display: 'block'
        })

        .animate({
          top: '-=' + distance + 'px',
          opacity: 1
        }, time, 'swing', function() {
          beingShown = false;
          shown = true;
        });
      }
    }).mouseout(function () {
      if (hideDelayTimer) clearTimeout(hideDelayTimer);
     
      hideDelayTimer = setTimeout(function () {
        hideDelayTimer = null;
        popup.animate({
          top: '-=' + distance + 'px',
          opacity: 0
        }, time, 'swing', function () {
          shown = false;
          popup.css('display', 'none');
        });
      }, hideDelay);
    });
  });
});