searchCatalog=[
	
		
		
				{"errorMsg":"No Results"}
    	
	
	];


$(document).ready(function(){	
	boxData = genreCatalog_getBoxData();
	
	$("#genreCatalog_sortOptions li").click(function()
	{
		// move selected option to be first
		$(this).parent().prepend( $(this));
		genreCatalog_sort( $(this).attr("sort") );
		genreCatalog_changeHash();
		genreCatalog_render();
		genreCatalog_loadVisibleImages();
		genreCatalog_setupPopup();
	});
	$("#genreCatalog_sortOptions li").each(function()
	{
		if( $(this).attr("sort") == genreCatalog_getHashParam("sort") )
		{
			$(this).parent().prepend( $(this));
		}
	});
	
	genreCatalog_sort(genreCatalog_getHashParam("sort"));
	genreCatalog_render();
	genreCatalog_loadVisibleImages();
	genreCatalog_setupPopup();
});

function genreCatalog_getBoxData()
{
	imageBase = "https://img.exent.com/free/frg/products/%GAME_ID%/boxshot.jpg";
	box = $('#genreCatalog');
	cols = box.attr("cols");
	rows = box.attr("rows");
	slideContainer =  box.find(".slides_container")[0];
	pagination = box.find("div.pagenation")
	paginationBulletContainer =  $(pagination).find("ul");
	games = searchCatalog;
	numberOfGames = games.length;
	return {imageBase:imageBase,
			box:box,
			games:games,
			slideContainer:slideContainer,
			cols:cols,
			rows:rows,
			numberOfGames:numberOfGames,
			pagination:pagination,
			paginationBulletContainer:paginationBulletContainer};
}


/**
* Destroys the genreCatalog's content, and rebuild it acording to the gamelist
*/
function genreCatalog_render ()
{
	boxData = genreCatalog_getBoxData();
	//gameBox_sort()
	genreCatalog_reset();
	
	if(boxData.games[0].errorMsg!=null){
		$("#genreCatalog").append('<div style="position:absolute;top: 60px; font: 18px/37px \'Signika Negative\', cursive;">'+boxData.games[0].errorMsg+'</div>');
		$('.pagenation_rib').remove();
		return;
	}
	
	for(i=0; i<boxData.games.length; i++)
	{
		game = boxData.games[i];
		if (i % (boxData.rows*boxData.cols) == 0)
		{
			$(boxData.slideContainer).append('<div class="slide"/>')
			currentSlide = $(slideContainer).find(".slide:last-child");
		}
		
		var defaultSlide = '<a href="'+game.gameLink+'" tracking-label="'+game.gameNameNorm+'" tracking-params="'+(i+1)+'"> \
				<div class="small_boxshot" data-id="'+game.gameId+'" data-desc="'+game.gameDesc+'" data-link="'+game.gameLink+'"\
				data-ss1="'+game.gameScreenShot1+'" data-ss2="'+game.gameScreenShot2+'" \ data-size="'+game.gameSize+'"> \
					<div class="border small_boxshot_border  sprite"></div> \
					<img width="51" height="60" image-src="'+boxData.imageBase.replace("%GAME_ID%",game.gameId)+'" title="'+game.gameName+'" class="image_fallback_enabled"> \
					<div class="game_name">'+game.gameName+'</div> \
				</div> \
			</a>';
			
		var premiumGameSlide = '<a href="'+game.gameLink+'" tracking-label="'+game.gameNameNorm+'" tracking-params="'+(i+1)+'"> \
				<div class="small_boxshot" data-id="'+game.gameId+'" data-desc="'+game.gameDesc+'" data-link="'+game.gameLink+'"\
				data-ss1="'+game.gameScreenShot1+'" data-ss2="'+game.gameScreenShot2+'" \ data-size="'+game.gameSize+'"> \
					<div class="border small_boxshot_border  sprite" style="display:none"></div> \
					<img width="51" height="60" image-src="'+boxData.imageBase.replace("%GAME_ID%",game.gameId)+'" title="" class="image_fallback_enabled premiumGameBorder_small"> \
					<div class="game_name">'+game.gameName+'</div> \
					<img class="premiumResultDecoration" width=22 height=22 src="/static/marketing/gamePage/img/image_decoration.png" /> \
				</div> \
			</a>';
		
		if(game.gameType == 2){	//if premium game
			$(currentSlide).append(premiumGameSlide);
		}
		else{
			$(currentSlide).append(defaultSlide);
		}		
		
	}
	
	genreCatalog_setPagination();
	setTimeout( function(){
		$(boxData.pagination).find("a,div").click(function()
		{
			genreCatalog_loadVisibleImages();
			genreCatalog_changeHash();
		});
	},100);
	
	Utils.fixUnloadImages();
}


function genreCatalog_setPagination (currentPage)
{
	boxData = genreCatalog_getBoxData();
	
	if (boxData.numberOfGames > boxData.cols*boxData.rows)
	{
		$(boxData.box).slides({pagination: true, paginationClass:'paginationGenreCatalog', next:'nextGenreCatalog',prev:'prevGenreCatalog',start:genreCatalog_getHashParam("page")});
		$(boxData.pagination).show();
	}
	else
	{
		$(boxData.pagination).hide();
	}
	$(boxData.box).find('.slide').width( $(boxData.box).width()+"px" );
}

function genreCatalog_reset()
{
	boxData = genreCatalog_getBoxData();
	$(boxData.slideContainer).empty();
	$(boxData.paginationBulletContainer).empty();
}

function genreCatalog_sort(type)
{
	boxData = genreCatalog_getBoxData();
	function sortGamesByRank(a,b)
	{ 
		if ( a.gameRank == b.gameRank ) 
		{
			return a.gameName.localeCompare(b.gameName);
		}
		else
		{
			return a.gameRank - b.gameRank;
		}
	}
	
	function sortGamesByName(a,b)
	{ 
		return a.gameName.localeCompare(b.gameName);
	}
	
	if (type == "a-z")
	{
		boxData.games.sort(sortGamesByName);
	}
	else if (type == "rank")
	{
		boxData.games.sort(sortGamesByRank).reverse();
	}
	else 
	{
		boxData.games.sort(sortGamesByName);
	}
	
	
}	

function genreCatalog_loadVisibleImages ()
{
	boxData = genreCatalog_getBoxData();
   
	$(boxData.box).find("img:visible").each(function () {
		$(this).attr("src",$(this).attr("image-src"));
	});
}

function genreCatalog_changeHash()
{
	hash = "";
	boxData = genreCatalog_getBoxData();
	currentPage = $(boxData.paginationBulletContainer).find("li").index( $(boxData.paginationBulletContainer).find(".current")[0] )+1;
	currentSort = $("#genreCatalog_sortOptions li:first").attr("sort");

	hash+= ("page="+currentPage);
	hash+= ("&sort="+currentSort);
	
	window.location.hash = hash;
}

function genreCatalog_getHashParam(paramName)
{
	attributes = window.location.hash.substr(1).split("&");
	for (i=0; i<attributes.length; i++)
	{
		key = attributes[i].split("=")[0];
		value = attributes[i].split("=")[1];
		if(key.toLowerCase() == paramName.toLowerCase())
		{
			return value;
		}
	}
	return "";
}


function genreCatalog_setupPopup()
{
	var hideTimer, showTimer;

	
	$(".small_boxshot").mouseover(function(){	
		var coords = $(this).position();
		clearTimeout(hideTimer);
		clearTimeout(showTimer);
		var obj = this;
		showTimer = setTimeout(function(){
			clearTimeout(hideTimer);
			redefinePopUp(obj);
			$(".green_border_container").css({"top":coords.top-60+"px", "left":coords.left+120+"px"});
			$(".green_border_container").show();
			
		},800);
	});
	
	$(".small_boxshot").mouseout(function(){
		clearTimeout(showTimer);
		hideTimer = setTimeout(function(){
			$("#genreCatalog_popup").hide();
		},500);
	});
	
	$("#genreCatalog_popup").mouseout(function(){
		
		hideTimer = setTimeout(function(){
			$("#genreCatalog_popup").hide();
		},500);
	}).mouseover(function(){
		clearTimeout(hideTimer);
	});
	
	$(".green_close_but").click(function(){	// GREEN POPUP CLOSE BUTTON
		$(".green_border_container").hide();
		clearTimeout(showTimer);
		clearTimeout(hideTimer);
	});
	
	function redefinePopUp(obj){		// init the popup`s contetnt using ID provided in element`s 'div' 
		var id = $(obj).data("id");
		var name = $(".game_name",obj).html();
		$("#genreCatalog_popup .game_name").html(name); // Seting Game Name
		$("#genreCatalog_popup .game_desc").html( $(obj).data("desc") );
		
		$("#genreCatalog_popup .leftBoxshot").css({opacity: 0.0}).bind("load", function () { $(this).css({opacity:1});});
		$("#genreCatalog_popup .rightBoxshot").css({opacity: 0.0}).bind("load", function () { $(this).css({opacity:1});});
		
		$("#genreCatalog_popup .leftBoxshot").attr("src", $(obj).data("ss2")); 
		$("#genreCatalog_popup .rightBoxshot").attr("src", $(obj).data("ss1"));
		
		$("#genreCatalog_popup .leftBoxshot").attr("title",name);
		$("#genreCatalog_popup .rightBoxshot").attr("title",name);
		
		$("#genreCatalog_popup #gameSize").html($(obj).data("size"));
		$("#genreCatalog_popup #genreCatalog_downloadButton").attr("href", $(obj).data("link"));
		$("#genreCatalog_popup #genreCatalog_downloadButton").attr("title", name);
		
		/****PREMIUM - resets the premium elements if not premium game and adds premium elements if it is****/
		redefinePopUp_premium(obj);		
	}
	
	function redefinePopUp_premium(obj){
		$("#genreCatalog_popup .searchPremiumPopup_title").remove();
		$("#genreCatalog_popup #genreCatalog_downloadButton .yellow_btn_28_left").removeClass("yellow_btn_28_left").addClass("blue_btn_28_left");
		$("#genreCatalog_popup #genreCatalog_downloadButton .yellow_btn_28_middle").css('color','#fff117');
		$("#genreCatalog_popup #genreCatalog_downloadButton .yellow_btn_28_middle").removeClass("yellow_btn_28_middle").addClass("blue_btn_28_mid");
		$("#genreCatalog_popup #genreCatalog_downloadButton .yellow_btn_28_right").removeClass("yellow_btn_28_right").addClass("blue_download_btn_28_right");
		$("#genreCatalog_popup #playWithoutAdsBtn").remove();
		
		if($(obj).find('.premiumGameBorder_small').length > 0){	//if the image have the premium styles (class=premiumGameBorder_small)
			var premiumTitle = $("<div class='searchPremiumPopup_title'><img src='/static/marketing/gamePage/img/title_decoration.png'/><span>FreeRide Club members only</span></div>");
			$("#genreCatalog_popup .inner_container").prepend(premiumTitle);
			
			var playWithoutAdsBtn = $("<a id='playWithoutAdsBtn' href='https://www.freeridegames.com/services/fr_club/secured/start_lp.html?actid=searchCatalog'><img src='/static/marketing/main/img/premium_search_button.png'/></a>");
			$(playWithoutAdsBtn).insertBefore('#genreCatalog_popup .inner_container .clear');
			
			$("#genreCatalog_popup #genreCatalog_downloadButton .blue_btn_28_left").removeClass("blue_btn_28_left").addClass("yellow_btn_28_left");
			$("#genreCatalog_popup #genreCatalog_downloadButton .blue_btn_28_mid").css('color','#0a325f');
			$("#genreCatalog_popup #genreCatalog_downloadButton .blue_btn_28_mid").removeClass("blue_btn_28_mid").addClass("yellow_btn_28_middle");
			$("#genreCatalog_popup #genreCatalog_downloadButton .blue_download_btn_28_right").removeClass("blue_download_btn_28_right").addClass("yellow_btn_28_right");
		}
	}
	
}