var xurlRequest = function(errorMsg) {			
	$("form").submit(function () { return false; });					
	var url = $("#xurl").val();			
	var errorText = errorMsg;
	
	if(url == "http://" || url == ""){
		$("#result").css("color","#000000");
	}else {
		$("#result").css("color","#FFFFFF");
	}
	
	$.ajax({
		type: 'GET',
		url: '/create.php',
		data: 'url=' + url + '&text=' + errorText,
		complete: function(xhr, textStatus) {
			response = xhr.responseText;
			$(".formResult").show();
			$("#result").text(xhr.responseText);
		}
	});		
};

//show Helpsystem
var setOverlay = function(){
	
	var docHeight = $(document).height();	
   $("#helpsystem")
      .height(docHeight)
      .css({
		'display':'block',
        'position': 'absolute',
        'top': 0,
        'left': 0,
        'width': '100%',
        'z-index': 1
      });
	  
	$(".container").css({'z-index':'99'})
	$(".footer").css({'display':'none'});
	$(".last5Xurl").css({'display':'none'});	
	$(".formResult").css({'display':'block'});
};

var hideOverlay = function(){
	$("#helpsystem").css({'display':'none'});	
	$(".footer").css({'display':'block'});
	$(".last5Xurl").css({'display':'block'});
	
	if(typeof response == 'undefined'){
		$(".formResult").css({'display':'none'});
	}else {
		$(".formResult").css({'display':'block'});
	}		
};

timestamp = '';

lastFive = function(newtimestamp) {
	
	$.getJSON('api.php?f=lastXurls&timestamp='+ newtimestamp +'&limit=5&trim=100', function(data){
		
		$(".last5Xurl").empty();
		$(".last5Xurl").append('<h2>5 Xurls</h2>');		
		timestamp = data.timestamp;
		$.each(data.data, function(i, item) {
			$(".last5Xurl").append('<div id="xurlLink-'+ i +'" class="xurlElement" style="display: none;"><a href="'+ item.xurl +'" target="_blank">'+ item.xurl +'</a><p>'+ item.url +'</p></div>');
			if(item.newxurl) {
				$('#xurlLink-'+ i).fadeIn(800);
			} else {
				$('#xurlLink-'+ i).css({
					'display': 'block'
					});
			}
		$('#xurlLink-'+ i).click(function(){
			window.open(item.xurl,"xurl");
			return false;
		});
			
				
		})
	});
}

$(document).oneTime(0, function() {
	lastFive(timestamp);
});
$(document).everyTime(5000, function() {
	lastFive(timestamp);	
});