/*
  fizl.us javascript code
*/

var page = 1; //home = 1, about = 2, api = 3

var jQbrowser = navigator.userAgent.toLowerCase();
jQuery.os = {
  mac: /mac/.test(jQbrowser),
  win: /win/.test(jQbrowser),
  linux: /linux/.test(jQbrowser)
};

$.ajaxSetup ({  
	cache: false  
});  

function shuffle(newpage) {
	if (page == newpage) { return; }
	if (page == 1) {
		$("div.homecontent").slideUp("slow");
	}
	if (page == 2) {
		$("div.aboutcontent").slideUp("slow");
	}
	if (page == 3) {
		$("div.apicontent").slideUp("slow");
	}
	//Now we display the new page
	if (newpage == 1) {
		$("div.customboxcontent").hide();
		$('div.shortenresult').hide();
		$("div.homecontent").slideDown("slow");
	}
	if (newpage == 2) {
		$("div.aboutcontent").slideDown("slow");
	}
	if (newpage == 3) {
		$("div.apicontent").slideDown("slow");
	}
	
	page = newpage;
}

$(document).ready(function(){
	//$("div.homecontent").slideDown("slow");
	
	$("a.home").click(function(event) {
		event.preventDefault();
		shuffle(1);
	});
	$("a.about").click(function(event) {
		event.preventDefault();
		shuffle(2);
	});
	
	$("a.api").click(function(event) {
		event.preventDefault();
		shuffle(3);
	});
	
	$("input#mainbox").focus(function() {
		$("div.customboxcontent").slideDown("slow");
	});
	
	$("input.mainbutton").click(function(event) {
		event.preventDefault();
		$('div.shortenresult').hide();
		$('input.mainbutton').attr('disabled', 'disabled');
		$('img.ajaxload').show();
		$.ajax({
			url: 'shorten.php',
			data: {url: $("input#mainbox").val(), custom: $("input#custombox").val()},
			success: function(data) {
				$('div.shortenresult').html(data);
				$('img.ajaxload').hide();
				$('input.mainbutton').removeAttr('disabled');
				if (page == 1) { //It is possible the user might have clicked something else by now
					$('div.shortenresult').fadeIn("slow");
				}
				$('#shorturlbox').click(function() {
					if(!($.os.linux)) {
						this.focus();
						this.select();
					}
				});
			}
		});
	});
	
});