$(function(){
	$(".lang>a").click(function(event){
		event.preventDefault();
		var elementClass = $(this).attr("class");
		if(elementClass.indexOf("bg") != -1 && language !="bg") {
			showFishLoader();
			showProductViewLoader();
			language = "bg";
			if(!$(this).hasClass("bg_active")) {
				$(this).removeClass("bg");
				$(this).addClass("bg_active");
				$("#en_button").removeClass("en_active");
				$("#en_button").addClass("en");
				setInterface();
				hideFishLoader();
				hideProductViewLoader();
			}
		} else if(elementClass.indexOf("en") != -1 && language !="en") {
			showFishLoader();
			showProductViewLoader();
			language = "en";
			if(!$(this).hasClass("en_active")) {
				$(this).removeClass("en");
				$(this).addClass("en_active");
				$("#bg_button").removeClass("bg_active");
				$("#bg_button").addClass("bg");
				setInterface();
				hideFishLoader();
				hideProductViewLoader();				
			}
		}
	});
});

function setInterface() {
	$("#menu_home").text(resources[language].MENU_HOME);
	$("#menu_about").text(resources[language].MENU_ABOUT);
	$("#menu_contact").text(resources[language].MENU_CONTACT);
	$(".left_menu>a").text(resources[language].SPICES);
	$(".right_menu>a").text(resources[language].OTHER_PRODUCTS);
	$(".quote").text(resources[language].CHEF_QUOTE);
	$(".reg").text(resources[language].CHEF_R);
	$(".lang>span").text(resources[language].LANGUAGE);
	var productId = parseInt($(".productId").val());
	if(productId != STORE_BASKET_ID && productId != RESTAURANT_BASKET_ID) {
		$(".package>span").text(resources[language].PRODUCT_PACK);
		$(".flakon>span").text(resources[language].PRODUCT_CARTRIDGE);
		$(".catering>span").text(resources[language].PRODUCT_CATERING);
	}
	$("#contact").text(resources[language].CONTACT_WIDGET_TITLE);
	$(".message").val(resources[language].FORM_MESSAGE_INPUT);
	$(".name").val(resources[language].FORM_NAME_INPUT);
	$(".send").val(resources[language].FORM_SEND);
	$("#address").text(resources[language].ADDRESS_WIDGET_TITLE);
	$("#address_subtitle").text(resources[language].ADDRESS_SUBTITLE);
	$("#address_string").text(resources[language].ADDRESS_STRING);
	$("#telefax").text(resources[language].TELEFAX);
	$("#phone").text(resources[language].PHONE);
	$("#website").text(resources[language].WEBSITE);
	$("#about").text(resources[language].ABOUT_WIDGET_TITLE);
	$(".about_text").html(resources[language].ABOUT_TEXT);
	$("#rights").text(resources[language].FOOTER_RIGHTS);
	
	refreshProducts();
}

function refreshProducts() {
	var categoryId = parseInt($(".categoryId").val());
	if(!isNaN(categoryId) && categoryId > 0) {
		showFishLoader();
		MakoService.getProducts(
	      categoryId , //int categoryId
	      language , //String lang
	      function(jsonObject, statusText) {
			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);
	      	} else {
	      		$(".fish_cont").append("<div class='fish' id='fish1' ></div>");
	      	}
			hideFishLoader();
	    });
	}

	var productId = parseInt($(".productId").val()); 
	if(!isNaN(productId) && productId > 0) {
		showProductViewLoader();
		MakoService.getProduct(
	      productId, //int productId
	      language, //String lang
	      function(jsonObject, statusText) {
			$(".productId").val(jsonObject.id);
			$("#prod_name").text(jsonObject.name);
	      	switch (productId) {
				case PRODUCT_VARIETY_ID:
					$("#prod_pic").attr("alt", jsonObject.name);
					break;
				case STORE_BASKET_ID:
					$("#prod_pic").attr("alt", jsonObject.name);
					$("#store_basket_1").text(resources[language].STORE_BASKET_1_NAME);
					$("#prod_cartridge1").text(resources[language].STORE_BASKET_1_QANTITY);
					$("#store_basket_2").text(resources[language].STORE_BASKET_2_NAME);
					$("#prod_cartridge2").text(resources[language].STORE_BASKET_2_QANTITY);
					$("#store_basket_3").text(resources[language].STORE_BASKET_3_NAME);
					$("#prod_cartridge3").text(resources[language].STORE_BASKET_2_QANTITY);
					$("#store_basket_4").text(resources[language].STORE_BASKET_4_NAME);
					$("#prod_cartridge4").text(resources[language].STORE_BASKET_2_QANTITY);
					$("#store_basket_5").text(resources[language].STORE_BASKET_5_NAME);
					$("#prod_cartridge5").text(resources[language].STORE_BASKET_2_QANTITY);
					$("#store_basket_6").text(resources[language].STORE_BASKET_6_NAME);
					$("#prod_cartridge6").text(resources[language].STORE_BASKET_2_QANTITY);
					break;
				case RESTAURANT_BASKET_ID:
					$("#prod_pic").attr("alt", jsonObject.name);
					$("#restaurant_basket_1").text(resources[language].RESTAURANT_BASKET_1_NAME);
					$("#prod_cartridge1").text(resources[language].RESTAURANT_BASKET_1_QANTITY);
					$("#restaurant_basket_2").text(resources[language].RESTAURANT_BASKET_2_NAME);
					$("#prod_cartridge2").text(resources[language].RESTAURANT_BASKET_2_QANTITY);
					$("#restaurant_basket_3").text(resources[language].RESTAURANT_BASKET_3_NAME);
					$("#prod_cartridge3").text(resources[language].RESTAURANT_BASKET_2_QANTITY);
					$("#restaurant_basket_4").text(resources[language].RESTAURANT_BASKET_4_NAME);
					$("#prod_cartridge4").text(resources[language].RESTAURANT_BASKET_2_QANTITY);
					$("#restaurant_basket_5").text(resources[language].RESTAURANT_BASKET_5_NAME);
					$("#prod_cartridge5").text(resources[language].RESTAURANT_BASKET_2_QANTITY);
					$("#restaurant_basket_6").text(resources[language].RESTAURANT_BASKET_6_NAME);
					$("#prod_cartridge6").text(resources[language].RESTAURANT_BASKET_2_QANTITY);
					break;
				default:
					$("#prod_pic").attr("alt", jsonObject.name);
					$("#prod_pack").text(jsonObject.pack);
					$("#prod_cartridge").text(jsonObject.cartridge);
					$("#prod_catering").text(jsonObject.catering);
					if(jsonObject.description != null && jsonObject.description != "") {
						if($(".info").length == 0) {
							$(".props").append("<div class='info'>" +
						        					"<h2 id='prod_desc'>" + jsonObject.description + "</h2>" +
						           			   "</div>");
						} else {
							$("#prod_desc").text(jsonObject.description);
						}
					} else {
						if($(".info").length > 0) {
							$(".info").remove();
						}
					}
	      	}
	      	document.title = jsonObject.name + PAGE_TITLE + "";
	    });
	    hideProductViewLoader();
	}

}