﻿var PopupManager =
{
	_popupElementId: null,
	_contentElemetId: null,
	_ajaxLoadingImageUrl: null,
	_languageCode: null,

	Init: function(popupElementId, contentElemetId, ajaxLoadingImageUrl, languageCode) {
		this._popupElementId = popupElementId;
		this._contentElemetId = contentElemetId;
		this._ajaxLoadingImageUrl = ajaxLoadingImageUrl;
		this._languageCode = languageCode;
		
		PopupManager._setBodyOnClickClose();
	},

	Show: function(contentUrl, phoneIdentifier, releaseDate) {
		PopupManager._setLoadingHtml();
		PopupManager._showModal();
		$.post(contentUrl, { phone: phoneIdentifier, releaseDate: releaseDate }, function(response) {
			$.dimScreen(500, 0.3, function() {
				$(PopupManager._contentElemetId).html(response);

				if (isCufonAble())
					Cufon.replace("#popup-title");
			});
		}, "html");
	},
	
	Hide: function(){
		$.dimScreenStop();
		$(PopupManager._popupElementId).hide();
	},
	
	Navigate: function(direction, currentId)
	{
		$("#" + currentId).hide();
		var nextId = direction == "prev" ? 0 : (parseInt(currentId) + 1);
		$("#" + nextId ).show();
	},

	_setLoadingHtml: function() {
		$(PopupManager._contentElemetId).html('<div style="width: 100%; text-align: center; padding: 20px 0; "><img alt="loading.." title="loading.." src="' + PopupManager._ajaxLoadingImageUrl + '" /></div>');
	},

	_showModal: function() {
		$(PopupManager._popupElementId).show();
	},
	
	_setBodyOnClickClose: function(){
		$(document).click( function(e){
			if(e.target.id == "__dimScreen" || $(e.target).hasClass("close-on-click") )
			{
				PopupManager.Hide();
			}
		})
	},
	
	_isCufonAble: function() {
		var C = this._languageCode;
		var B = ["he","zh","th","el","ar","vi","ko","fa"];
		for(var A in B)
		{
			if(C.toLowerCase() == B[A])
			{
				return false;
			}
		}
		return true;
	}
}
