// ========================= 
// ! inside document ready   
// ========================= 

$(document).ready(function() {

// ==================== 
// ! Highlight elements when loaded   
// ==================== 

	$(".fadein").animate(
		{backgroundColor: 'rgba(255, 255, 255, 0)'},5000, 'linear', function() {
			$(".fadein").css("background-color", "transparent");
		}
		
	)
	

// ======================= 
// ! autocomplete search   
// ======================= 

	$("#query").keyup(
		function () {
			$("#results ul").load("#results li.item", { query : this.value });
		}
	);



// ======================== 
// ! Grid view / List view 
// ======================== 
	$(".list-button").click(
		function () {
			$(".icon").removeClass("selected");
			$(this).addClass("selected");
			$(".view-container.actions ul").removeClass();
			$(".view-container.actions ul").addClass("listview");
			return false;
		}
	); 
	$(".grid-button").click(
		function () {
			$(".icon").removeClass("selected");
			$(this).addClass("selected");
			$(".view-container.actions ul").removeClass();
			$(".view-container.actions ul").addClass("gridview");
			return false;
		}
	); 

	$(".edit-button").click(
		function () {
			if ($(this).hasClass("selected"))
				{
					$(this).removeClass("selected");
					$(".grid-button").addClass("selected");
					$(".view-container.actions ul").removeClass();
					$(".view-container.actions ul").addClass("gridview");
					return false;
				}
			else
				{
					$(".icon").removeClass("selected");
					$(this).addClass("selected");
					$(".view-container.actions ul").removeClass();
					$(".view-container.actions ul").addClass("gridview editview");
					return false;
				}
		}		
	); 

	$(".view-container").delegate(".item","hover",
		function () {
			$(".item").removeClass("onclick");
			$(this).addClass("onclick");
		}
	); 


	$(".view-container").delegate(".item","mouseleave",
		function () {
			$(this).removeClass("onclick");
			return false;
		}
	);

// ============= 
// ! Dropdown on main menu   
// ============= 
	$('li.dropdown').click(
		function() {
			$('ul', this).slideDown(300);
		 }
	);
	$('li.dropdown').mouseleave(
		function() {
			$('ul', this).slideUp(300);
		}
	);
	
// ============= 
// ! grid checkbox view   
// ============= 
	$(".gridview-checkbox-block").find("input:checkbox:checked").parent().addClass('checked');
	$('.gridview-checkbox-block input').change(
		function () {
			if ($(this).attr("checked")) {
				//checked
				$(this).parent().removeClass();
				$(this).parent().addClass('checked');
				return;
			}
			//unchecked
			$(this).parent().removeClass();
			$(this).parent().addClass('unchecked');
		}
	);
	
// ==================== 
// ! change game time   
// ==================== 

	$(".elevator-block").css("display","none");
	$(".elevator").click(function () {
		$(".elevator-block").slideToggle("slow");
	});


// end of document ready
		
})

// ========================== 
// ! outside document ready   
// ========================== 

// ============== 
// ! ajax calls   
// ============== 

	// delete status msg
	function ajaxDeleteStatusMsg(message_id){
	$.get("/ajax/action.php", { 'action-id': message_id, 'action': 'statusMessageDelete'} );
	$('#msg' + message_id).fadeOut('slow');
	}
	
	// add game - collection
	function ajaxInsertGame(game_id){
		$.get("/ajax/action.php", { "action-id": game_id, "action": "gameInsert"} );
		$("#game" + game_id).fadeOut("slow");
	}
	
	// add game - collection
	function ajaxMoveGame(game_id){
		$.get("/ajax/action.php", { "action-id": game_id, "action": "gameMove"} );
		$("#game" + game_id).fadeOut("slow");
	}
	
	// add game - wish list
	function ajaxInsertGameWish(game_id){
		$.get("/ajax/action.php", { "action-id": game_id, "action": "gameInsertWish"} );
		$("#game" + game_id).fadeOut("slow");
	}
	
	// delete game
	function ajaxDeleteGame(game_id){
	$.get("/ajax/action.php", { 'action-id': game_id, 'action': 'gameDelete'} );
	$('#game' + game_id).fadeOut('slow');
	}
	
	// delete friend
	function ajaxDeleteFriend(friend_id){
	$.get("/ajax/action.php", { 'action-id': friend_id, 'action': 'friendDelete'} );
	$('#friend' + friend_id).fadeOut('slow');
	}