function get_player(filename)
{
	var logo_src = "http://tenpeakscoffee.ca/_graphics/ten-peaks-logo-iso.gif"
	var tag = "\n\
	<img src='"+logo_src+"' width='67' height='67'/>\n\
	<object width='500' height='18'>\n\
    <param name='allowfullscreen' value='true' /><param name='wmode' value='opaque' />\n\
    <param name='allowscriptaccess' value='always' />\n\
    <param name='movie' value='mp3_player/flvplayer.swf' />\n\
	<param name='allowfullscreen' value='true' />\n\
	<param name='allowscriptaccess' value='always' />\n\
	<param name='flashvars' value='autostart=true&file="+filename+"' />\n\
	\n\
    <embed \n\
		src='mp3_player/flvplayer.swf' \n\
		type='application/x-shockwave-flash' \n\
		allowfullscreen='true' \n\
		wmode='opaque' \n\
		allowscriptaccess='always' \n\
		width='500' \n\
		height='18'\n\
		flashvars='autostart=true&file="+filename+"'\n\
		></embed></object>\n\
	";
	return(tag);
}

function get_player_only(filename)
{
	var logo_src = "http://tenpeakscoffee.ca/_graphics/ten-peaks-logo-iso.gif"
	var tag = "\n\
	<object width='500' height='18'>\n\
    <param name='allowfullscreen' value='true' /><param name='wmode' value='opaque' />\n\
    <param name='allowscriptaccess' value='always' />\n\
    <param name='movie' value='mp3_player/flvplayer.swf' />\n\
	<param name='allowfullscreen' value='true' />\n\
	<param name='allowscriptaccess' value='always' />\n\
	<param name='flashvars' value='autostart=true&file="+filename+"' />\n\
	\n\
    <embed \n\
		src='mp3_player/flvplayer.swf' \n\
		type='application/x-shockwave-flash' \n\
		allowfullscreen='true' \n\
		wmode='opaque' \n\
		allowscriptaccess='always' \n\
		width='500' \n\
		height='18'\n\
		flashvars='autostart=true&file="+filename+"'\n\
		></embed></object>\n\
	";
	return(tag);
}

$(document).ready(function(){
	
	
	// ios detection
	var deviceAgent = navigator.userAgent.toLowerCase();
	$iOS = deviceAgent.match(/(iphone|ipod|ipad)/);

	if ($iOS) 
	{
		// absence makes the heart grow fonder
	} 
	else
	{
		$(".mp3player_link").attr('rel',$(".mp3player_link").attr('href'))
		$(".mp3player_link").attr('href','mp3_player/player.html')
	
		$(".mp3player_link").colorbox({
			width:"550px", 
			height:"125px", 
			onComplete:function(){ 
				$('#mp3_player_loader').html(get_player($(this).attr('rel')));
			},
			onCleanup:function(){ 
				$('#mp3_player_loader').html(''); 
			}
		});
	}
});