window.addEvent('domready', function()
{
	
	var tips = new Tips($$('.tip'),{
		onShow: function(tip){
			tip.setStyle('visibility', 'visible');
			tip.setOpacity(0.9);
		},
		maxTitleChars:300
	});
	$$('.round').each(function(el){
		var topbox 		= new Element('div').setStyle('clear', 'both').setStyle('width', '100%').setStyle('height', '20px').setStyle('float', 'left').injectTop(el);
		var bottombox 	= new Element('div').setStyle('clear', 'both').setStyle('width', '100%').setStyle('height', '10px').setStyle('padding-top', '10px').setStyle('float', 'left').inject(el);
		
		
		var cornerbox = new Element('div');
			cornerbox.setStyle('height', '10px')
					.setStyle('width', '10px')
					.setStyle('background-color', 'transparent')
					.setStyle('background-repeat', 'no-repeat')
					.setStyle('background-image', 'url(/img/layout/roundborder_10_fff.gif)');
		var corners = {};
		corners.topleft 	= cornerbox.clone().setStyle('background-position', 'top left').setStyle('float', 'left').inject(topbox);
		corners.topright 	= cornerbox.clone().setStyle('background-position', 'top right').setStyle('float', 'right').inject(topbox);
		corners.bottomleft 	= cornerbox.clone().setStyle('background-position', 'bottom left').setStyle('float', 'left').inject(bottombox);
		corners.bottomright = cornerbox.clone().setStyle('background-position', 'bottom right').setStyle('float', 'right').inject(bottombox);
	});
	
	var boxtypes = {};
	//alert(0);
	//var boxes = $$('[multibox^=group_]');
	var boxes = $('page').getElements('[multibox]');
	if (boxes.length >0)
	{
		boxes.each(function(single){
		//console.log(single.getProperty('multibox'));
		boxtypes[single.getProperty('multibox')] = single.getProperty('multibox');
		single.addClass('mb_'+single.getProperty('multibox'));
		single.removeProperty('multibox');
		});
	}	
	//console.log(boxtypes);
	mBoxes = {};
	for(single in boxtypes)
	{
		mBoxes[single] = new MultiBox('mb_'+single, {
			descClassName:'multiBoxDesc',
	 		useOverlay: true,
	 		path:'/js/'
		});	
		
	}
	
	var opac = $('page').getElements('[vnopacity]');
		opac.each(function(el)
		{
			el.setOpacity(el.getProperty('vnopacity'));		
		});
		
	var audios = $('page').getElements('[audiobox]');
	/*
	audios.each(function(audio){
		var wrapper = new Element('div').injectTop(audio);
		var playerDiv = new Element('div');
			playerDiv.setText('ich bin das Beispiel fuer einen anderen audioplayer');
			playerDiv.inject(wrapper);
		var mp3 = audio.getElements('a');
		var list = new Element('ul').inject(wrapper);
		mp3.each(function(mp3){
			var el = new Element('li').inject(list);
				el.setStyle('color', '#fff')
					.setStyle('font-weight', 'bold');
				var button = new Element('span').inject(el);
				var text = new Element('span').setText(mp3.getText()).inject(el);
				
					var player = createPlayer(button, mp3);
				
		});	
	});	
	*/
	
	audios.each(function(audio){
		var wrapper = new Element('div').injectTop(audio);
			//wrapper.setStyle('background', 'url(/img/layout/boxBg_dark2.gif) repeat-x left -300px')
			wrapper	.setStyle('width', '85%')
					.setStyle('padding', '5px');
		//var currentTitle = new Element('p').setStyle('color', '#fff').setStyle('font-weight', 'bold').inject(wrapper);
		//var playerDiv = new Element('div');
		//	playerDiv.setStyle('height', '35px');
			//playerDiv.setText('ich bin das Beispiel fuer einen  audioplayer');
		//	playerDiv.inject(wrapper);
		var mp3s = audio.getElements('a');
		var list = new Element('ul').inject(wrapper);
		var firstEl = false;
		var singleCounter = 1;
		var els = new Array();
		mp3s.each(function(mp3){
			var el = new Element('li').inject(list);
			els.include(el);
			el.bgColor = 'transparent';
				el.fontColor = '#fff';		
			/*
			if (singleCounter == 1)
			{
				singleCounter = 2;	
				el.bgColor = 'transparent';
				el.fontColor = '#fff';		
			}
			else
			{				
				singleCounter = 1;		
				el.fontColor = '#fff';
				el.bgColor = 'url(/img/layout/boxBg_dark2.gif) repeat-x left -300px';	
			}
			*/
			el	.setStyle('padding', '3px 0')
				.setStyle('line-height', '16px')
				.setStyle('height', '34px')
				.setStyle('background', el.bgColor)
				.setStyle('color', el.fontColor);
			if (firstEl == false) firstEl = el;
			
				var proto = new Element('span');
					proto	.setStyle('line-height', '16px')
							.setStyle('height', '30px')
							.setStyle('display', 'block')
							.setStyle('float','left');
						
				var button 	= proto.clone().inject(el); //new Element('span').inject(el);
				var text 	= proto.clone().inject(el); //new Element('span').setHTML(mp3.getText()).inject(el);
					button	.setStyle('width', '34px');
					text	.setHTML(mp3.getText())
							.setStyle('width', '90px')
							.setStyle('line-height', '34px');
				var player = createPlayer(button, mp3);
				//el.setText(mp3.getText());
					
				/*			
				el.addEvent('click', function()
				{
					els.each(function(mp3){
						mp3.setStyle('background', mp3.bgColor)
						.setStyle('color', mp3.fontColor)
						.setStyle('font-weight', 'normal');
					});
					el	.setStyle('font-weight', 'bold')
						.setStyle('background', '#000');
					playerDiv.setText('spiele '+mp3.getProperty('href'));
					playerDiv.empty();
					var player = createPlayer2(playerDiv, mp3);
					currentTitle.setHTML('> '+mp3.getText());
				})
				*/
				
		});	
		firstEl.fireEvent('click');
	});	
	
	audios.each(function(audio){audio.getElements('a').setStyle('display', 'none')});
});

var counter = 1;
function createPlayer(el, mp3El)
{
	var mp3url = mp3El.getProperty('href');
	var params = 'src='+mp3url;
		params += '&groupname=group1';
		//params += 'txt=testestest&';
	//var player = new SWFObject("/js/mp3Player/emff_stuttgart.swf", "player", "100%", "30", "8");
	//var player = new SWFObject("/js/mp3Player/emff_silk_button.swf", "player_"+counter, "16", "16", "8");
	var player = new SWFObject("/js/mp3Player/emff_easy_glaze.swf", "player_"+counter, "30", "30", "8");
		player.addParam("quality", "high");
		player.addParam("FlashVars", params);
		player.addParam("width", "100%");
		//player.addParam("bgcolor", "#000000");
		player.addParam("wmode", "transparent");
		player.addParam("scale", "width");
		player.addParam("allowScriptAccess","always");
		player.write(el);
	counter++;
};
function createPlayer2(el, mp3El)
{
	var mp3url = mp3El.getProperty('href');
	var params = 'src='+mp3url;
		//params += '&groupname=group2';
		params += '&autostart=yes';
		//params += 'txt=testestest&';
	var player = new SWFObject("/js/mp3Player/emff_stuttgart.swf", "player_"+counter, "120", "30", "8");
	//var player = new SWFObject("/js/mp3Player/emff_silk_button.swf", "player_"+counter, "16", "16", "8");
		player.addParam("quality", "high");
		player.addParam("FlashVars", params);
		player.addParam("width", "120");
		//player.addParam("bgcolor", "#000000");
		player.addParam("wmode", "transparent");
		player.addParam("scale", "width");
		player.addParam("allowScriptAccess","always");
		player.write(el);
	counter++;
};





function createPlayer1(el, mp3El)
{
	var mp3url = mp3El.getProperty('href');
	var params = 'mp3url='+mp3url+'&';
		//params += 'txt=testestest&';
		params += 'bgcolor=transparent&';
		params += 'txtcolor=#ff0000&';
		params += 'barbgcolor=#00ff00&';
		params += 'loadbar=#0000ff&';
		params += 'posbar=#ffff00&';
		params += 'loop=false';
	var player = new SWFObject("/js/mp3.swf", "player", "100%", "100%", "8");
		player.addParam("quality", "high");
		player.addParam("FlashVars", params);
		player.addParam("width", "100%");
		player.addParam("wmode", "transparent");
		player.addParam("scale", "width");
		player.addParam("allowScriptAccess","always");
		player.write(el);
};
function createPlayer3(el, mp3El)
{
	var mp3url = mp3El.getProperty('href');
	var player = new SWFObject("/js/mp3player.swf", "player", "320", "70", "8", "#000000");
		player.addParam("quality", "high");
		player.addParam("salign", "TL");
		player.addParam("scale", "noScale");
		player.addParam("FlashVars", "path="+mp3url+"");
		player.addParam("wmode", "opaque");
		player.addParam("allowScriptAccess","always");
		player.write(el);
}