/**************************************************************

	Script	: Image Menu
	Version	: 2.2
	Authors	: Samuel Birch
	Desc	: 
	Licence	: Open Source MIT Licence

**************************************************************/

var ImageMenu = new Class({
	
	getOptions: function(){
		return {
			onOpen: false,
			onClose: Class.empty,
			openWidth:50,
			transition: Fx.Transitions.sine,
			duration:250,
			open: 1,
			border: 0
		};
	},

	initialize: function(elements,rollelements,options){
		this.setOptions(this.getOptions(), options);
		
		this.elements = $$(elements);
		this.rollelements = $$(rollelements);
		this.widths = {};
		this.widths.closed = this.elements[0].getStyle('height').toInt();
		this.widths.openSelected = this.options.openWidth;
		this.widths.openOthers = Math.round(((this.widths.closed*this.elements.length) - (this.widths.openSelected+this.options.border)) / (this.elements.length-1))
		//alert(this.widths.openOthers)
		//alert(this.widths.openSelected)
		this.widths.openOthers = 0
		this.fx = new Fx.Elements(this.elements, {wait: false, duration: this.options.duration, transition: this.options.transition});
		
		this.elements.each(function(el,i){
			this.rollelements[i].addEvent('mouseenter', function(e){
				new Event(e).stop();
				this.reset(i);
				
			}.bind(this));
			el.addEvent('mouseenter', function(e){
				new Event(e).stop();
				this.reset(i);
				
			}.bind(this));
			this.rollelements[i].addEvent('mouseleave', function(e){
				new Event(e).stop();
				this.reset(0);
				
			}.bind(this));
			
			var obj = this;
			
			el.addEvent('click', function(e){

				if(obj.options.onOpen){
					new Event(e).stop();
					if(obj.options.open == i){
						obj.options.open = null;
						obj.options.onClose(this.href, i);
					}else{
						obj.options.open = i;
						obj.options.onOpen(this.href, i);
					}
					
					
				}
				
			})
			
		}.bind(this));
		
		if(this.options.open){
			if($type(this.options.open) == 'number'){
				this.reset(0);
			}else{
				this.elements.each(function(el,i){
					if(el.id == this.options.open){
						this.reset(0);
					}
				},this);
			}
		}
		
	},
	
	reset: function(num){
		if($type(num) == 'number'){
			var width = this.widths.openOthers;
			if(num+1 == this.elements.length){
				width += this.options.border;
			}
		}else{
			var width = this.widths.closed;
		}
		var obj = {};
		this.elements.each(function(el,i){
			var w = width;
			if(i == this.elements.length-1){
				w = width
			}
			obj[i] = {'height': w};
		}.bind(this));
		
		if($type(num) == 'number'){
			obj[num] = {'height': this.widths.openSelected};
		}

		this.fx.start(obj);
	}
	
});

ImageMenu.implement(new Options);
ImageMenu.implement(new Events);
window.addEvent('domready', function() {
	var mybox1  = new ImageMenu($$('div.hotelzone1'),$$('h3.hotelzone1'),{openWidth:91, border:0, onOpen:function(e,i){alert(e);}});
	var mybox2  = new ImageMenu($$('div.hotelzone2'),$$('h3.hotelzone2'),{openWidth:91, border:0, onOpen:function(e,i){alert(e);}});
	var mybox3  = new ImageMenu($$('div.hotelzone3'),$$('h3.hotelzone3'),{openWidth:91, border:0, onOpen:function(e,i){alert(e);}});
});

function showZone(box)
{
	var nowact = box.id.split("-");
	$(activemap).setStyle('display','none');
	$('zi-'+nowact[1]).setStyle('display','block');
	activemap = 'zi-'+nowact[1];
}
function showAll(box)
{
	if(box == 'h'){
		$$('.hhide').each(function(item){
			$(item).setStyle('display','block');
		})
	}
	else {
		$$('.phide').each(function(item){
			$(item).setStyle('display','block');
		})
	}
}
function showMeMore()
{
	var ht = $('info').getStyle('height');
	if(ht == '285px')
	{
		$('info').setStyle('height','auto');
		$('moreb').innerHTML = '[Less]';
	}
	else
	{
		$('info').setStyle('height','285px');
		$('moreb').innerHTML = '[<?=lang("more")?>]';
	}
}
var ytplayer;
function shownewvid()
{
	if (ytplayer) {
		ytplayer.cueVideoById('Ee_KjT7jt1A', 0);
		}
}
function onYouTubePlayerReady(playerId)
{
		 ytplayer = document.getElementById("smyytplayer");
		 ytplayer.cueVideoById('Ee_KjT7jt1A',0)
}
	function showMyVideos(data)
	{
			var feed = data.feed;
			var entries = feed.entry || [];
			var html = ['<ul style="margin:8px 0 0 5px;padding:0;" class="videos" >'];
			for (var i = 0; i < entries.length; i++) {
			var entry = entries[i];
	 			var title = entry.title.$t.substr(0, 20);
			var thumbnailUrl = entries[i].media$group.media$thumbnail[2].url;
			var playerUrl = entries[i].id.$t.split(':');
			html.push('<li style="display:inline;float:left;margin:5px 5px" onclick="ytplayer.loadVideoById(\'', playerUrl[3], '\', 0)">',
          		'<img src="',
          		thumbnailUrl, '" width="90" /><br>', '<span class="titlec" style="color:#fff;font-size:8px">', title, '</span></li>');
			}
		html.push('</ul><br style="clear: left;"/>');
			document.getElementById('videos').innerHTML = html.join('');
	}
/*************************************************************/