CONTEXT_PATH = "";
resources = null;
language = "bg";

PAGE_TITLE = ", MAKO Подправки - черен пипер, червен пипер, чубрица, фасул, кимион, копър, кюфтета, къри, лютивка, мегета, пиле, кориандър, сминдух, пица, агнешко,барбекю, чесън, MAKO, spices, garlic, pepper, beans, cummin, meat balls, curry, spicy, megeta, pizza, chicken, fish, salt, tripe soup, grill, fenugreek";

MAX_PRODUCTS_PER_PAGE = 8;
HOME_CATEGORY_ID = 3;
STORE_BASKET_ID = 1;
RESTAURANT_BASKET_ID = 3;
PRODUCT_VARIETY_ID = 2;



MakoService = new function() {
  //returns Map
  this.getResources = function(callback) {
    url = "MakoService";
    data = "method=getResources";
    $.post(url,data,callback,"json");
  }
  //int categoryId
  //String lang
  //returns List
  this.getProducts = function(categoryId, lang, callback) {
    url = "MakoService";
    data = "method=getProducts&categoryId=" + $.toJSON(categoryId) + "&lang=" + $.toJSON(lang);
    $.post(url,data,callback,"json");
  }
  //int productId
  //String lang
  //returns ProductDO
  this.getProduct = function(productId, lang, callback) {
    url = "MakoService";
    data = "method=getProduct&productId=" + $.toJSON(productId) + "&lang=" + $.toJSON(lang);
    $.post(url,data,callback,"json");
  }
}


function addFishEye(number) {
 
    $("#fish" + number).Fisheye({
    	maxWidth: 30,
        items: 'a',
        itemsText: 'span',
        container: '#item_container' + number,
        itemWidth: 90,
        proximity: 120,
        alignment : 'left',
        valign: 'bottom',
        halign : 'center'
    });
}

function unbindFishEye() {
  	$(window).unbind("resize");
  	$(".item").unbind("mouseover");
  	$(".item").unbind("mouseout");
  	$(document).unbind("mousemove");	
}

function showProductViewLoader() {
	$(".prod_view_loader").css("display", "block");
}

function hideProductViewLoader() {
	$(".prod_view_loader").css("display", "none");
}

function showFishLoader() {
	$(".fish_loader").css("display", "block");
}

function hideFishLoader() {
	$(".fish_loader").css("display", "none");
}

function showProducts(jsonObject, categoryId, productIndex) {
	unbindFishEye();
	productCount = jsonObject.length;
	pageCount = Math.ceil(productCount / MAX_PRODUCTS_PER_PAGE) ;
	productsPerPage = Math.ceil(productCount /  pageCount) ;
	pageCount = Math.ceil(productCount / productsPerPage);
  	$(".fish_cont").html("");
  	$(".fish_cont").append("<input type='hidden' class='categoryId' value='" + categoryId + "'/>");
  	if(!isNaN(pageCount) && pageCount > 0) {
      	for(var i = 1; i <= pageCount; i++) { 
      		var fishStyle = i > 1 ? " style='display: none;' " : "";
      		$(".fish_cont").append("<div class='fish' id='fish" + i + "' " + fishStyle + " ></div>");
      		$("#fish" + i).append("<div class='item_container' id='item_container" + i + "' ></div>");
			var start = productsPerPage * (i-1);
			var end = start + productsPerPage;
		    end = end > productCount ? productCount : end;
      		for(var j = start; j <= end - 1; j++) { 
			   $("#item_container" + i).append("<a href='" + CONTEXT_PATH + "/?lang=" + language + "&pid=" + jsonObject[j].id + "' class='item'" +
			   									"id='prodId" + jsonObject[j].id + "'>" +
		        				  					"<span>" + jsonObject[j].name + "</span>" +
		        				  					"<img src='" + CONTEXT_PATH + "/file/?name=products/" + jsonObject[j].thumbLocation + "'/>" +
		        			  					"</a>"
			   								
			   							);
      		}
      	}
		addFishEye(1);
		showProduct(jsonObject[productIndex]);
  	} else {
  		$(".fish_cont").append("<div class='fish' id='fish1' ></div>");
  		$(".right").html("");
  	}	
  	var paginationContent = "";
  	if(!isNaN(pageCount) && pageCount > 0) {
  		paginationContent = "1 / " + pageCount
  	}
  	$(".pagination").text(paginationContent);
}

function showProduct(product) {
	
	$(".right").html("");
	var productId = product.id;
	
	switch (productId) {
		case PRODUCT_VARIETY_ID:
			$(".right").html("<input type='hidden' class='productId' value='' />" +
					"<h1 id='prod_name'></h1>" +
				    "<a id='prod_pic_lnk' href=''>" +
						"<img id='prod_pic' src=''" + 
							"alt=''/>" +
				    "</a>" +
				    "<a class='zoom' id='big_pic_btn' href=''></a>");
			break;
		case STORE_BASKET_ID:
			$(".right").html("<input type='hidden' class='productId' value='' />" +
							 "<h1 id='prod_name'></h1>" +
						     "<a id='prod_pic_lnk' href=''>" +
							 	"<img id='prod_pic' src=''" + 
									"alt=''/>" +
						     "</a>" +
				             "<div class='props'>" +
						         "<div class='flakon'>" +
						         	"<span id='store_basket_1'>" + resources[language].STORE_BASKET_1_NAME + "</span>" +
						            "<div><p id='prod_cartridge1'></p></div>" +
						         "</div>" +
						         "<div class='flakon'>" +
						         	"<span id='store_basket_2'>" + resources[language].STORE_BASKET_2_NAME + "</span>" +
						            "<div><p id='prod_cartridge2'></p></div>" +
						         "</div>" +
						         "<div class='flakon'>" +
						         	"<span id='store_basket_3'>" + resources[language].STORE_BASKET_3_NAME + "</span>" +
						            "<div><p id='prod_cartridge3'></p></div>" +
						         "</div>" +
						         "<div class='flakon'>" +
						         	"<span id='store_basket_4'>" + resources[language].STORE_BASKET_4_NAME + "</span>" +
						            "<div><p id='prod_cartridge4'></p></div>" +
						         "</div>" +
						         "<div class='flakon'>" +
						         	"<span id='store_basket_5'>" + resources[language].STORE_BASKET_5_NAME + "</span>" +
						            "<div><p id='prod_cartridge5'></p></div>" +
						         "</div>" +
						         "<div class='flakon'>" +
						         	"<span id='store_basket_6'>" + resources[language].STORE_BASKET_6_NAME + "</span>" +
						            "<div><p id='prod_cartridge6'></p></div>" +
						         "</div>" +					         
				             "</div>" +
				             "<a class='zoom' id='big_pic_btn' href=''></a>"
				             );
			$("#prod_cartridge1").text(resources[language].STORE_BASKET_1_QANTITY);
			$("#prod_cartridge2").text(resources[language].STORE_BASKET_2_QANTITY);
			$("#prod_cartridge3").text(resources[language].STORE_BASKET_3_QANTITY);
			$("#prod_cartridge4").text(resources[language].STORE_BASKET_4_QANTITY);
			$("#prod_cartridge5").text(resources[language].STORE_BASKET_5_QANTITY);
			$("#prod_cartridge6").text(resources[language].STORE_BASKET_6_QANTITY);
			break;
		case RESTAURANT_BASKET_ID:
			$(".right").html("<input type='hidden' class='productId' value='' />" +
							 "<h1 id='prod_name'></h1>" +
					    	 "<a id='prod_pic_lnk' href=''>" +
								"<img id='prod_pic' src=''" + 
									"alt=''/>" +
						     "</a>" +
				             "<div class='props'>" +
						         "<div class='flakon'>" +
						         	"<span id='restaurant_basket_1'>" + resources[language].RESTAURANT_BASKET_1_NAME + "</span>" +
						            "<div><p id='prod_cartridge1'></p></div>" +
						         "</div>" +
						         "<div class='flakon'>" +
						         	"<span id='restaurant_basket_2'>" + resources[language].RESTAURANT_BASKET_2_NAME + "</span>" +
						            "<div><p id='prod_cartridge2'></p></div>" +
						         "</div>" +
						         "<div class='flakon'>" +
						         	"<span id='restaurant_basket_3'>" + resources[language].RESTAURANT_BASKET_3_NAME + "</span>" +
						            "<div><p id='prod_cartridge3'></p></div>" +
						         "</div>" +
						         "<div class='flakon'>" +
						         	"<span id='restaurant_basket_4'>" + resources[language].RESTAURANT_BASKET_4_NAME + "</span>" +
						            "<div><p id='prod_cartridge4'></p></div>" +
						         "</div>" +
						         "<div class='flakon'>" +
						         	"<span id='restaurant_basket_5'>" + resources[language].RESTAURANT_BASKET_5_NAME + "</span>" +
						            "<div><p id='prod_cartridge5'></p></div>" +
						         "</div>" +
						         "<div class='flakon'>" +
						         	"<span id='restaurant_basket_6'>" + resources[language].RESTAURANT_BASKET_6_NAME + "</span>" +
						            "<div><p id='prod_cartridge6'></p></div>" +
						         "</div>" +					         
				             "</div>" +
				             "<a class='zoom' id='big_pic_btn' href=''></a>"
				             );
			$("#prod_cartridge1").text(resources[language].RESTAURANT_BASKET_1_QANTITY);
			$("#prod_cartridge2").text(resources[language].RESTAURANT_BASKET_2_QANTITY);
			$("#prod_cartridge3").text(resources[language].RESTAURANT_BASKET_3_QANTITY);
			$("#prod_cartridge4").text(resources[language].RESTAURANT_BASKET_4_QANTITY);
			$("#prod_cartridge5").text(resources[language].RESTAURANT_BASKET_5_QANTITY);
			$("#prod_cartridge6").text(resources[language].RESTAURANT_BASKET_6_QANTITY);
			break;		
		default:
			$(".right").html("<input type='hidden' class='productId' value='' />" +
							"<h1 id='prod_name'></h1>" +
					   		"<a id='prod_pic_lnk' href=''>" +
							"<img id='prod_pic' src=''" + 
								"alt=''/>" +
					    	"</a>" +
						    "<div class='props'>" +    
						    	"<div class='package'>" +
						        	"<span>" + resources[language].PRODUCT_PACK + "</span>" +
						            "<div><p id='prod_pack'></p></div>" +
						        "</div>" +
						        "<div class='flakon'>" +
						        	"<span>" + resources[language].PRODUCT_CARTRIDGE + "</span>" +
						            "<div><p id='prod_cartridge'></p></div>" +
						        "</div>" +
						        "<div class='catering'>" +
						        	"<span>" + resources[language].PRODUCT_CATERING + "</span>" +
						            "<div><p id='prod_catering'></p></div>" +
						        "</div>" + 
						    "</div>" +
					    	"<a class='zoom' id='big_pic_btn' href=''></a>"
					    	);
			if(product.description != null && product.description != "") {
				$(".props").append("<div class='info'>" +
						        		"<h2 id='prod_desc'>" + product.description + "</h2>" +
						           "</div>");
			}
			$("#prod_pack").text(product.pack);
			$("#prod_cartridge").text(product.cartridge);
			$("#prod_catering").text(product.catering);
	}
	document.title = product.name + PAGE_TITLE + "";
	$(".productId").val(productId);
	$("#prod_name").text(product.name);
	$("#prod_pic_lnk").attr("href", CONTEXT_PATH + "/file/?name=products/" + product.picLocation);
	$("#prod_pic").attr("src", CONTEXT_PATH + "/file/?name=products/" + product.smallPicLocation);
	$("#prod_pic").attr("alt", product.name);
	$("#big_pic_btn").attr("href", CONTEXT_PATH + "/file/?name=products/" + product.picLocation);
	$("a#prod_pic_lnk").fancybox();
	$("a#big_pic_btn").fancybox();
}