if (document.images) {
	var playbtn = new Image(55,55);
	playbtn.src = "/images/multimedia/play.png";
	var pausebtn = new Image(55,55);
	pausebtn.src = "/images/multimedia/pause.png";
}
var mediaElem;
var playButton;
function startedPlaying() {
    playButton.innerHTML = "<img src=\"/images/multimedia/pause.png\" width=\"55\" height=\"55\" alt=\"Pause\" />"
    playButton.className = "mediabutton mediaplay mediafadeout";
}
function stoppedPlaying() {
    playButton.innerHTML = "<img src=\"/images/multimedia/play.png\" width=\"55\" height=\"55\" alt=\"Play\" />"
    playButton.className = "mediabutton mediaplay";
}
function initMedia() {
    mediaElem = document.getElementById("mediafile");
    playButton = document.getElementById("mediaplaybutton");
    if (!mediaElem.play || mobile) {
       playButton.style.display = "none";
       return;
    }
    mediaElem.addEventListener("play", startedPlaying,false);
    mediaElem.addEventListener("pause", stoppedPlaying,false);
    mediaElem.addEventListener("ended", function () {
        if (!mediaElem.paused)
            mediaElem.pause();
        stoppedPlaying();
    },false);
    playButton.addEventListener("click", function () {
        if (mediaElem.paused) {
            mediaElem.play();
        } else {
            mediaElem.pause();
		}
    },false);
}

function filterAssets(cat) {
	$(document).ready(function() {
		$.AjaxCFC({
		  url: "/common/public.cfc",
		  method: "getMultimediaAssets",
		  data: {"category":cat,"sort":"publish_date","dir":"DESC"},
		  unnamedargs: false,
		  serialization: "json",
		  //blockUI: true,
		  useDefaultErrorHandler: false,
		  success: function(obj) {
		  	var str = '';
			str = '<ul id="media_listing">';
			for (var i=0; i < obj.recordcount; i++) {
				str += '<li class="'+obj.data.mediatype[i]+'"><a href="/resources/multimedia/index.cfm/id/'+obj.data.id[i]+'.cfm" class="strong">'+obj.data.title[i]+'</a><br />';
				str += obj.data.teaser[i];
				str += '&nbsp;&nbsp;<span class="time">Time: '+obj.data.playtime[i]+' min.</span></li>';
				//alert(i % 3);
			}
			str += '</ul>';
			$('#multimedia_list').html(str);
		  }
		});
	
	});
}