var midBlockIds = new Array();

function slideProducts(midBlock,jsOffset) {
	var slideLeftImage = "slideLeftImage";
	var slideRightImage = "slideRightImage";
	var slideLeftLink = "slideLeftLink";
	var slideRightLink = "slideRightLink";
 	var contentDiv = "slideContent";
 	jQuery('#slideContent').html("");
 	jQuery('#slideLoading').show();
	for(var i=0; i<midBlockIds.length; i++){
		jQuery("#midBlock"+midBlockIds[i]).attr("class","");
	}
	jQuery("#midBlock"+midBlock).attr("class","ui-tabs-selected");
	if(jsOffset < 0) {
		jsOffset = 0;
	}
	jQuery.ajax({
		type: "POST",
		url : "index.php?do=catalog/showTabMidBlock",
		data: "midBlock="+midBlock+"&offset="+jsOffset,
		dataType: "json" ,
		async: false,
		success : function (json) {	
			var count = json.count;
			var template = json.template;
			var limit = json.limit;
			jQuery('#slideLoading').hide();
			jQuery("#"+contentDiv).html(template);
			if(jsOffset+limit<count && jsOffset==0){
				document.getElementById(slideLeftImage).setAttribute("src","images/tabs/pagerleft.gif");
				document.getElementById(slideRightImage).setAttribute("src","images/tabs/pagerrighthover.gif");
				document.getElementById(slideLeftLink).onclick=function() {};
				document.getElementById(slideRightLink).onclick=function() {
					slideProducts(midBlock,jsOffset+limit)
				};
			}else if(jsOffset+limit<count && jsOffset>0){
				document.getElementById(slideLeftImage).setAttribute("src","images/tabs/pagerlefthover.gif");
				document.getElementById(slideRightImage).setAttribute("src","images/tabs/pagerrighthover.gif");
				document.getElementById(slideLeftLink).onclick=function() {
					slideProducts(midBlock,jsOffset-limit)
				};
				document.getElementById(slideRightLink).onclick=function() {
					slideProducts(midBlock,jsOffset+limit)
				};
			}else if(count<=limit){
				document.getElementById(slideLeftImage).setAttribute("src","images/tabs/pagerleft.gif");
				document.getElementById(slideRightImage).setAttribute("src","images/tabs/pagerright.gif");
				document.getElementById(slideLeftLink).onclick=function() {};
				document.getElementById(slideRightLink).onclick=function() {};
			}else if(jsOffset+limit>=count){
				document.getElementById(slideLeftImage).setAttribute("src","images/tabs/pagerlefthover.gif");
				document.getElementById(slideRightImage).setAttribute("src","images/tabs/pagerright.gif");
				document.getElementById(slideLeftLink).onclick=function() {
					slideProducts(midBlock,jsOffset-limit)
				};
				document.getElementById(slideRightLink).onclick=function() {};
			}
		}
	});
}