var m_nIntX = 40; // spacing for thumbs
var m_nPadX = 25; // spacing for thumbs
var m_nPadY = 20; // spacing for thumbs
var m_nBannerWidth = 180;
var m_nBannerHeight = 180;
var m_nThumbWidth = 180;
var m_nThumbHeight = 160;
var m_nMaxPic = 3;
var m_nTotalPic = 0;

// descriptor (banner,pos,left)
var m_arrSBanner = new Array();

$(document).ready(function() {
	initSlideShow();	
});

function initSlideShow()
{
	var objTmp = $('#sbanner_holder').offset();
	var nStartX = m_nPadX;
	var nStartY = m_nPadY;

	objTmp = $('#sbanner_holder').parent();
	var nWidth = objTmp.width();
	var nHeight = objTmp.height();
	objTmp = $('#sbanner_holder').parent();
	$('#sbanner_holder').width(nWidth);
	$('#sbanner_holder').height(nHeight);
	
	var i = 0;
	$('div[id=sbanner_img]').each(function() {
		if(i>=m_nMaxPic) {
			$(this).css('display', 'none');
			return;
		}
		$(this).unbind();
		$(this).attr('myIndex', i);
		$(this).attr('myPos', i);
		$(this).attr('myLeft', nStartX);
		$(this).attr('myTop', nStartY);
		$(this).attr('isAnimating', 0);
		m_arrSBanner[i] = $(this);
		$(this).css('left', nStartX+'px');
		$(this).css('top', nStartY+'px');
		if(i==0) {
			$(this).width(m_nBannerWidth);
			$(this).height(m_nBannerHeight);
			nStartX += m_nIntX+m_nBannerWidth-m_nThumbWidth;
			nStartY += m_nBannerHeight-m_nThumbHeight;
		} else {
			$(this).width(m_nThumbWidth);
			$(this).height(m_nThumbHeight);
			nStartX += m_nIntX;
		}
		$(this).click(moveSlide);
		i++;
	});
	m_nTotalPic = i;
	var nZIndex = m_nTotalPic;
	for(i=0;i<m_nTotalPic;i++) {
		objTmp = m_arrSBanner[i];
		objTmp.css('z-index', nZIndex--);
	}
}
function runSlideShow()
{
}
function moveSlide(objMe, nFrom)
{
	var szTmp = '';
	var objTmp = null;
	
	if(nFrom==undefined) {
		nFrom = $(this).attr('myIndex');
	}
	var objFrom = $('div[id=sbanner_img]:eq('+nFrom+')');
	var objTo = getBannerPos(0);
	if(objTo.attr('myIndex')==objFrom.attr('myIndex')) {
		objTmp = objTo.find('a:first');
		szTmp = objTmp.attr('target');
		if(szTmp=='') szTmp = '_self';
		window.open(objTmp.attr('href'), szTmp);
		return;
	}

	objTo.stop(true, true);
	objTo.attr('isAnimating', 1);
	
	objFrom.animate({left:parseInt(objFrom.css('left'))+m_nThumbWidth,top:objTo.attr('myTop'),height:m_nBannerHeight}, 500, 'swing');
	objTo.animate({left:parseInt(objTo.css('left'))-m_nBannerWidth,top:objFrom.attr('myTop'),height:m_nThumbHeight}, 500, 'swing', function() {
		var nTmp = objFrom.attr('myLeft');
		var nTmp2 = $(this).css('z-index');
		$(this).css('z-index', objFrom.css('z-index'));
		objFrom.css('z-index', nTmp2);
		$(this).animate({left:nTmp}, 500, 'swing', function() {
			objFrom.animate({left:$(this).attr('myLeft')}, 500, 'swing', function() {
				var nTmp = $(this).attr('myLeft');
				$(this).attr('myLeft', objTo.attr('myLeft'));
				objTo.attr('myLeft', nTmp);
				var nTmp = $(this).attr('myTop');
				$(this).attr('myTop', objTo.attr('myTop'));
				objTo.attr('myTop', nTmp);
				var nTmp = $(this).attr('myPos');
				$(this).attr('myPos', objTo.attr('myPos'));
				objTo.attr('myPos', nTmp);
				
				resetBannerHeight();
				$(this).attr('isAnimating', 0);
			});
		});
	});
}
function getBannerPos(nPos)
{
	return $('div[myPos=0]');
}
function resetBannerHeight()
{
	var nBannerTop = m_nPadY;
	var nThumbTop = nBannerTop+m_nBannerHeight-m_nThumbHeight;
	
	$('div[id=sbanner_img]').each(function() {
		if($(this).attr('myPos')==0) {
			$(this).css('top', nBannerTop+'px');
			$(this).height(m_nBannerHeight);
		} else {
			$(this).css('top', nThumbTop+'px');
			$(this).height(m_nThumbHeight);
		}
		
	});
}