var moveToLeftPx = 592;
var fileToLoad;
var fileToLoadPager;

var nameDiv;
var nameTD;
var nameTR;
var nameActual;

function loadProductByPage(movement, categoryId, numberCurrentPage, itemsNumber, numberPagesToShow){
	moveToLeft = moveToLeftPx;
	
	nameTR = "productsTR" + categoryId;
	nameDiv = "products" + categoryId;
	nameTD = "productTD" + categoryId;
	nameActual = "productActual" + categoryId;

	fileToLoad = "products.cfm";
	fileToLoadPager = "pager.cfm";
	
	nameDivPager = "pager"+categoryId;
	
	var categoryProductsContentTd = document.createElement('td');
	categoryProductsContentTd.id = nameTD;
	categoryProductsContentTd.className = 'productActual';
	
	
	var nameFile = shop.url + '/ecommerce/index/'+fileToLoad+'?id='+categoryId+'&numberCurrentPage='+numberCurrentPage+'&itemsNumber='+itemsNumber+'&numberPagesToShow='+numberPagesToShow;
	var contentProducts = ajaxLoadSync(nameFile);
	if(movement == "left"){
		$(nameDiv).style.left = -moveToLeft + 'px';
		//$(nameDiv).style.left = '0px';
		//$(nameDiv).style.left = '';
		$(nameTR).insertBefore(categoryProductsContentTd, $(nameActual));
	}
	else $(nameTR).appendChild(categoryProductsContentTd);
	$(nameTD).innerHTML = contentProducts;
	createMovement(movement, nameDiv, categoryId, numberCurrentPage, itemsNumber, numberPagesToShow);
}

function createMovement(movement, nameDiv, categoryId, numberCurrentPage, itemsNumber, numberPagesToShow){
	
	var loadContentFunctionPager = "";
	if($('pager'+categoryId)){
		var nameFileCallBack = shop.url + '/ecommerce/index/'+fileToLoadPager+'?id='+categoryId+'&numberCurrentPage='+numberCurrentPage+'&itemsNumber='+itemsNumber+'&numberPagesToShow='+numberPagesToShow;
		loadContent(nameFileCallBack, nameDivPager, "moveDiv('"+movement+"');", 'smallLoading.gif');
	}
}

function moveDiv(movement){
	if(movement == "left"){
			var from = -moveToLeft;
			var to = 0;
	}else{
			var from = 0;
			var to = -moveToLeft;
	}

	durationTime = 3000;

	$(nameDiv).myFx = new Fx.Tween($(nameDiv), {duration:durationTime});
	$(nameDiv).myFx.start('left', from, to);
	
	setTimeout('destroyObject()', durationTime+100);
}

function destroyObject(){
	$(nameActual).destroy();
	$(nameTD).id = nameActual;
	$(nameDiv).style.left = '0px';
}