/* globals */
 
 var scrollSpeed = 30;
 var scrollEaseIn = 10;
 var pippo = ""
 
 var autoScrollDelay = 8000;
 
 if (!currentBanner) var currentBanner = new Array();
 if (!bannerCount) var bannerCount = new Array();
 if (!timeout) var timeout = new Array();
 if (!autoint) var autoint = new Array();

 var pathToVariWidthBanners = '../skin/frontend/helloshop/default/images/';
 
 /* constructors */
 
 function bannerImage(center, type, link, text, tracking) {
	 this.center = center;
	 this.image = center;
	 this.text = text;
	 this.tracking = tracking;
	 
	 if (type != '') {
	 this.type = type;
	 this.left = pathToVariWidthBanners + type + '/left.png';
	 this.right = pathToVariWidthBanners + type + '/right.png';
	 this.back = pathToVariWidthBanners + type + '/back.png';
 	}
	 
	 this.link = link;
	 //if (this.link.indexOf("?") === false && tracking != "") this.link = this.link + '?se=s' + this.tracking;
	 //else this.link = this.link + '&se=s' + this.tracking;
 }
 
  function variWidthBanner(id, height) {
	this.id = id;
	this.type = 'variWidthBanner';
	this.banners = new Array();
	this.height = height;
	this.add = addBanner;
	this.render = renderVariWidthBanner;
	currentBanner[id] = 0;
 }
 
   function photoBanner(id, width, height) {
	this.id = id;
	this.type = 'photoBanner';
	this.height = height;
	this.width = width;
	this.banners = new Array();
	this.add = addBanner;
	this.render = renderPhotoBanner;
	currentBanner[id] = 0;
 }
 
 
 /* methods */
 
 function addBanner(center, type, link, text, tracking) {
	 this.banners.push(new bannerImage(center, type, link, text, tracking));
	 bannerCount[this.id] = this.banners.length;
 }
 
 
 function renderVariWidthBanner() {
	 if (this.banners.length > 0) {
	 
	 document.write('<div class="scrollBanner" id="' + this.id + '" style="height:'+ this.height +'px;">');

	 document.write('<div id="slider" style="height:'+ this.height +'px;">');
	 var bMax = this.banners.length - 1;
	 writeVariWidthBanner(this.banners[bMax].link, -100, this.height, this.banners[bMax].back, this.banners[bMax].left, this.banners[bMax].right, this.banners[bMax].center);
	 
	 for (x in this.banners) 
	 writeVariWidthBanner(this.banners[x].link, ((x) * 100), this.height, this.banners[x].back, this.banners[x].left, this.banners[x].right, this.banners[x].center);	
	 writeVariWidthBanner(this.banners[0].link, (bMax+1) * 100, this.height, this.banners[0].back, this.banners[0].left, this.banners[0].right, this.banners[0].center);
	 document.write('</div>');
	 
	 if (this.banners.length > 1) renderNextPrevLinks(this.id);
 	 
	 document.write('</div>');
	 
	 if (this.banners.length > 1) {
	 document.write('<p class="scrollBannerNav" id="'+ this.id +'Nav">');
	 for (x = this.banners.length - 1; x >= 0; x--) {
		var page = parseInt(x) + 1;	 
		document.write('<a ');
		if (page == 1) document.write('class="current" ');
		document.write ('id="'+ this.id +'NavLink'+ x +'" href="javascript:resetScrollInterval(\''+ this.id +'\');switchBanners(\''+ this.id +'\','+ x +');">'+ page +'</a> ');
	 }
	 document.write('</p>');
 	}
	 
	 var bannerset = document.getElementById(this.id);
	 bannerset.firstChild.style.left = '0%';

 	}
 }
 
 
 function renderNextPrevLinks(id) {
	 document.write ('<a class="prevLink" href="javascript:resetScrollInterval(\''+ id +'\');prevBanner(\''+ id +'\');">&lt;</a>');
	 document.write ('<a class="nextLink" href="javascript:resetScrollInterval(\''+ id +'\');nextBanner(\''+ id +'\');">&gt;</a>');
 }
 
 
  function renderPhotoBanner() {
	 if (this.banners.length > 0) {
	 
	 document.write('<div id="photoBannerContainer" style="height:'+ this.height +'px;width:' + this.width + 'px">');
	 document.write('<div class="photoBanner" id="' + this.id + '" style="height:'+ this.height +'px;width:' + this.width + 'px">');
	 document.write('<div id="slider" style="height:'+ this.height +'px;width:'+ this.width +'px">');

	 var bMax = this.banners.length - 1;
	 writePhotoBanner(this.banners[bMax].link, -100, this.width, this.height, this.banners[bMax].image, this.banners[bMax].text);
	 for (x in this.banners) writePhotoBanner(this.banners[x].link, (x) * 100, this.width, this.height, this.banners[x].image, this.banners[x].text);
	 writePhotoBanner(this.banners[0].link, (bMax+1) * 100, this.width, this.height, this.banners[0].image, this.banners[0].text);
	 
	 document.write('</div>');
	 
	 if (this.banners.length > 1) renderNextPrevLinks(this.id);
	 
	 document.write('</div>');
	 document.write('</div>');
	 
	 var bannerset = document.getElementById(this.id);
	 bannerset.firstChild.style.left = '0%';
	 
 	}
	}

   	function writeVariWidthBanner(link, position, height, back, left, right, center) {
		if(center != undefined){
		document.write('<div class="banner" onmouseover="window.status=\''+ link +'\';" onmouseout="window.status=\'\';" style="background:Url(\''+ back +'\') top repeat-x;left:'+ position +'%;height:'+ height +'px;" onclick="location.href=\''+ link +'\';" >');
		document.write('<div class="inner" style="height:'+ height +'px;">');
		document.write('<img src="../skin/frontend/helloshop/default/images/slidebanner/left.png" class="left" />');
		document.write('<img src="../skin/frontend/helloshop/default/images/slidebanner/right.png" class="right" />');
		document.write('<img src="'+ center +'" class="center" />');
		//document.write('<img src="'+ center +'" class="center" />');
		document.write('</div>');
		document.write('</div>');
		}
	}
  
  	function writePhotoBanner(link, position, width, height, image, text) {
	 	document.write('<div class="banner" onmouseover="window.status=\''+ link +'\';" onmouseout="window.status=\'\';" style="left:'+ position +'%;height:'+ height +'px;width:'+ width +'px" onclick="location.href=\''+ link +'\';" >');
		document.write('<div class="inner" style="height:'+ height +'px;width:'+ width +'px">');

		document.write('<img src="'+ image +'" alt="'+ text +'"/>');

		document.write('<div class="bannerText" style="width:' + width + 'px;">');
		document.write('<a href="'+ link +'">'+ text +'</a>');
		document.write('</div>');
				
		document.write('</div>');
		document.write('</div>');
 	}
 

 	 /* functions */
 
 function resetScrollInterval(id) {
	 if (autoint[id] != null) {window.clearInterval(autoint[id]);
	 autoint[id] = window.setInterval(function() { nextBanner(id); }, autoScrollDelay);
 }}
 
 function setPos(banner, pos) {
	banner.style.left = pos + '%';
 }
 
 function getPos(banner) {
	return parseInt(banner.style.left);
 }
 
 function switchBanners(id,bannerId) {
	var bannerset = document.getElementById(id);
	idealpos = (bannerId) * -100;
	currentpos = getPos(bannerset.firstChild);
	window.clearTimeout(timeout[id]);
	timeout[id] = window.setTimeout(function() { slideBanners(id, idealpos) }, scrollSpeed);
	setCurrentNav(id, bannerId);
	currentBanner[id] = bannerId;
 }
 
 function slideBanners(id, idealpos) {
	 var bannerset = document.getElementById(id);
	 currentpos = parseInt(bannerset.firstChild.style.left);
	 var dir;
	 newpos = (((parseFloat(currentpos) * (scrollEaseIn - 1)) + parseFloat(idealpos)) / scrollEaseIn);
	 if (currentpos < newpos) dir = 1;
	 if (currentpos > newpos) dir = -1;
	 newpos = parseInt(newpos);
	 if (newpos == currentpos) newpos += dir;
	 
	 if (currentpos != idealpos) { 
		 setPos(bannerset.firstChild, newpos);
		 window.clearTimeout(timeout[id]);
		 timeout[id] = window.setTimeout(function() { slideBanners(id, idealpos) }, scrollSpeed); 
	  } else {
		   setPos(bannerset.firstChild, idealpos);
		  
		  if (idealpos == 100) {
			  setPos(bannerset.firstChild, ((bannerCount[id] - 1) * -100));
			  	currentBanner[id] = bannerCount[id] - 1;
			    }
		  
		  if (idealpos == ((bannerCount[id]) * -100)) {
			  setPos(bannerset.firstChild, 0);
			  currentBanner[id] = 0;
		  }
	   }
 	}
 
 	function setCurrentNav(id, newid) {
	 	if (newid < 0) newid = bannerCount[id] - 1;
	 	if (newid >= bannerCount[id]) newid = 0;
	 	if (document.getElementById(id + 'NavLink' + currentBanner[id])) document.getElementById(id + 'NavLink' + currentBanner[id]).className = '';
	 	if (document.getElementById(id + 'NavLink' + newid)) document.getElementById(id + 'NavLink' + newid).className = 'current';
 	}
 	
 	function nextBanner(id) {
	 	var bannerId = currentBanner[id] + 1;
	 	if (bannerId < (bannerCount[id] + 1)) switchBanners(id,bannerId);
	 	else switchBanners(id,0);
 	}
 	
 	function prevBanner(id) {
	 	var bannerId = currentBanner[id] - 1;
	 	if (bannerId >= -1) switchBanners(id,bannerId);
	 	else switchBanners(id,bannerCount[id] - 1);
 	}
 	
 	function startAutoScroll(id) {
		 autoint[id] = window.setInterval(function() { nextBanner(id); }, autoScrollDelay);
	}