//swfobject.embedSWF('url', 'id', '100%', '177', '8.0.0', '/public/flash/expressInstall.swf', false, {wmode: 'opaque'});

$(function()
{
	$('.carousel .arwL').click(niPrev);
	$('.carousel .arwR').click(niNext);
	$('.carousel .belt img:lt(20)').each(function(){ this.src = this.name; });
	var i = new Image();
	i.src = '/public/images/loading.gif';
});


var niPrev=function(e)
{
	e.preventDefault();
	if(!this.belt) this.belt = $(this).closest('.carousel').find('.belt');
	var belt = this.belt;
	var be = belt.get(0);
	var cur = belt.scrollLeft();
	if(!be.itemSz) be.itemSz = belt.find('div').outerWidth(true);
	if(be.cur==undefined) be.cur = cur;
	if(be.cur - be.itemSz*10 >= 0) be.cur -= be.itemSz*10; else be.cur = 0;
	belt.stop();
	belt.animate({scrollLeft: be.cur}, 1000);
	//preload
	if(be.curItem) be.curItem -= 10;
	if(be.curItem < 0) be.curItem = 0;
	return false;
};


var niNext=function(e)
{
	e.preventDefault();
	if(!this.belt) this.belt = $(this).closest('.carousel').find('.belt');
	var belt = this.belt;
	var be = belt.get(0);
	var cur = belt.scrollLeft();
	if(!be.itemSz) be.itemSz = belt.find('div').outerWidth(true);
	if(be.cur==undefined) be.cur = cur;
	if(be.cur <= be.scrollWidth - belt.width()) be.cur += be.itemSz*10; else be.cur = be.scrollWidth - belt.width();
	belt.stop();
	belt.animate({scrollLeft: be.cur}, 1000);
	// preload
	be.curItem = be.curItem + 10 || 9;
	if(be.curItem > be.childNodes.length-10) be.curItem = be.childNodes.length-10;
	if(!be.curPreload || be.curPreload < be.curItem + 10)
	{
		be.curPreload = be.curItem + 10;
		belt.find('img:gt('+be.curPreload+'):lt(10)').each(function(){ this.src = this.name; });
	}
	return false;
};

var setImg = function(elem, after)
{
	var ctlg = $(elem).closest('.mdlCatalog');
	var img = ctlg.find('.img').get(0);
	img.style['backgroundImage'] = "url(/public/images/loading.gif)";
	var i = new Image();
	i.onload = function(){ img.style['backgroundImage'] = "url("+elem.href+")"; };
	i.src = elem.href;
	if(!after)
		if($(elem).attr('after'))
		{
			ctlg.find('.ba span:eq(0) a').attr('href', $(elem).attr('after'));
			ctlg.find('.ba span:eq(1) a').attr('href', elem.href);
			ctlg.find('.ba').css({'display': 'block'});
		}
		else ctlg.find('.ba').css({'display': 'none'});
	if(after)
	{
		ctlg.find('.ba span .act').removeClass('act');
		$(elem.parentNode).addClass('act');
	}
	else
	{
		ctlg.find('.belt .act').removeClass('act');
		$(elem).addClass('act');
	}
	return false;
};