function mediabar_init() {
	$.ajax({
		type:"GET",
		url:"http://awfl.eu/content/php_ajax/ajax_mediabar_get.php",
		dataType:"xml",
		success: function(data) {
			$('#media_content').html($(data).find('fullcontent').text());
			$('.scrollable').scrollable({vertical:true});
			//show hide mediabar
			$('.mediabutton').toggle(
				function() { //show
					$("#mediabar").animate({
						width:"150px"
					}, 500, 'easeOutQuad');
					$(this).toggleClass("open");
				},
				function() { //hide
					$("#mediabar").animate({
						width:"0px"
					}, 500, 'easeOutQuad');
					$(this).toggleClass("open");
				}
			);
			$('#media_content img[title]').tooltip({
				position:'center left',
				delay:0,
				effect:"fade",
				opacity:0.8
			});
			$('.mediabutton').fadeIn("slow");
			/*$('#media_content').find('img').hover(
				function() {
					var offset = $(this).offset();
					var height = $(this).height();
					var hheight = Math.round(height/2); 
					$(this).css({
							position:"fixed",
							right: "0px"
						}
					);
					$(this).animate({
						width:"300px",
						height:"226px",
						top:(offset.top - hheight)+"px"
					}, 1000);
				},
				function() {
					$(this).css({
						position:"static",
						top:"0px",
						width:"150px",
						height:"113px"
					});
				}
			);*/
		}		
	});
}

function mediapopup_open(id) {
	$("#dark_bg").fadeTo(500, 0.9);
	$("#mediapopup_content").html('<div style="text-align:center;"><img src="http://gfx.awfl.eu/wait.gif"></div>');
	$("#mediapopup").css({display: "block"});
	$("#mediapopup .header").find("a").click(function() {mediapopup_close();});
	$("#dark_bg").click(function() {mediapopup_close();});

	$.ajax({
		type:"GET",
		url:"http://awfl.eu/content/php_ajax/ajax_mediabar_get.php",
		data:"id="+id,
		dataType:"xml",
		success: function(data) {
			$("#mediapopup_content").html($(data).find("idcontent").text());
		}
	});
}

function mediapopup_close() {
	$("#mediapopup_content").html('');
	$("#mediapopup").css({display: "none"});
	$("#dark_bg").fadeOut("slow");
}

$(document).ready(function() {mediabar_init();});