/*// Script de funciones que hacen la llama al servidor
para traer los productos por categoria //*/

var pag = 1;
var cPath = "";
var maxP = "";

function getProducts(page, cpath, maxp)
{
	var sliderW = document.getElementById("pSliderWrapper");
	var sliders = sliderW.getElementsByTagName("div");
	var exist = false;
	if(page) 
	{ 
		pag = page;
	}
	
	if(cpath)
	{
		cPath = cpath;
	}
	
	if(maxp)
	{
		maxP = maxp;
	}
	
	for(var i=0; i < sliders.length; i++) 
	{
		if(sliders[i].id == pag) 
		{
			exist = true;
			break;
		}
	}
	
	if(exist) 
	{ 
		setCarrusel((pag-1), pag, cPath, maxP); 
	}
	else
	{
		var ink = "get_product.php?page=" + page + "&cPath=" + cpath + "&max=" + maxp;
		var cargador = new net.CargadorContenidos(server+ink, showProds);
	}
}

function showProds() 
{
	document.getElementById("pSliderContainer").innerHTML += this.req.responseText;
	
	setCarrusel((pag-1), pag, cPath, maxP);
}

/*// Funcion que crea el slider de 
los productos de cada categoria //*/

function setCarrusel(pos, page, cpath, maxp) 
{
	var position;
	
	if(pos > 0) 
	{
		position = pos;
	}
	else
	{
		position = 0;
	}
		
	
	var pSliderW = 1024;
	var pSlider = $('.pSlider');
	var pSliderHeight = pSlider.outerHeight();
	var noSlider = pSlider.length;
	var size = document.getElementById("total").value;
	
	//pSlider.wrapAll('<div id="pSliderContainer"></div>');
	
	$('#pSliderContainer').css('width', pSliderW * noSlider);
	
	$('#pSliderContainer').animate(
	{
		'marginLeft' : pSliderW*(-position)
	},
		800
	
	);
	
	$('#atras').remove();
	$('#siguiente').remove();
	
	$('#btns')
    .prepend('<a id="atras" onclick="javascript:getProducts('+(page-1)+', '+cpath+', '+maxp+');"><img src="images/btnsatras.png" /></a>')
    .append('<a id="siguiente" onclick="javascript:getProducts('+(page+1)+', '+cpath+', '+maxp+');"><img src="images/btnssig.png" /></a>');
	
	manageControls(position);
	
	function manageControls(pos)
	{
    	if(pos == 0)
		{ 
			$('#atras').hide();
		}
    	else
		{ 
			$('#atras').show();
		}
		
    	if(pos == size-1)
		{ 
			$('#siguiente').hide() 
		}
    	else
		{ 
			$('#siguiente').show() 
		}
    }
	
	$(".btn").removeClass("active");
	$("#btn"+page).addClass("active");
	
	
	$("#pSliderWrapper").animate({ "height" :  pSliderHeight}, 800);
}