var inflateOffsetX;
var inflateOffsetY;
var inflateObject;
var inflateTicker;

var opacityTitle;
var opacityTicker;

var scrBanMotion;
var scrBanTicker;

//var divs_to_fade = new Array('rotate-1', 'rotate-2', 'rotate-3');
	
// the starting index in the above array.  It should be set to the value of the div which doesn't have the CSS Display property set to "none"
var i = 0;

// the number of milliseconds between swaps.  Default is five seconds.
var wait = 6000;

// the function that performs the fade
function swapFade() {
	Effect.Fade(divs_to_fade[i], { duration:3, from:1.0, to:0.0 });
	i++;
	if (i == total_divs) i = 0;
	Effect.Appear(divs_to_fade[i], { duration:3, from:0.0, to:1.0 });
}

// the onload event handler that starts the fading.
function rotate() {
	setInterval('swapFade()',wait);		
}
function Inflate(varID) {
	varImgID = 'imgThumb' + varID;
	if (inflateObject!=varID) {
		inflateOffsetX = document.getElementById(varImgID).offsetWidth;
		inflateOffsetY = document.getElementById(varImgID).offsetHeight;
		inflateObject = varID;
		inflateTicker = 0;
		document.getElementById('imgTD' + varID).style.className = 'item_product2';
		document.getElementById('imgTD' + varID).style.borderColor = '#64CB5C';
	}
}
function Deflate() {
	var vinflateObject = 'imgThumb' + inflateObject;
	document.getElementById(vinflateObject).style.width = inflateOffsetX;
	document.getElementById(vinflateObject).style.height = inflateOffsetY;
	document.getElementById('imgTD' + inflateObject).style.className = 'item_product';
	document.getElementById('imgTD' + inflateObject).style.borderColor = '#50B748';
	inflateObject = null;
}
function InflationTicker() {
	if (inflateObject!=null&&inflateTicker<70) {
		inflateTicker++;
		inflateTicker++;
		inflateTicker++;
		inflateTicker++;
		inflateTicker++;
		document.getElementById('imgThumb' + inflateObject).style.width = inflateOffsetX * ((100+inflateTicker)/100);
		document.getElementById('imgThumb' + inflateObject).style.height = inflateOffsetY * ((100+inflateTicker)/100);
	}
	setTimeout("InflationTicker();",20);
}
function ScrollingBanner() {
	if (document.getElementById('isSloganFilled').value=='1') {
		var tOffsetX = document.getElementById('slogan').scrollLeft;
		document.getElementById('slogan').scrollLeft = tOffsetX + scrBanMotion;
		if (document.getElementById('slogan').scrollLeft==tOffsetX) {
			scrBanTicker++;
		}
		if (scrBanTicker==40) {
			scrBanTicker = 0;
			if (scrBanMotion==1) {
				scrBanMotion = -1;
			} else {
				scrBanMotion = 1;
			}
		}
		setTimeout("ScrollingBanner();",20);
	}
}