$(document).ready(function(){
	$("div.scrollable").scrollable({ size: 4, loop: true, keyboard: false }).autoscroll({ 
		autoplay: true, 
		api: false 
	});
		
	var aaa = readCookie("myhg"); if(aaa == null || aaa == "") { createCookie("myhg", "gt_4913|gt_4679", 365); } 

	$('#fml').animate({height: 'toggle'}, 500, function() {});

	$('#showhide').click(function() {
		$('#fml').animate({height: 'toggle'}, 500, function() {});
		if($('#sh_icon').attr('src') == '/images/show.gif') {
			$('#sh_icon').attr('src', '/images/hide.gif');
		} else {
			$('#sh_icon').attr('src', '/images/show.gif');
		}
	});  
	
	$("div.g").draggable({ revert: true, start: function(event, ui) { $("#fml p").css("background-color", "#ff0f0f"); $("#fml p").css("color", "#ffffff"); }, stop: function(event, ui) { $("#fml p").css("background-color", "#ffffff"); $("#fml p").css("color", "#000000"); } });
	var favs = '';

	$("#fm").droppable({
		accept: '.g',
		hoverClass: 'ui-state-active',
		activeClass: 'ui-state-active',
		drop: function(event, ui) {
			var gid = ui.draggable.attr("id");
			var gnm = ui.draggable.find('span').html();
			var grl = ui.draggable.find('a').attr('href');
			
			$("#favorites").append("<div class=\"gt\" id=\"gt_" + gid + "\"><a href=\"" + grl + "\"><img src=\"http://www.hypegames.com/game_images/" + gid + ".gif\" alt=\"Play " + gnm + "\" /></a></div>");
			$("div.gt").draggable({ revert: 'invalid' });
			var $saved = $("#favorites").children('div');
			favs = '';
			$saved.each(function(){
				favs = favs + '|' + $(this).attr('id');
			});

			createCookie("myhg", favs, 365);
		}
	});

	$("#trash").droppable({
		accept: 'div.gt',
		activeClass: 'trashalive',
		drop: function(event, ui) {
			var gsid = ui.draggable.attr("id");
			ui.draggable.hide("explode").remove();
			
			var $saved = $("#favorites").children('div');
			favs = '';
			$saved.each(function(){
				favs = favs + '|' + $(this).attr('id');
			});
			
			createCookie("myhg", favs, 365);				
		}
	});
	
	var myfavs = readCookie("myhg");
	var contentDiv = $("#favorites");
	contentDiv.load("/favs.php", { k: myfavs }, function(){
		$("div.gt").draggable({ revert: 'invalid' });
	});	
});