function EKCProductCard()
{
	this.divContainer		= null;
	this.divAuxiliarImage	= null;
	this.divTextContent		= null;
	this.divTextViewer		= null;
	this.divScreen			= null;
	this.divSlideCursor		= null;	
	this.divSliderTrack		= null;
	
	this.ctrSlider			= null;
	
	
	this._fadeOutOpacity = 0.3;
	this._sliderMax = 0;
	

	this.Initialize = function()
	{
		innerHeight = parseFloat(this.divTextContent.offsetHeight);
		outterHeight = parseFloat(this.divTextViewer.offsetHeight);
		this._sliderMax = Math.max(0, innerHeight - outterHeight);	
		
		if (this._sliderMax == 0)
			this.divSliderTrack.style.visibility = "hidden";
			
	
		this.ctrSlider = new Control.Slider(
			this.divSliderCursor, 
			this.divSliderTrack, 
			{
				axis:'vertical', 
				minimum: 0, 
				maximum: this.sliderMax,
				onSlide: this.OnSliderSlide.bindAsEventListener(this),
				onChange: this.OnSliderChange.bindAsEventListener(this)
				
			});		
			
		/*
		this.ctrSlider.options.onChange = function(v) {this.OnSliderChange.bindAsEventListener(this, value);}
		this.ctrSlider.options.onSlide = function(v) {this.OnSliderSlide.bindAsEventListener(this,value);}
		*/
	}
	
	this.OnSliderChange = function()
	{
		this.divTextContent.style.top = (-this.ctrSlider.value * this._sliderMax) + "px";
	}
	
	this.OnSliderSlide = function()
	{
		this.divTextContent.style.top = (-this.ctrSlider.value * this._sliderMax) + "px";
	}
	

	this.FadeIn = function()
	{
		//new Effect.Appear(this.divText,			{duration:0.5, queue: {scope:this.divContainer.id + "-in", position:'end' } });
		
		
		//new Effect.Appear(this.divScreen,		{duration:0.5, queue: {scope:this.divContainer.id +  "-in" }});				
		new Effect.Fade(this.divAuxiliarImage,	{duration:0, queue: {scope:this.divContainer.id, position:'end' } });		
		new Effect.Fade(this.divContainer,		{to:1, queue: {scope:this.divContainer.id, position:'end' }});		
		
		//this.AuxiliarImage.style.visibility = "hidden";
		//new Effect.Fade(this.AuxiliarImage,	{from:1,					to:0.01});
		
		
	}
	
	this.FadeOut = function(direction)
	{
	
		//this.divAuxiliarImage.style.visibility = "visible";		
		//new Effect.Fade(this.divScreen,				{duration:0.5, queue: {scope:this.divContainer.id +  "-in" , position:'end' }});				
		new Effect.Appear(this.divAuxiliarImage,	{duration:0.25, queue: {scope:this.divContainer.id } });
		new Effect.Fade(this.divContainer,			{duration:0.25, to:this._fadeOutOpacity, queue: {scope:this.divContainer.id, position:'end' }});
		//new Effect.Fade(this.divText,				{duration:0.5, queue: {scope:this.divContainer.id + "-out" } });
		
		

				//afterFinish: this.ShowAuxiliarImage.bindAsEventListener(this)
	}
	
	this.ShowAuxiliarImage = function () 
	{
		this.AuxiliarImage.style.visibility = "visible";
	}
	
}