//puush-roulette.com auto spinner
//async too
//Made by Sean McClenaghan
var spinningForYou = false;
var failCounter = 0;
var highScore = 0;
var desktopNotify = false;
var rotateTimer;
var degree = 0;

$("form").replaceWith( "<button class='btn btn-success btn-large center' id='spinbutton' onclick='spinforme();'>Spin the wheel!</button>");
if(Notification) {
	$("#spinbutton").after("<br><button class='btn btn-success center' id='dnotifyBtn' onclick='enableDesktopNotifications();'>Enable Desktop Notifications</button>")
}



function enableDesktopNotifications() {
	Notification.requestPermission(function(){
	 	if(Notification.permission == 'granted' || webkitNotifications.checkPermission() == '0') {
	 		$('#dnotifyBtn').replaceWith("<button class='btn btn-danger center' id='dnotifyBtn' onclick='disableDesktopNotifications();'>Disable Desktop Notifications</button>");
			desktopNotify = true;
	 	}
	 });

}

function disableDesktopNotifications() {
	$('#dnotifyBtn').replaceWith("<button class='btn btn-success center' id='dnotifyBtn' onclick='enableDesktopNotifications();'>Enable Desktop Notifications</button>");
	desktopNotify = false;
}

function spinforme() {
	$('#spinbutton').before("<img class='center' id='star' src='http://puu.sh/8LOpT.png' height='128' width='128'/>")
	degree = 0;
	rotate($("#star"))
	failCounter = 0;
	if($(".thumbnail")[0]) {
		$(".thumbnail").remove();
	}
	spinningForYou = true;
	$("#spinbutton").replaceWith("<button class='btn btn-danger btn-large center' id='spinbutton' onclick='stopspinning();'>Stop Spinning!</button>");
	spin();
}

function spin() {
	if(!spinningForYou) {
		return;
	}
	if(!($("#failCounter")[0])) {
		$("#star").after("<p style='text-align: center; display: block;'><small id='failCounter'>Current Score: 0 Failures</small>");
		$("#failCounter").after(" <small id='highScore'>High Score: "+highScore+" Failures</small></p>");
	} else {
		$("#failCounter").html("Current Score: " + failCounter + " Failures"+"");
	}
	if(failCounter > highScore) {
		highScore = failCounter;
		$("#highScore").html("High Score: "+highScore+" Failures");
	}
	$.post("/", { roll : "1" }).done(function (data) {
		if($(".thumbnail", $(data))[0]) {
			if(desktopNotify) {
				var notification = new Notification('YOU ARE WINNER!', { body: "Puush Roulette found a new puush!", icon: "http://osx.iusethis.com/icon/osx/puush.png"});
				setTimeout(function() {
					notification.close();
				}, 5000)
			}
			stopspinning();
			$(".page-header").after($(".thumbnail", $(data)));
		} else {
			failCounter++;
			spin();
		}
	});
}

function stopspinning() {
	spinningForYou = false;
	$("#spinbutton").replaceWith("<button class='btn btn-success btn-large center' id='spinbutton' onclick='spinforme();'>Spin the wheel!</button>");
	$("#star").remove();
	clearTimeout(rotateTimer);
	$("#highScore").remove();
	$("#failCounter").remove();
	$("p").remove();
}

function rotate(thing) {
	thing.css({ WebkitTransform: 'rotate(' + degree + 'deg)'});
	thing.css({ '-moz-transform': 'rotate(' + degree + 'deg)'});  
	rotateTimer = setTimeout(function() {
		degree = (degree + 1) % 360;
		rotate(thing);
	}, 3);
}