window.addEvent('domready', function() {
	$$('.hd_menu li table td').each(function(el) {

		el.addEvent('click', function() {
			var room=el.getProperty('title');
			if(room==0) return;
			var cam = $('cam_type').value;
			if($('cam_id')) {
				var camid = $('cam_id').value;
			}
			else {
				var camid="";
			}
			if(!cam) return;
			setHDRoom(room, cam, camid);
			$$('.hd_menu li table td').each(function(e) {
				e.removeClass('active');
			});
			el.addClass('active');
		});
	});



		$$('a.hd_tip').each(function(element,index) {
        var content = element.get('title').split('::');
        element.store('tip:title', content[0]);
        element.store('tip:text', content[1]);
    });
		var tooltip=new Tips($$('.hd_tip'));

		var picture = {
			'true' : '/images/livecams/plan_open.png',
			'false': '/images/livecams/plan_closed.png'
		};

		var link_class = {
			'true' : 'open',
			'false': 'closed'
		};

		if ($('sendplan') && $('sendplan_link'))
		{

				var slider = new Fx.Slide('sendplan', {mode: 'vertical'}).hide();
				$('sendplan').getParent().setStyle('position', 'absolute');
				$('sendplan').getParent().setStyle('left', 650);
				$('sendplan').getParent().setStyle('top', 0);
				$('sendplan').getParent().setStyle('z-index', 100);

				$('sendplan_link').addEvent('click', function(e){
					e.stop();
					$('sendplan').setStyle('display', 'block');
					slider.toggle();
				});

				slider.addEvent('complete', function() {
					$('sendplan_icon').setProperty('src', picture[slider.open]);
					$('sendplan_link').setProperty('class', link_class[slider.open]);
				});

		}


});

function setHDRoom(room, cam, camid) {
	var position=$('hdcamframe').getPosition();
	var loader=new Element('div');
	loader.setStyles({
		'position': 'absolute',
		'left': position.x,
		'top': position.y,
		'width': 640,
		'height': 360,
		'background': '#fff url(\'/images/loading.gif\') center no-repeat'
	});

	$$('.box-main').adopt(loader);

	jslink('/DE/livecams/', {'room': room, 'clip': clip_id, 'camid': camid}, 'Livecams::setHDRoom', function(result) {
		var res=JSON.decode(result);
		$('hdcamframe').setProperties({
			'src': res.camurl
		});
		loader.dispose();

	});

}