var finImgChangerIndex = 0;
var finImgChanger = new Class({
	Implements:[Options],
	options:{
		data:[],
		container:null
	},
	initialize:function(options) {
		this.setOptions(options);
		this.holder = $(this.options.container);
		this.draw();
	},
	setElementBg:function() { this.container.setStyle("background-image", "url(" + this.options.data[this.currentIndex].img + ")") },
	fadeElementOut:function() { this.container.fade("out") },
	fadeElementIn:function() { this.container.fade("in") },
	navigationMouseEnter: function(e){var el=e.target;el.setStyle("background-image", "url(/i/mb/" + el.id + "-h.gif)")},
	navigationMouseLeave: function(e){var el=e.target;el.setStyle("background-image", "url(/i/mb/" + el.id + (el.id==this.currentElement?"-h":"") + ".gif)")},
	navigationMouseClick: function(e){var el=e.target;var oldEl=$(this.currentElement);oldEl.setStyle("background-image", "url(/i/mb/" + oldEl.id + ".gif)");this.currentElement=el.id;this.navigationMouseLeave(e);this.currentIndex=new Number(this.currentElement.substr(this.currentElement.length-1, 1))-1;this.fadeElementOut();this.title.innerHTML=this.options.data[this.currentIndex].title;this.setElementBg.delay(500, this);this.fadeElementIn.delay(600, this);},
	bgClick: function(e) {var el=e.target;location.href=this.options.data[this.currentIndex].url},
	draw:function() {
		this.holder.set("class", "imgContainer");
		this.header = new Element("div", {"class":"imgHeader"}).injectInside(this.holder);
		this.container =  new Element("div", {"class":"imgPicture"}).injectInside(this.holder);

		this.title = new Element("div", {"class":"imgTitle"}).injectInside(this.header);
		this.navigation = new Element("div", {"class":"imgNavigation"}).injectInside(this.header);
		new Element("div", {"class":"clear"}).injectInside(this.header);

		this.buttons = [];
		this.currentIndex=0;
		this.currentElement="img1";

		for(var iI=0;iI<this.options.data.length;iI++)
		{
			this.buttons[iI] = new Element("div", {"class":"imgButton","id":"img" + new String(iI+1)}).injectInside(this.navigation);
			this.buttons[iI].setStyle("background-image", "url(/i/mb/" + this.buttons[iI].id + ".gif)");
			this.buttons[iI].addEvent("mouseenter", this.navigationMouseEnter.bindWithEvent(this));
			this.buttons[iI].addEvent("mouseleave", this.navigationMouseLeave.bindWithEvent(this));
			this.buttons[iI].addEvent("click", this.navigationMouseClick.bindWithEvent(this));
		}
		new Element("div", {"class":"clear"}).injectInside(this.navigation);

		this.navigationMouseClick({target:$(this.currentElement)});
		this.container.addEvent("click", this.bgClick.bindWithEvent(this));
	}
});