var vidPlayList = Class.create();

vidPlayList.prototype = {
	
	initialize: function (cimdiv, leirasdiv, ikon, items, options) {
		this.ikon = $(ikon);
		this.cimDiv = $(cimdiv);
		this.leirasDiv = $(leirasdiv);
		this.setOptions(options);

		this.selectedItem=null;
		this.items = new Array();
		this.timer = null;
		
		for (var i=0;i<items.length;i++) {
			this.items.push(new vidPlayListItem(this, items[i]));
		}

		this.clickedItem=this.items[0];
		this._attachBehaviors();
	},

	setOptions: function (options) {
		this.options = {
			prefix: 'media',
			clickedItem: 0
		}
		Object.extend(this.options, options || {});
	},

	_attachBehaviors: function () {
		for (var i=0;i<this.items.length;i++) {
			if (this.items[i]==this.clickedItem) {
				this.setOpacity(this.items[i], 10);
				this.leirasValtas(this.items[i]);
				this.options.ajaxObj.load(this.options.ajaxUrl + this.items[i].uid);
			}
			else {
				this.setOpacity(this.items[i], 5);
			}
		}
	},
	
	click: function (item) {
		//alert(item);
		if (item==this.clickedItem) {
			return ;
		}
		this.setOpacity(this.clickedItem, 5);
		this.leirasValtas(item);
		this.clickedItem=item;
		this.options.ajaxObj.load(this.options.ajaxUrl + item.uid);
	},
	mouseover: function (item) {
		this.selectedItem=item;
		this.leirasValtas(item);
		this.setOpacity(item, 10);
	},
	mouseout: function (item) {
		//alert(item);
		if (item!=this.clickedItem) {
			this.timer=setTimeout(this.leirasValtas.bind(this), 500);
			this.setOpacity(item, 5);
		}
	},

	leirasValtas: function (item) {
		if (this.timer)
			clearTimeout(this.timer);
		//alert(typeof item);
		if (typeof item != 'object') {
			var item=this.clickedItem;
		}
		this.cimDiv.innerHTML=item.cim;
		this.leirasDiv.innerHTML=item.leiras;
		this.ikon.src=item.ikon;
	},

	setOpacity: function (item, value) {
		item.htmltag.style.opacity = value/10;
		item.htmltag.style.filter = 'alpha(opacity=' + value*10 + ')';
	}

}
vidPlayListItem = Class.create();

vidPlayListItem.prototype = {
	initialize: function (vidPlay, itm) {
		this.vidPlay = vidPlay;
		this.uid=itm[0];
		this.cim=itm[1];
		this.leiras=itm[2];
		this.ikon=itm[3];
		this.htmltag=$(this.vidPlay.options.prefix + itm[0]);
		this._attachBehaviors();
	},

	_attachBehaviors: function () {
		this.htmltag.onclick=this.click.bindAsEventListener(this);
		this.htmltag.onmouseover=this.mouseover.bindAsEventListener(this);
		this.htmltag.onmouseout=this.mouseout.bindAsEventListener(this);
		this.htmltag.style.cursor='pointer';
	},

	// eseménykezelők
	click: function (e) {
		this.vidPlay.click(this);
	},
	mouseover: function (e) {
		this.vidPlay.mouseover(this);
	},
	mouseout: function (e) {
		this.vidPlay.mouseout(this);
	}
}