// JavaScript Document

var myinterval,
	banner,
	status = 'close',
	lock = false;
	
var bannerSmall,
	bannerBig;

function expandBanner()
{
	//var banner = document.getElementById('expandibleBanner');
	//banner.style.height = '403px';
	
	if(lock === true) return false;
	
	getBannerDiv();
	banner.style.height = '28px';
	
	//banner.innerHTML = '<a href="'+banner2LINK+'" target="_blank"><img src="'+banner2IMG+'" alt="" /></a><a href="#" title="Chiudi" id="chiudi" onclick="return reduceBanner()"><img src="images/chiudi.png" alt="" /></a>';
	bannerSmall = document.getElementById('expandibleBannerSmall');
	bannerSmall.style.display = 'none';
	bannerBig = document.getElementById('expandibleBannerBig');
	bannerBig.style.display = 'block';
		
	myinterval = setInterval('heightExpansion()', 5);
	
	return false;
}

function reduceBanner()
{
	if(lock === true) return false;
	
	getBannerDiv();
	
	
	myinterval = setInterval('heightExpansion()', 5);
	
	return false;
}

function heightExpansion()
{
	getBannerDiv();
	
	lock = true;
	
	var numericHeight =  banner.style.height.split('px');
	
	//alert(numericHeight[0]);
	
	if(status === 'close')
		if(numericHeight[0] < banner2HEIGHT)
		{
			numericHeight[0] = Number(numericHeight[0]) + 8;
			banner.style.height = numericHeight[0] + 'px';
		}
		else
		{
			myinterval = clearInterval(myinterval);
			status = 'open';
			lock = false;
		}
	
	if(status === 'open')
		if(numericHeight[0] > 28)
		{
			numericHeight[0] = Number(numericHeight[0]) - 8;
			banner.style.height = numericHeight[0] + 'px';
		}
		else
		{
			
			//banner.innerHTML = '<a href="#" onclick="return expandBanner();"><img src="'+banner1IMG+'" alt="Banner" /></a><a href="#" title="Apri" id="apri" onclick="return expandBanner()"><img src="images/apri.png" alt="" /></a>';
			
			bannerSmall.style.display = 'block';
			bannerBig.style.display = 'none';
			
			myinterval = clearInterval(myinterval);
			status = 'close';
			lock = false;
		}
}

function getBannerDiv()
{
	if(banner === undefined) banner = document.getElementById('expandibleBanner');
}