/*Масси Продуктов (изображение:ссылка)*/
var allProds = Array();
allProds[0] = {"image":"prod11.png","link":"http://kkm.by/shtrix_pos355.html"};
allProds[1] = {"image":"prod12.png","link":"http://kkm.by/dboxchd.html"};
allProds[2] = {"image":"prod13.png","link":"http://kkm.by/chd3320by.html"};
allProds[3] = {"image":"prod18.png","link":"http://kkm.by/counter95.html"};
allProds[4] = {"image":"prod14.png","link":"http://kkm.by/gepard.html"};
allProds[5] = {"image":"prod15.png","link":"http://kkm.by/pos_cube.html"};
allProds[6] = {"image":"prod16.png","link":"http://kkm.by/chdfive.html"};
allProds[7] = {"image":"4prod.png","link":"http://kkm.by/vesiaclas.html"};
allProds[8] = {"image":"2prod.png","link":"http://kkm.by/merkuriy150.html"};
allProds[9] = {"image":"prod17.png","link":"http://kkm.by/sc_7820.html"};


/*Масси Продуктов (изображение:ссылка)*/
/*Параметры изображения*/
var prodImgPath  = "/prod_images/";
var prodImgWidth = "140px";
var prodImgHeight = "140px";
/*Параметры изображения*/
$(document).ready(function()
{
	var objs = $('.proditem');
	for(var i=0;i<objs.length;i++)
	{		var aObj = createOwnObj(i);		aObj.appendTo(objs[i]);
	}
	$(".buttonleft").click(function(){goToPrevous();});
	$(".buttonright").click(function(){goToNext();});
	updateButtonsDispaly();
});

function goToPrevous()
{	var firstId = parseInt($(".prodsImages:first")[0].id.replace(/prodImage/,""));
	if(firstId==0){return;}
	var objs = $('.proditem');
	var startItem = firstId-1;
	for(var i=0;i<objs.length;i++)
	{
		objs[i].removeChild(objs[i].childNodes[0]);
		var aObj = createOwnObj(startItem+i);
		aObj.appendTo(objs[i]);

	}
	updateButtonsDispaly();}

function goToNext()
{	var lastId = parseInt($(".prodsImages:last")[0].id.replace(/prodImage/,""));
	if(lastId==(allProds.length-1)){return;}
	var objs = $('.proditem');
	var startItem = lastId+2-objs.length;
	for(var i=0;i<objs.length;i++)
	{		objs[i].removeChild(objs[i].childNodes[0]);
		var aObj = createOwnObj(startItem+i);
		aObj.appendTo(objs[i]);
	}
	updateButtonsDispaly();}

function createOwnObj(i)
{
	return $("<div id='prodImage"+i+"' class='prodsImages' style='padding-top:10px'><a href='"+allProds[i].link+"'><img width='"+prodImgWidth+"' height='"+prodImgHeight+"' src='"+prodImgPath+allProds[i].image+"' /></a></div>");
}

function updateButtonsDispaly()
{	var lastId = parseInt($(".prodsImages:last")[0].id.replace(/prodImage/,""));
	var firstId = parseInt($(".prodsImages:first")[0].id.replace(/prodImage/,""));
	$(".buttonleft")[0].style.display = (firstId==0) ? 'none' : '' ;
	$(".buttonright")[0].style.display = (lastId == (allProds.length-1)) ? 'none' : '' ;}