function headerTransparantSlider (appendTo) {
	var item = [];
	var activeImg = 0;
	var container;
	var animation = null;
	this.init = function () { };
	
	this.addItem = function (src) {
		item.push(src);
	};
	
	this.render = function () {
		container = document.createElement("div");
			appendTo.appendChild(container);
			container.className = 'headerContainer';
			container.style.overflow = 'hidden';
		var highestImg = 0;
		for (var i = 0; i < item.length; i++) {
			var div = document.createElement("div");
				container.appendChild(div);
				div.style.marginTop 	= "-" + highestImg + 'px';	
				div.style.lineHeight 	= '0px';
				div.style.marginTop 	= '-' + highestImg + 'px';
				div.style.position		= 'relative';
				div.style.zIndex		= '0';
				div.style.width 		= headerWidth + 'px';
				div.style.height 		= headerHeight + 'px';
				
			var img = new Image();
				img.src = item[i];
				div.appendChild(img);
			
			
			if (highestImg < div.offsetHeight)
				highestImg = div.offsetHeight;
			
			activeImg = i;
			
		}
	};
	
	var animating = false;
	this.next = function (callBack) {
		if (!animating) {
			var fadeImage = container.children[activeImg];
			activeImg++;
			if (container.children[activeImg] === undefined)
				activeImg = 0;
			var startImage	= container.children[activeImg];
			
			fadeImage.style.zIndex = 2;
			startImage.style.zIndex = 1;
			
			
			animating =true;
			animation = new smoothAnimationHelper(0 ,100, 5);
				animation.onStep = function (value, speed) {
					var fadeOut = 100 - value;
					fadeImage.style.opacity = (fadeOut / 100);
					fadeImage.style.filter  = "alpha(opacity=" + fadeOut.toFixed() + ")";
				};
				animation.onReady = function () {
					fadeImage.style.zIndex = 0;
					fadeImage.style.opacity = (1);
					fadeImage.style.filter  = "alpha(opacity=" + 100 + ")";
					startImage.style.zIndex = 1;
					animating = false;
					if (callBack !== undefined) 
						callBack();
				};
		}
	};
	
	this.back = function (callBack) {
		if (!animating) {
			var fadeImage = container.children[activeImg];
			activeImg--;
			if (activeImg === -1)
				activeImg = (container.children.length -1 );
			
			var startImage	= container.children[activeImg];
			
			
			fadeImage.style.zIndex = 2;
			startImage.style.zIndex = 1;
			animating =true;
			animation = new smoothAnimationHelper(0 ,100, 5);
				animation.onStep = function (value, speed) {
					var fadeOut = 100 - value;
					
					if (fadeOut === 0)
						fadeOut = 1;
					
					fadeImage.style.opacity = (fadeOut / 100);
					fadeImage.style.filter  = "alpha(opacity=" + fadeOut.toFixed() + ")";
				};
				animation.onReady = function () {
					fadeImage.style.zIndex = 0;
					fadeImage.style.opacity = (1);
					fadeImage.style.filter  = "alpha(opacity=" + 100 + ")";
					startImage.style.zIndex = 1;
					animating = false;
					if (callBack !== undefined) 
						callBack();
				};
		}
	};
	
	this.getActiveImage = function () {
		return activeImg;
	};
	this.init();
	
	this.destroy = function () {
		item = new Array();
	};
}