var classSwitcher = Class.create();
classSwitcher.prototype = {

	initialize : function (elems)
	{
		this.options = elems;
		this.writeEvents();
	},
	
	writeEvents : function ()
	{
		for( i=0; i<this.options.length; i++ )
		{
			for( k=0; k<this.options[i].length; k++ )
			{
				this.options[i][k].myClass = this;
				this.options[i][k].observe('mouseover', this.over);				
				this.options[i][k].observe('mouseout', this.out);				
			}
		}
	},

	over : function ()
	{
		this.addClassName('sfhover');
		clearInterval(this.hide);
	},
	
	out : function ()
	{
		this.hide = setInterval(this.myClass.removeClass.bind(this),200);
		//this.removeClassName("sfhover");
	},
	
	removeClass : function()
	{
		this.removeClassName("sfhover");	
	}
}

var picSwitcher = Class.create();
picSwitcher.prototype = {
	
	initialize : function (elems)
	{
		this.options = elems;
		this.writeEvents();
	},
	
	writeEvents : function ()
	{
		for( i=0; i<this.options.length; i++ )
		{
			for( k=0; k<this.options[i].length; k++ )
			{
				this.options[i][k].observe('mouseover', this.over);
				this.options[i][k].observe('mouseout', this.out);
			}
		}
	},

	over : function ()
	{
		this.imgSrc = this.getElementsByTagName('img')[0].getAttribute('src');
		this.seperatedSrc = this.imgSrc.split('.');
		this.seperatedSrc[0] = this.seperatedSrc[0] + '_active';
		this.output = this.seperatedSrc[0] + '.' + this.seperatedSrc[1];
		this.getElementsByTagName('img')[0].src = this.output;
	},
	
	out : function ()
	{
		this.imgSrc = this.getElementsByTagName('img')[0].getAttribute('src');
		this.seperatedSrc = this.imgSrc.split('.');
		this.seperatedSrc[0] = this.seperatedSrc[0].replace(new RegExp("_active\\b"), "")
		this.output = this.seperatedSrc[0] + '.' + this.seperatedSrc[1]
		this.getElementsByTagName('img')[0].src = this.output;
	}
	
}

var pslider = Class.create();
pslider.prototype = {
	
	initialize : function (params)
	{
		this.options = params;
		this.options.posIndicator = $( this.options.posIndicator );
		this.options.posIndicator.items = this.options.posIndicator.getElementsByTagName('LI');
		this.options.sliderContainer = $( this.options.sliderContainer );
		this.options.itemWidth = this.options.maxSliderWidth / this.options.posIndicator.items.length;
		this.options.triggerNext = $( this.options.triggerNext );
		this.options.triggerPrev = $( this.options.triggerPrev );
		this.options.tmpPos = 0;
		this.options.slideType = this.options.slideType == 'v' ? 'top' : 'left';
		this.writeEvents();
	},
	
	writeEvents : function ()
	{
		//Loop through indicators and set events
		for ( i=0; i<this.options.posIndicator.items.length; i++ )
		{
			$(this.options.posIndicator.items[i]).observe( 'click', this.slideDirect );
			$(this.options.posIndicator.items[i]).myClass = this;
			$(this.options.posIndicator.items[i]).liID = i;
		}
		//Set the first indicator to active, after initialize
		$(this.options.posIndicator.items[0]).addClassName('active');
		
		//Set events for prev and next buttons
		this.options.triggerPrev.observe( 'click', this.slidePrev );
		this.options.triggerPrev.myClass = this;
		this.options.triggerNext.observe( 'click', this.slideNext );
		this.options.triggerNext.myClass = this;
	},
	
	slideDirect : function ()
	{
		//Make indicator highlighting
		for ( i=0; i<this.myClass.options.posIndicator.items.length; i++ )
		{
			this.myClass.options.posIndicator.items[i].removeClassName('active');
		}
		this.addClassName('active');
		
		//Calculate start- and endpositions to slide to
		this.currentPos = parseFloat( this.myClass.options.sliderContainer.getStyle( this.myClass.options.slideType ) );
		this.targetPos = ( this.myClass.options.itemWidth * this.liID ) *-1;
		this.myClass.options.tmpPos = this.liID;
		
		//Start sliding-animation
		if( this.currentPos != this.targetPos )
		{
			ex0 = new Animator({ transition: Animator.easeInOut, interval: 20, duration: 400 });
			ex0.addSubject( new NumericalStyleSubject( this.myClass.options.sliderContainer, this.myClass.options.slideType, String( this.currentPos ) + 'px', String( this.targetPos ) + 'px' ) );
			ex0.play();
		}
	},
	
	slideNext : function ()
	{
		//Calculate start- and endpositions to slide to
		this.currentPos = parseFloat( this.myClass.options.sliderContainer.getStyle( this.myClass.options.slideType ) );
		this.targetPos = ( this.myClass.options.itemWidth * ( this.myClass.options.tmpPos + 1 ) ) *-1;
		
		if( this.targetPos >= ( this.myClass.options.maxSliderWidth * -1 ) + this.myClass.options.itemWidth )
		{
			this.myClass.options.tmpPos += 1;
			
			//Set active indicator
			for( i=0; i<this.myClass.options.posIndicator.items.length; i++ )
			{
				$( this.myClass.options.posIndicator.items[i].removeClassName('active') );
			}
			$( this.myClass.options.posIndicator.items[this.myClass.options.tmpPos].addClassName('active') );
			
			//Start sliding-animation
			if( this.currentPos != this.targetPos )
			{
				ex0 = new Animator({ transition: Animator.easeInOut, interval: 20, duration: 400 });
				ex0.addSubject( new NumericalStyleSubject( this.myClass.options.sliderContainer, this.myClass.options.slideType, String( this.currentPos ) + 'px', String( this.targetPos ) + 'px' ) );
				ex0.play();
			}
		}
	},
	
	slidePrev : function ()
	{
		//Calculate start- and endpositions to slide to
		this.currentPos = parseFloat( this.myClass.options.sliderContainer.getStyle( this.myClass.options.slideType ) );
		this.targetPos = ( this.currentPos + this.myClass.options.itemWidth );
		
		if( this.targetPos < this.myClass.options.itemWidth )
		{
			this.myClass.options.tmpPos -= 1;
			
			//Set active indicator
			for( i=0; i<this.myClass.options.posIndicator.items.length; i++ )
			{
				$( this.myClass.options.posIndicator.items[i].removeClassName('active') );
			}
			$( this.myClass.options.posIndicator.items[this.myClass.options.tmpPos].addClassName('active') );
			
			//Start sliding-animation
			if( this.currentPos != this.targetPos )
			{
				ex0 = new Animator({ transition: Animator.easeInOut, interval: 20, duration: 400 });
				ex0.addSubject( new NumericalStyleSubject( this.myClass.options.sliderContainer, this.myClass.options.slideType, String( this.currentPos ) + 'px', String( this.targetPos ) + 'px' ) );
				ex0.play();
			}
		}
	}
	
}

var boxSlider = Class.create();
boxSlider.prototype = {
	
	initialize : function (params, test)
	{
		this.options = params;
				
		for( i=0; i<this.options.sliderContainer.length; i++ )
		{
			this.options.sliderContainer[i].normalHeight = this.options.sliderContainer[i].getHeight();
			if( i != 0 )
			{
				this.options.sliderContainer[i].setStyle({ height: 0 + 'px' })
			}
		}
		this.writeEvents();
	},
	
	writeEvents : function ()
	{
		for ( i=0; i<this.options.triggers.length; i++ )
		{
			for( k=0; k<this.options.triggers[i].length; k++ )
			{
				this.options.triggers[i][k].observe('click', this.toggle);
				this.options.triggers[i][k].triggerForElem = k;
				this.options.triggers[i][0].opened = true;
				this.options.triggers[i][k].myClass = this;
			}
		}
	},
	
	toggle : function ()
	{
		if(this.opened == true)
		{
			this.myClass.closeBox(this);
		}
		else
		{
			this.myClass.openBox(this);
		}
	},
	
	openBox : function (myElem)
	{
		ex0 = new Animator({ transition: Animator.easeInOut, interval: 20, duration: 400 });
		ex0.addSubject( new NumericalStyleSubject( this.options.sliderContainer[myElem.triggerForElem], 'height', this.options.minHeight + 'px', this.options.sliderContainer[myElem.triggerForElem].normalHeight + 'px' ) );
		ex0.play();
		myElem.opened = true;
	},
	
	closeBox : function (myElem)
	{
		ex0 = new Animator({ transition: Animator.easeInOut, interval: 20, duration: 400 });
		ex0.addSubject( new NumericalStyleSubject( this.options.sliderContainer[myElem.triggerForElem], 'height', this.options.sliderContainer[myElem.triggerForElem].normalHeight + 'px', this.options.minHeight + 'px' ) );
		ex0.play();
		myElem.opened = false;		
	}
	
}

var dropDownSelector = Class.create();
dropDownSelector.prototype = {

	initialize : function ( params )
	{
		this.options = params;
		for( i=0; i<this.options.collections.length; i++ )
		{
			this.options.elemSelector = this.options.collections[i].getElementsByClassName(this.options.selectboxClass)[0];
			this.options.iconCollection = this.options.collections[i].getElementsByClassName(this.options.iconClass)
			for( k=0; k<this.options.iconCollection.length; k++ )
			{
				this.options.iconCollection[k].observe('click', this.setDropdown);
				this.options.iconCollection[k].selector = this.options.elemSelector;
				this.options.iconCollection[k].meID = k;
			}
		}
	},
	
	setDropdown : function ()
	{
		this.selector.options[this.meID].selected = true;
		this.blur();
	}
	
}

var tipbox = Class.create();
tipbox.prototype = {
	
	initialize : function (params)
	{
		this.options = params;
		this.writeEvents();
	},
	
	writeEvents : function ()
	{
		for( i=0; i<this.options.triggers.length; i++ )
		{
			this.options.triggers[i].observe('mouseover',this.showTip);
			this.options.triggers[i].observe('mouseout',this.hideTip);
			this.options.triggers[i].meBox = this.options.tbs[i];
			this.options.tbs[i].setStyle({ display: 'none' });
		}
	},
	
	showTip : function ()
	{
		this.meBox.setStyle({ display: 'block' });
	},
	
	hideTip : function ()
	{
		this.meBox.setStyle({ display: 'none' });
	}
	
}

var slider = Class.create();
slider.prototype = {
	
	initialize : function (myParams)
	{
		this.options = myParams;
		this.writeEvents();		
		this.options.top_info.setStyle({opacity: '0'});
		this.options.bottom.setStyle({opacity: '0'});
		this.options.flag = true;
		this.options.action_top="ready";
	},	
	
	writeEvents : function(){
		
		this.options.sliderbox_top.observe('mouseover', this.slide_down.bind(this));		
		this.options.sliderbox_bottom.observe('mouseover', this.slide_up.bind(this));
	},
	
	
	setFlagFalse : function ()
	{
		this.options.flag = false;
		this.options.action_top="false";
		this.options.action_bottom="ready";
	},
	
	setFlagTrue : function ()
	{
		this.options.flag = true;
		this.options.action_bottom="false";
		this.options.action_top="ready";			
	},
	
	slide_up : function(){
	
			if(this.options.flag == true && this.options.action_top == "ready"){			
				ex0 = new Animator({onComplete: this.setFlagFalse.bind(this)});
				ex0.addSubject( new NumericalStyleSubject( this.options.trigger, 'height', 134, 40 ));
				ex0.addSubject( new NumericalStyleSubject( this.options.top, 'height', 134, 40 ));
				ex0.addSubject( new NumericalStyleSubject( this.options.sliderbox_top, 'height', 134, 40 ));			
				ex0.addSubject( new NumericalStyleSubject( this.options.top, 'opacity', 1, 0 ));	
				ex0.addSubject( new NumericalStyleSubject( this.options.top_info, 'opacity', 0, 1 )); 
				ex0.addSubject( new NumericalStyleSubject( this.options.bottom_info, 'opacity', 1, 0 ));	
				ex0.addSubject( new NumericalStyleSubject( this.options.bottom, 'opacity', 0, 1 )); 						
				ex0.play();
				this.options.action_top="true";
			}
	},
	
	slide_down : function(){
	
		if(this.options.flag == false && this.options.action_bottom == "ready"){
			ex0 = new Animator({onComplete: this.setFlagTrue.bind(this)});
			ex0.addSubject( new NumericalStyleSubject( this.options.trigger, 'height', 40, 134 ));
			ex0.addSubject( new NumericalStyleSubject( this.options.top, 'height', 40, 134 ));
			ex0.addSubject( new NumericalStyleSubject( this.options.sliderbox_top, 'height', 40, 134 ));						
			ex0.addSubject( new NumericalStyleSubject( this.options.top, 'opacity', 0, 1 ));	
			ex0.addSubject( new NumericalStyleSubject( this.options.top_info, 'opacity', 1, 0 ));
			ex0.addSubject( new NumericalStyleSubject( this.options.bottom_info, 'opacity', 0, 1 ));	
			ex0.addSubject( new NumericalStyleSubject( this.options.bottom, 'opacity', 1, 0 ));						
			ex0.play();	
			this.options.action_bottom="true";			
		}	
	}	
}


var product_slider = Class.create();
product_slider.prototype = {
	
	initialize : function (myParams)
	{
		this.options = myParams;
		this.writeEvents();		
		this.options.top_info.setStyle({opacity: '0'});
		this.options.bottom.setStyle({opacity: '0'});
		this.options.flag = true;
		this.options.action_top="ready";
	},	
	
	writeEvents : function(){
		
		this.options.sliderbox_top.observe('mouseover', this.slide_down.bind(this));		
		this.options.sliderbox_bottom.observe('mouseover', this.slide_up.bind(this));
	},
	
	
	setFlagFalse : function ()
	{
		this.options.flag = false;
		this.options.action_top="false";
		this.options.action_bottom="ready";
	},
	
	setFlagTrue : function ()
	{
		this.options.flag = true;
		this.options.action_bottom="false";
		this.options.action_top="ready";			
	},
	
	slide_up : function(){
	
			if(this.options.flag == true && this.options.action_top == "ready"){			
				ex0 = new Animator({onComplete: this.setFlagFalse.bind(this)});
				ex0.addSubject( new NumericalStyleSubject( this.options.trigger, 'height', 154, 40 ));
				ex0.addSubject( new NumericalStyleSubject( this.options.top, 'height', 154, 40 ));
				ex0.addSubject( new NumericalStyleSubject( this.options.sliderbox_top, 'height', 154, 40 ));			
				ex0.addSubject( new NumericalStyleSubject( this.options.top, 'opacity', 1, 0 ));	
				ex0.addSubject( new NumericalStyleSubject( this.options.top_info, 'opacity', 0, 1 )); 
				ex0.addSubject( new NumericalStyleSubject( this.options.bottom_info, 'opacity', 1, 0 ));	
				ex0.addSubject( new NumericalStyleSubject( this.options.bottom, 'opacity', 0, 1 )); 						
				ex0.play();
				this.options.action_top="true";
			}
	},
	
	slide_down : function(){
	
		if(this.options.flag == false && this.options.action_bottom == "ready"){
			ex0 = new Animator({onComplete: this.setFlagTrue.bind(this)});
			ex0.addSubject( new NumericalStyleSubject( this.options.trigger, 'height', 40, 154 ));
			ex0.addSubject( new NumericalStyleSubject( this.options.top, 'height', 40, 154 ));
			ex0.addSubject( new NumericalStyleSubject( this.options.sliderbox_top, 'height', 40, 154 ));						
			ex0.addSubject( new NumericalStyleSubject( this.options.top, 'opacity', 0, 1 ));	
			ex0.addSubject( new NumericalStyleSubject( this.options.top_info, 'opacity', 1, 0 ));
			ex0.addSubject( new NumericalStyleSubject( this.options.bottom_info, 'opacity', 0, 1 ));	
			ex0.addSubject( new NumericalStyleSubject( this.options.bottom, 'opacity', 1, 0 ));						
			ex0.play();	
			this.options.action_bottom="true";			
		}	
	}	
}

var dropDownSelector = Class.create();
dropDownSelector.prototype = {

	initialize : function ( params )
	{
		this.options = params;
		for( i=0; i<this.options.collections.length; i++ )
		{
			this.options.elemSelector = this.options.collections[i].getElementsByClassName(this.options.selectboxClass)[0];
			this.options.iconCollection = this.options.collections[i].getElementsByClassName(this.options.iconClass)
			for( k=0; k<this.options.iconCollection.length; k++ )
			{
				this.options.iconCollection[k].observe('click', this.setDropdown);
				this.options.iconCollection[k].selector = this.options.elemSelector;
				this.options.iconCollection[k].meID = k;
			}
		}
	},
	
	setDropdown : function ()
	{
		this.selector.options[this.meID].selected = true;
		this.blur();
	}
	
}