$(function() {
	$.ajaxSetup({
		headers: {
			'X-Mashape-Key': 'eYGmKQOj8dmshmJg61AzH6g8YuHDp1MnncKjsnIcYsqjXkB5YH'
		}
	});
	
	function openModal(url, winWidth, winHeight) {
		var winTop = (screen.height / 2) - (winHeight / 2);
		var winLeft = (screen.width / 2) - (winWidth / 2);	
		window.open(url, 'sharer', 'top=' + winTop + ',left=' + winLeft + ',toolbar=0,status=0,width=' + winWidth + ',height=' + winHeight);
	}

	function twitterShare(msg) {
		var status = "https://twitter.com/home?status="+msg;
		openModal(status, 520, 350);		
	}
	
	function tbShare(caption, content) {
		var tbUrl = 'https://www.tumblr.com/share?posttype=quote&tags=quotes,freecodecamp&caption='+ encodeURI(caption)+'&content='+encodeURI(content); 
		console.log(tbUrl);
		openModal(tbUrl, 520, 350);
	}

	function changeColors() {
		var rgb = [];
		for (var i = 0; i < 3; i++) {
			rgb.push(Math.floor(Math.random() * 255));
		}
		var inverted = rgb.map(function(val) {
			return 64-val;
		});
		var color = 'rgb(' + rgb.join(',') + ')';
		var colorInverted = 'rgb(' + inverted.join(',') + ')';
		$("body").animate({
			backgroundColor: color,
		}, 1000);
		$(".btn").animate({
			backgroundColor: color,
		}, 1000);
		//$(".btn").css('color', colorInverted);
		$("#quote-box").animate({
			color: color,
		}, 1000);
	}

	function getQuote() {
		$("#quote").animate({
			opacity: 0,
		}, 100);
		$.getJSON('https://andruxnet-random-famous-quotes.p.mashape.com/').done(function(data) {
			$("#quoteText").html(data.quote);
			$("#author").html(data.author);
			$("#quote").animate({
				opacity: 1,
			}, 500, function() {
				$("#quote-box").animate({
					opacity: 1
				}, 100);
			});
		});
	}
	$("#newQuote").on('click', function() {
		changeColors();
		getQuote();
	});
	$("#tbShare").on('click', function() {	tbShare($("#author").text(), $("#quoteText").text());
	});
		$("#twShare").on('click', function() {	twitterShare('"'+$("#quoteText").text()+"\" - "+$("#author").text());
	});
	$(document).ready(function() {
		changeColors();
		getQuote();
	});
});