/**
@author Stepan Reznikov (stepan@design.ru)
@version 1.0, 17.08.2007
*/

/*----------------*/
/*  Skating rink  */
/*----------------*/

var SkatingRink = {

	init : function(){
		this.oSkatingRink = document.getElementById('skating_rink');
		this.aImages = Common.Dom.getElementsByClassName(this.oSkatingRink, 'image', 'p');
		this.oImageActive = Common.Dom.getElementsByClassName(this.oSkatingRink, 'active', 'p')[0];

		// инициализируем переключалку
		this.oSwitch = document.getElementById('skating_rink_switch');
		this.aSwitchItems = Common.Dom.getElementsByClassName(this.oSwitch, 'item', 'p');
		this.oSwitchItemActive = Common.Dom.getElementsByClassName(this.oSwitch, 'active', 'p')[0];

		for (var i = 0, iLength = this.aSwitchItems.length; i < iLength; i++) {
			var me = this;
			(function(oSwitchItem){
				Common.Event.add(me.aSwitchItems[i], 'click', function(evt){ me.changeImage(oSwitchItem); });
				Common.Event.add(me.aSwitchItems[i], 'mouseover', function(evt){ if (oSwitchItem != me.oSwitchItemActive) { Common.Class.add(oSwitchItem, 'hover'); } });
				Common.Event.add(me.aSwitchItems[i], 'mouseout', function(evt){ Common.Class.remove(oSwitchItem, 'hover'); });
			})(me.aSwitchItems[i]);
		}
	},

	changeImage : function(oSwitchItem){
		var aClassNames = oSwitchItem.className.match(new RegExp('for_(\\w+)'));

		Common.Class.remove(this.oSwitchItemActive, 'active');
		Common.Class.remove(oSwitchItem, 'hover');
		Common.Class.add(oSwitchItem, 'active');
		this.oSwitchItemActive = oSwitchItem;

		var oImage = Common.Dom.getElementsByClassName(this.oSkatingRink, aClassNames[1], 'p')[0];
		Common.Class.remove(this.oImageActive, 'active');
		Common.Class.add(oImage, 'active');
		this.oImageActive = oImage;
	}
}


$(function(){
	SkatingRink.init();
});