////////////////////////////////////////////////////////////////////////////////////
cVER = "20210406_015714";
cJSCACHE = "1";
cJSNAME = "scripts";
cJSMIN = "";
cJSPOS = "body2";
cWEBWIDTH = "1024";
cCOOKIE_EXPIRE_JS = "365";
cCOOKIE_PATH = "/";
cCOOKIE_DOMAIN = ".mazajakgamez.ooredoo.ps";
cSKILLPOD_SITE_ID = "885";
cCATEGORIES_PREFIX = "mobile-";
cCATEGORIES_POSTFIX = "-games-play-now";
cDOWNLOADS_PREFIX = "download-";
cDOWNLOADS_POSTFIX = "-games";
cDIALINGCODE = "27";
cRTL = "";
cCALENDAR = "christian";
cSKILLPOD_WAGER = "0";
cSKILLPOD_CREDITS = "0";
cSKILLPOD_MEMBERSHIP = "1";
cSKILLPOD_MPGS = "https://d3d0vtz9nfa30b.cloudfront.net";
cSKILLPOD_MPGS_DIRECT = "https://multiplayergameserver.com";
cSKILLPOD_MPGS_XMLAPI = "https://multiplayergameserver.com/xmlapi7";
cSKILLPOD_CDN_DIRECT = "https://multiplayergameserver.com";
cWEBROOT = "https://mazajakgamez.ooredoo.ps/en-gb";
cWEBROOT_DIRECT = "https://mazajakgamez.ooredoo.ps";
cWEBURL = "https://mazajakgamez.ooredoo.ps";
cWEBROOT_HTTP = "https://mazajakgamez.ooredoo.ps/en-gb";
cWEBROOT_HTTPS = "https://mazajakgamez.ooredoo.ps/en-gb";
cWEBCACHE = "https://mazajakgamez.ooredoo.ps/cache";
cWEBCOMMON_JS = "https://mazajakgamez.ooredoo.ps/public/common/js";
cWEBCOMMON_CSS = "https://mazajakgamez.ooredoo.ps/public/common/css";
cWEBCOMMON_FONTS = "https://mazajakgamez.ooredoo.ps/public/common/fonts";
cWEBCOMMON_IMAGES = "https://mazajakgamez.ooredoo.ps/public/common/images";
cWEBCOMMON_INCLUDES = "https://mazajakgamez.ooredoo.ps/public/common/includes";
cWEBCOMMON_LANG = "https://mazajakgamez.ooredoo.ps/public/common/lang";
cWEBCOMMON_UPLOADS = "https://mazajakgamez.ooredoo.ps/public/common/uploads";
cWEBCOMMON = "https://mazajakgamez.ooredoo.ps/public/common";
cWEBADMIN_LAYOUTS = "https://mazajakgamez.ooredoo.ps/public/admin/layouts";
cWEBADMIN_PAGE = "https://mazajakgamez.ooredoo.ps/public/admin/pages";
cWEBADMIN_WIDGETS = "https://mazajakgamez.ooredoo.ps/public/admin/widgets";
cWEBADMIN = "https://mazajakgamez.ooredoo.ps/public/admin";
cWEBPLUGINS = "https://mazajakgamez.ooredoo.ps/public/plugins";
cWEBLISUD_LAYOUTS = "https://mazajakgamez.ooredoo.ps/public/plugins/lisud/layouts";
cWEBLISUD_PAGE = "https://mazajakgamez.ooredoo.ps/public/plugins/lisud/pages";
cWEBLISUD_WIDGETS = "https://mazajakgamez.ooredoo.ps/public/plugins/lisud/widgets";
cWEBLISUD = "https://mazajakgamez.ooredoo.ps/public/plugins/lisud";
cWEBTHEME_CSS = "https://mazajakgamez.ooredoo.ps/public/themes/gazuma/app/css";
cWEBTHEME_JS = "https://mazajakgamez.ooredoo.ps/public/themes/gazuma/app/js";
cWEBTHEME_LAYOUTS = "https://mazajakgamez.ooredoo.ps/public/themes/gazuma/app/layouts";
cWEBTHEME_PAGES = "https://mazajakgamez.ooredoo.ps/public/themes/gazuma/app/pages";
cWEBTHEME_WIDGETS = "https://mazajakgamez.ooredoo.ps/public/themes/gazuma/app/widgets";
cWEBTHEME = "https://mazajakgamez.ooredoo.ps/public/themes/gazuma";
cAJAXCODE = "606c0aa7a91ac";
cPLATFORM = "unknown";
cBROWSER = "Google%20Bot";
////////////////////////////////////////////////////////////////////////////////////
/*//////////////////////////////////////////////////////////////////////////////////
Materializr v3
-----------
Copyright (c) 2014 - Magnus Esterhuizen
This is the complete js library for Materializr v3
This library may only be used on the discretion of Magnus Esterhuizen magnus.esterhuizen@gmail.com
This copyright notice my not be removed
//////////////////////////////////////////////////////////////////////////////////*/

gSnackbarTimer = null;
//gDialogCounter = 0;
gGalleryId = 0;
//gGalleryCounter = 0;
gGalleryObject = new Array();
gPopupId = 0;
//gPopupCounter = 0;
gPopupObject = new Array();
gScrollTop = 0;
gBackdropCounter = 0;
gCloseFunction = {};
gDialogs = new Array();
//gDialogElements = {};

////////////////////////////////////////////////////////////////////////////////////
function snackbar(message){
	if(!$("#snackbar").hasClass("show")){
		$("#snackbar").removeClass("toast");
		$("#snackbar").html("");
		var button;
		var action;
		var time;
		if(arguments[1] != undefined){
			button = arguments[1];
		}
		if(arguments[2] != undefined){
			action = arguments[2];
		}
		if(arguments[3] != undefined){
			time = arguments[3];
		}
		
		//var append = '<p class="palA900-bg palA50 message body1">' + message + '</p>';
		var append = message;
		
		if(button){
			if(button.indexOf("[") > 0){
				var params = button.split("[");
				title = params[0];
				color = params[1].replace("]", "");
			}
			else{
				title = button;
				color = "";
			}
			append += '<a class="action button button-flat ' + color + '">' + title + '</a>';
			if(action){
				$("#snackbar").off("click", "a");
				$("#snackbar").on("click", "a", action);
				$("#snackbar").on("click", "a", function(){ hideSnackbar() });
			}
		}
		
		$("#snackbar").append(append);
		$("#snackbar").addClass("show");
		if(!button && !action){
			if(!time){
				gSnackbarTimer = setTimeout("hideSnackbar()", 3000);
			}
			else{
				gSnackbarTimer = setTimeout("hideSnackbar()", time);
			}
		}
		else{
			//gSnackbarTimer = setTimeout("hideSnackbar(" + action + ")", 10000); //force action
			//gSnackbarTimer = setTimeout("hideSnackbar()", 10000);
		}
	}
}

////////////////////////////////////////////////////////////////////////////////////
function toast(message){
	if(!$("#snackbar").hasClass("show")){
		$("#snackbar").html("");
		var time;
		if(arguments[1] != undefined){
			time = arguments[1];
		}
		
		$("#snackbar").addClass("toast");
		
		//var append = '<p class="message body1">' + message + '</p>';
		var append = message;
		$("#snackbar").append(append);
		$("#snackbar").addClass("show");
		
		if(!time){
			gSnackbarTimer = setTimeout("hideSnackbar()", 3000);
		}
		else{
			gSnackbarTimer = setTimeout("hideSnackbar()", time);
		}
	}
}

////////////////////////////////////////////////////////////////////////////////////
function hideSnackbar(){
	if($("#snackbar").hasClass("show")){
		gSnackbarTimer = 0;
		if(arguments[0] != undefined){
			setTimeout(arguments[0], 1);
		}
		$("#snackbar").removeClass("show");
	}
}

////////////////////////////////////////////////////////////////////////////////////
function dialog(o, e){
	var dlg = $(o).attr("id");
	if(gDialogs.length > 0){
		for(var i = 0; i < gDialogs.length; i ++){
			if(gDialogs[i] == dlg){
				return false;
			}
		}
	}
	gDialogs.push(dlg);
	
	var options;
	if(arguments[2] != undefined){
		options = arguments[2];
	}
	/*options = {
		"userTemplate": false,
		"size": "med",
		"title": "Test",
		"close": true,
		"closeFunction": function(){},
		"width": 200,
		"height": 200,
		"buttons": {
			"left": {
				"More Info[red]": function(){
					dialog($("div#another"));
				},
				"Less Info[blue]": function(){
					toast("less info");
				}
			},
			"right": {
				"Decline": function(){
					toast("decline");
				},
				"Accept[green]": function(){
					toast("accept");
				}
			}
		}
	}*/
	var id = $(o).attr("id");
	var size = "med";
	var width = "";
	var height = "";
	var body = $(o).html();
	var close = false;
	var closeFunction = "";
	var title = "";
	var buttonsLeft = "";
	var buttonsCenter = "";
	var buttonsRight = "";
	
	//gDialogElements[dlg] = body;
	//$(o).html("");
	
	if(options["userTemplate"] != true){
		for(var key in options){
			if(options.hasOwnProperty(key)){
				if(key == "size"){
					if(options[key]){
						size = options[key];
					}
				}
				if(key == "width"){
					if(options[key]){
						width = options[key];
					}
				}
				if(key == "height"){
					if(options[key]){
						height = options[key];
					}
				}
				if(key == "title"){
					if(options[key]){
						title = options[key];
					}
				}
				if(key == "close"){
					if(options[key]){
						close = "close-" + gBackdropCounter;
					}
					else{
						close = "hide";
					}
				}
				if(key == "closeFunction"){
					if(options[key]){
						closeFunction = options[key];
					}
				}
				if(key == "buttons"){
					var x = 0;
					if(options[key]){
						var columns = options[key];
						for(var col in columns){
							if(columns.hasOwnProperty(col)){
								if(col == "left"){
									buttons = columns[col];
									for(var btn in buttons){
										if(buttons.hasOwnProperty(btn)){
											if(btn.indexOf("[") > 0){
												var buttonClasses = btn.split("[");
												button = buttonClasses[0];
												classes = buttonClasses[1].replace("]", "").replace(" ");
											}
											else{
												button = btn;
												classes = "";
											}
											buttonsLeft += '<a id="a-' + id + '' + x + '" class="action button button-flat white ' + classes + '">' + button + '</a>';
											if(buttons[btn]){
												$("#backdrop").off("click", "a#a-" + id + "" + x);
												$("#backdrop").on("click", "a#a-" + id + "" + x, buttons[btn]);
											}
											x ++;
										}
									}
								}
								if(col == "center"){
									buttons = columns[col];
									for(var btn in buttons){
										if(buttons.hasOwnProperty(btn)){
											if(btn.indexOf("[") > 0){
												var buttonClasses = btn.split("[");
												button = buttonClasses[0];
												classes = buttonClasses[1].replace("]", "").replace(" ");
											}
											else{
												button = btn;
												classes = "";
											}
											buttonsCenter += '<a id="a-' + id + '' + x + '" class="action button button-flat white ' + classes + '">' + button + '</a>';
											if(buttons[btn]){
												$("#backdrop").off("click", "a#a-" + id + "" + x);
												$("#backdrop").on("click", "a#a-" + id + "" + x, buttons[btn]);
											}
											x ++;
										}
									}
								}
								if(col == "right"){
									buttons = columns[col];
									for(var btn in buttons){
										if(buttons.hasOwnProperty(btn)){
											if(btn.indexOf("[") > 0){
												var buttonClasses = btn.split("[");
												button = buttonClasses[0];
												classes = buttonClasses[1].replace("]", "").replace(" ");
											}
											else{
												button = btn;
												classes = "";
											}
											buttonsRight += '<a id="a-' + id + '' + x + '" class="action button button-flat white ' + classes + '">' + button + '</a>';
											if(buttons[btn]){
												$("#backdrop").off("click", "a#a-" + id + "" + x);
												$("#backdrop").on("click", "a#a-" + id + "" + x, buttons[btn]);
											}
											x ++;
										}
									}
								}
							}
						}
					}
				}
			}
		}
		template = dialogTemplate(o, {
			"size": size,
			"width": width,
			"height": height,
			"title": title,
			"close": close,
			"closeFunction": closeFunction,
			"body": body,
			"buttonsLeft": buttonsLeft,
			"buttonsCenter": buttonsCenter,
			"buttonsRight": buttonsRight
		});
	}
	else{
		template = dialogTemplate(o, {
			"size": size,
			"width": width,
			"height": height,
			"body": body
		});
	}
	
	$("#backdrop").append(template);
	if(!$("#backdrop").hasClass("show")){
		$("body").css("overflow", "hidden");
		//window.onwheel = function(){ return false; }
		$("#backdrop").addClass("show");
	}
	if($("#dialog-" + id + " .dialog-body")[0].scrollHeight > $("#dialog-" + id + " .dialog-body").height()){
		$("#dialog-" + id + " .dialog-head").addClass("seperate");
		$("#dialog-" + id + " .dialog-foot").addClass("seperate");
	}
	$("#dialog-" + id).addClass("show");
	
	//gDialogCounter ++;
	gBackdropCounter ++;
}

////////////////////////////////////////////////////////////////////////////////////
function dialogTemplate(o, data){
//load template from html in future
	var id = $(o).attr("id");
	var template = '';
	
	if(!data.size){
		data.size = "auto";
	}
	if(!data.width){
		data.width = cWEBWIDTH;
	}
	if(!data.height){
		data.height = "auto";
	}
	
	//template += '<div id="dialog-' + id + '" class="dialog dialog-[[size]] container container-fixed custom-dialog-standard-bg" style="z-index:' + gDialogCounter + ';[[height-head]];[[width]]">';
	template += '<div id="dialog-' + id + '" class="dialog dialog-[[size]] container container-fixed" style="z-index:' + gBackdropCounter + ';[[height-head]];[[width]]">';
	template += '	<div class="card card-1 card-content white12-bg">';
	template += '		<div class="container container-resize">';
	template += '			<div class="card card-1 card-content custom-dialog-standard-bg">';
	if(data.close == "hide"){
		template += '				<!--Desktop-->';
		template += '				<header class="desktop-only dialog-head container container-fixed custom-dialog-standard-bg custom-dialog-standard-heading-col">';
		template += '					<div class="card card-1 card-flush vertical-middle text-center">';
		template += '						<div class="custom-dialog-standard-heading-col title">[[title]]</div>';
		template += '					</div>';
		template += '				</header>';
		template += '				<!--Tablet-3-->';
		template += '				<header class="tablet-3-only dialog-head container container-fixed custom-dialog-standard-bg custom-dialog-standard-heading-col">';
		template += '					<div class="card card-1 card-flush vertical-middle text-center">';
		template += '						<div class="custom-dialog-standard-heading-col title">[[title]]</div>';
		template += '					</div>';
		template += '				</header>';
		template += '				<!--Tablet-->';
		template += '				<header class="tablet-only dialog-head container container-fixed custom-dialog-standard-bg custom-dialog-standard-heading-col">';
		template += '					<div class="card card-1 card-flush vertical-middle text-center">';
		template += '						<div class="custom-dialog-standard-heading-col title">[[title]]</div>';
		template += '					</div>';
		template += '				</header>';
		template += '				<!--Phone-->';
		template += '				<header class="phone-only dialog-head container container-fixed custom-dialog-standard-bg custom-dialog-standard-heading-col">';
		template += '					<div class="card card-1 card-flush vertical-middle text-center">';
		template += '						<div class="custom-dialog-standard-heading-col title">[[title]]</div>';
		template += '					</div>';
		template += '				</header>';
	}
	else{
		template += '				<!--Desktop-->';
		template += '				<header class="desktop-only dialog-head container container-fixed custom-dialog-standard-bg custom-dialog-standard-heading-col">';
		template += '					<div class="card card-80 card-flush vertical-middle text-left">';
		template += '						<div class="custom-dialog-standard-heading-col title">[[title]]</div>';
		template += '					</div>';
		template += '					<div class="card card-20 card-flush vertical-middle text-right">';
		template += '						<a class="[[close]] custom-dialog-standard-heading-col close button button-fab button-mini button-flat" onclick="hideDialog(\'#' + $(o).attr("id") + '\'); gCloseFunction[\'' + data.close + '\']();"><i class="fa fa-times title vertical-middle custom-dialog-standard-heading-col"></i></a>';
		template += '					</div>';
		template += '				</header>';
		template += '				<!--Tablet-3-->';
		template += '				<header class="tablet-3-only dialog-head container container-fixed custom-dialog-standard-bg custom-dialog-standard-heading-col">';
		template += '					<div class="card card-80 card-flush vertical-middle text-left">';
		template += '						<div class="custom-dialog-standard-heading-col title">[[title]]</div>';
		template += '					</div>';
		template += '					<div class="card card-20 card-flush vertical-middle text-right">';
		template += '						<a class="[[close]] custom-dialog-standard-heading-col close button button-fab button-mini button-flat" onclick="hideDialog(\'#' + $(o).attr("id") + '\'); gCloseFunction[\'' + data.close + '\']();"><i class="fa fa-times title vertical-middle custom-dialog-standard-heading-col"></i></a>';
		template += '					</div>';
		template += '				</header>';
		template += '				<!--Tablet-->';
		template += '				<header class="tablet-only dialog-head container container-fixed custom-dialog-standard-bg custom-dialog-standard-heading-col">';
		template += '					<div class="card card-80 card-flush vertical-middle text-left">';
		template += '						<div class="custom-dialog-standard-heading-col title">[[title]]</div>';
		template += '					</div>';
		template += '					<div class="card card-20 card-flush vertical-middle text-right">';
		template += '						<a class="[[close]] custom-dialog-standard-heading-col close button button-fab button-mini button-flat" onclick="hideDialog(\'#' + $(o).attr("id") + '\'); gCloseFunction[\'' + data.close + '\']();"><i class="fa fa-times title vertical-middle custom-dialog-standard-heading-col"></i></a>';
		template += '					</div>';
		template += '				</header>';
		template += '				<!--Phone-->';
		template += '				<header class="phone-only dialog-head container container-fixed custom-dialog-standard-bg custom-dialog-standard-heading-col">';
		template += '					<div class="card card-80 card-flush vertical-middle text-left">';
		template += '						<div class="custom-dialog-standard-heading-col title">[[title]]</div>';
		template += '					</div>';
		template += '					<div class="card card-20 card-flush vertical-middle text-right">';
		template += '						<a class="[[close]] custom-dialog-standard-heading-col close button button-fab button-mini button-flat" onclick="hideDialog(\'#' + $(o).attr("id") + '\'); gCloseFunction[\'' + data.close + '\']();"><i class="fa fa-times title vertical-middle custom-dialog-standard-heading-col"></i></a>';
		template += '					</div>';
		template += '				</header>';
	}
	template += '				<div class="dialog-body scroll-overflow custom-dialog-standard-bg custom-dialog-standard-col" style="[[height-body]]">';
	template += '					[[body]]';
	template += '				</div>';
	template += '				<footer class="dialog-foot container container-fixed custom-dialog-standard-bg custom-dialog-standard-items-col">';
	template += '					<div class="left card card-flush text-left custom-dialog-standard-items-col">';
	template += '						[[buttonsLeft]]';
	template += '					</div>';
	template += '					<div class="center card card-flush text-center custom-dialog-standard-items-col">';
	template += '						[[buttonsCenter]]';
	template += '					</div>';
	template += '					<div class="right card card-flush text-right custom-dialog-standard-items-col">';
	template += '						[[buttonsRight]]';
	template += '					</div>';
	template += '				</footer>';
	template += '			</div>';
	template += '		</div>';
	template += '	</div>';
	template += '</div>';
	if(data.size){
		template = template.replace(/\[\[size\]\]/g, data.size);
	}
	if(data.width){
		template = template.replace(/\[\[width\]\]/g, "width:100%;max-width:" + (Math.floor(data.width) / 2) + "px");
	}
	if(data.height){
		template = template.replace(/\[\[height-head\]\]/g, "height:" + (parseInt(data.height) + 60) + "px;max-height:" + (parseInt(data.height) + 60) + "px");
		template = template.replace(/\[\[height-body\]\]/g, "height:" + data.height + ";max-height:" + data.height);
	}
	template = template.replace(/\[\[title\]\]/g, data.title);
	template = template.replace(/\[\[close\]\]/g, data.close);
	template = template.replace(/\[\[body\]\]/g, data.body);
	template = template.replace(/\[\[buttonsLeft\]\]/g, data.buttonsLeft);
	template = template.replace(/\[\[buttonsCenter\]\]/g, data.buttonsCenter);
	template = template.replace(/\[\[buttonsRight\]\]/g, data.buttonsRight);
	if(typeof data.closeFunction == "function"){
		gCloseFunction[data.close] = function(){
			data.closeFunction();
		}
	}
	else{
		gCloseFunction[data.close] = function(){
			//alert(2);
		}
	}
	return template;
}

////////////////////////////////////////////////////////////////////////////////////
function hideDialog(o){
	var dlg = $(o).attr("id");
	
	//$(o).html(gDialogElements[dlg]);
	//if(i == dlg){
	//	delete gDialogElements[i];
	//}
	
	if(gDialogs.length > 0){
		for(var i in gDialogs){
			if(gDialogs[i] == dlg){
				gDialogs.splice(i);
			}
		}
	}
	
	var id = $(o).attr("id");
	if($("#dialog-" + id).hasClass("show")){
		gBackdropCounter --;
		//if(gDialogCounter == 1){
		if(gBackdropCounter < 1){
			$("#backdrop").addClass("hide");
		}
		$("#backdrop #dialog-" + id).removeClass("show").remove();
		$("#backdrop").on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd", function(){
			//gDialogCounter --;
			gBackdropCounter --;
			$("#dialog-" + id).remove();
			//if(gDialogCounter < 1){
			if(gBackdropCounter < 1){
				//gDialogCounter = 0;
				gBackdropCounter = 0;
				$("#backdrop").removeClass("show").removeClass("hide").html("");
				$("body").css("overflow-y", "scroll");
			}
			$("#backdrop").off("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd");
		});
	}
}

////////////////////////////////////////////////////////////////////////////////////
function gallery(img){
	//event.preventDefault();
	if($(window).width() < 800){
		win = window.open($(img).attr("src").replace("-thumb", ""), "_blank");
		win.focus();
	}
	else{
		var template = galleryTemplate($(img).attr("src").replace("-thumb", ""));
		$("#backdrop").append(template);
		if(!$("#backdrop").hasClass("show")){
			$("body").css("overflow", "hidden");
			$("#backdrop").addClass("show");
		}
		$("#gallery" + gGalleryId).addClass("show");
		
		gGalleryObject[gGalleryId] = true;
		//gGalleryCounter ++;
		gBackdropCounter ++;
		gGalleryId ++;
	}
}

////////////////////////////////////////////////////////////////////////////////////
function galleryTemplate(img){
//load template from html in future
	var template = '';
	template += '<div id="gallery' + gGalleryId + '" class="gallery max" style="z-index:' + gGalleryId + ';">';
	template += '	<a class="close button button-fab button-mini" onclick="hideGallery(' + gGalleryId + ');">&#10006;</a>';
	template += '	<img src="[[img]]" />';
	template += '</div>';
	template = template.replace(/\[\[img\]\]/g, img);
	return template;
}

////////////////////////////////////////////////////////////////////////////////////
function hideGallery(id){
	if($("#gallery" + id).hasClass("show")){
		//if(gGalleryCounter == 1){
		if(gBackdropCounter == 1){
			$("#backdrop").addClass("hide");
		}
		$("#gallery" + id).removeClass("show");
		$("#backdrop").on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd", function(){
			gGalleryObject[id] = false;
			//gGalleryCounter --;
			gBackdropCounter --;
			$("#gallery" + id).remove();
			//if(gGalleryCounter < 1){
			if(gBackdropCounter < 1){
				gGalleryObject = new Array()
				//gGalleryCounter = 0;
				gBackdropCounter = 0;
				$("#backdrop").removeClass("show").removeClass("hide");
				$("body").css("overflow-y", "scroll");
			}
			$("#backdrop").off("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd");
		});
	}
}

////////////////////////////////////////////////////////////////////////////////////
function popup(pop, title, game_id){
	var killPreviousPopups = true;
	if(typeof arguments[3] != "undefined"){
		killPreviousPopups = arguments[3];
	}
	var	extraCloseFunction = "";
	if(typeof arguments[4] != "undefined"){
		extraCloseFunction = arguments[4];
	}
	if(killPreviousPopups == true){
		if(gPopupId > 0){
			while(gPopupId != 0){
				gPopupId --;
				killPopup(gPopupId);
			}
		}
	}
	var template = popupTemplate(pop, {
		"title": title,
		"game_id": game_id,
		"extraCloseFunction": extraCloseFunction
	});
	$("#backdrop").append(template);
	if(!$("#backdrop").hasClass("show")){
		$("#backdrop").addClass("show");
		gScrollTop = $("body").scrollTop();
		$("body").addClass("noscroll");
		$("body").css("top", gScrollTop * -1);
		if(parseInt($(window).width()) <= 800){
			$("#popup" + gPopupId + " article.pop").css("height", parseInt($(window).height()) + "px");
		}
		else{
			$("#popup" + gPopupId + " article.pop").css("height", parseInt($(window).height() - 43) + "px");
		}
	}
	$("#popup" + gPopupId).addClass("show");
	
	gPopupObject[gPopupId] = true;
	//gPopupCounter ++;
	gBackdropCounter ++;
	gPopupId ++;
}

////////////////////////////////////////////////////////////////////////////////////
function popupTemplate(o, data){
	if($(o).length > 0){
		//load template from pop o
		var template = $(o).html();
	}
	else{
		var template = '';
		template += '<div id="popup[[gPopupId]]" class="popup popup-maxx" style="z-index:[[gPopupId]];">';
		template += '	<div class="topbar palC900-bg text-right">';
		template += '		<div class="favorite float-left-50">';
		template += '		</div>';
		template += '		<div class="float-right-50">';
		template += '			<a class="desktop-only title white vertical-middle pointer" onclick="hidePopup([[gPopupId]]);[[extraCloseFunction]]">[~[[title]]~]&nbsp;</a>';
		template += '			<a class="tablet-3-only title white vertical-middle pointer" onclick="hidePopup([[gPopupId]]);[[extraCloseFunction]]">[~[[title]]~]&nbsp;</a>';
		template += '			<a class="close button button-fab button-mini vertical-middle palB600-bg white" onclick="hidePopup([[gPopupId]]);[[extraCloseFunction]]"><i class="typcn typcn-times"></i></a>';
		template += '		</div>';
		template += '	</div>';
		template += '	<article class="pop">';
		template += '		<!--[[pop]]-->';
		template += '	</article>';
		template += '</div>';
	}
	template = template.replace(/\[\[title\]\]/g, data.title);
	template = template.replace(/\[\[game_id\]\]/g, data.game_id);
	template = template.replace(/\[\[gPopupId\]\]/g, gPopupId);
	template = template.replace(/\[\[extraCloseFunction\]\]/g, data.extraCloseFunction);
	
	return template;
}

////////////////////////////////////////////////////////////////////////////////////
function hidePopup(id){
	if($("#popup" + id).hasClass("show")){
		gBackdropCounter --;
		//if(gPopupCounter == 1){
		if(gBackdropCounter < 1){
			$("#backdrop").addClass("hide");
		}
		$("#backdrop #popup" + id).removeClass("show").remove();
		$("#backdrop").on("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd", function(){
			gPopupObject[id] = false;
			//gPopupCounter --;
			gBackdropCounter --;
			$("#popup" + id).remove();
			//if(gPopupCounter < 1){
			if(gBackdropCounter < 1){
				gPopupObject = new Array()
				//gPopupCounter = 0;
				gBackdropCounter = 0;
				$("#backdrop").removeClass("show").removeClass("hide").html("");
				//$("#backdrop .popup").remove();
				$("body").css("top", "0");
				$("body").removeClass("noscroll");
				$("body").scrollTop(gScrollTop);
				if(typeof(gameResize) == "function"){
					$(window).off("resize", gameResize);
				}
			}
			$("#backdrop").off("transitionend webkitTransitionEnd oTransitionEnd otransitionend MSTransitionEnd");
		});
	}
}

////////////////////////////////////////////////////////////////////////////////////
function killPopup(id){
	if($("#popup" + id).hasClass("show")){
		$("#popup" + id).removeClass("show");
		gPopupObject[id] = false;
		//gPopupCounter --;
		gBackdropCounter --;
		$("#popup" + id).remove();
	};
}

////////////////////////////////////////////////////////////////////////////////////
//window.onwheel = function(){ return true; }
/*function stopWheel(e){
	if(!e){ e = window.event; } //IE7, IE8, Chrome, Safari
	if(e.preventDefault) { e.preventDefault(); } //Chrome, Safari, Firefox
	e.returnValue = false; //IE7, IE8
}*/
/*document.onmousewheel = function(){ stopWheel(); } //IE7, IE8
if(document.addEventListener){ //Chrome, Safari, Firefox
	document.addEventListener('DOMMouseScroll', stopWheel, false);
}*/
////////////////////////////////////////////////////////////////////////////////////
/*input*/
$(function(){
	var x = 0;
	$("input[type=text].paper1").each(function(){
		var id = "";
		if($(this).attr("id") == undefined){
			if($(this).attr("name") == undefined){
				id = "inputtext" + x;
				x ++;
			}
			else{
				id = $(this).attr("name").replace("[]");
			}
			$(this).attr("id", id);
		}
		else{
			id = $(this).attr("id");
		}
		var append = '';
		append += '<div id="input' + id + '" class="input">';
		if($(this).attr("hint") != undefined){
			if($(this).hasClass("small")){
				append += '<label class="small" for="' + id + '">' + $(this).attr("hint") + '</label>';
				var colClass = "black26";
				var strClass = $(this).attr("class");
				var arrClass = strClass.split(" ");
				for(key in arrClass){
					if(arrClass.hasOwnProperty(key)){
						if(arrClass[key].substr(arrClass[key].length - 4) == "-brd"){
							colClass = arrClass[key].replace("-brd", "500");
						}
					}
				}
				$(this).on("focus", function(){
					$("#input" + id + " .small").addClass(colClass);
				});
				$(this).on("blur", function(){
					$("#input" + id + " .small").removeClass(colClass);
				});
			}
			else{
				append += '<label class="small" for="' + id + '">&nbsp;</label>';
				if($(this).val().length == 0){
					$(this).val($(this).attr("hint")).addClass("empty");
				}
				$(this).on("focus", function(){
					if($(this).val() == $(this).attr("hint")){
						$(this).val("").removeClass("empty");
					}
				});
				$(this).on("blur", function(){
					if($(this).val().length == 0){
						$(this).val($(this).attr("hint")).addClass("empty");
					}
				});
			}
		}
		if($(this).attr("error") != undefined){
			append += '<span class="error">' + $(this).attr("error") + '</span>';
		}
		append += '</div>';
		$(this).after(append);
	});
	$(document).on("append", "input", function(){
		alert("asd");
	});
});

////////////////////////////////////////////////////////////////////////////////////