$(document).ready(function() {

    // initialise jqModal
    $('#dialog').jqm({
        modal: true,
        target: 'jqmContent',
        onShow: loadInIframeModal,
        onHide: hideIframeModal
    });
    $('#dialog').jqm().jqmAddTrigger($('#ModalPopup'));

    $('#dialog2').jqm({
    modal: true,
        target: 'jqmContent2',
        onShow: loadInIframeModal,
        onHide: hideIframeModal
    });
    $('#dialog2').jqm().jqmAddTrigger($('#ModalPopup2'));

    $('#dialog3').jqm({
    modal: true,
        target: 'jqmContent3',
        onShow: loadInIframeModal,
        onHide: hideIframeModal
    });
    $('#dialog3').jqm().jqmAddTrigger($('#ModalPopup3'));

    $('#dialog4').jqm({
    modal: true,
        target: 'jqmContent4',
        onShow: loadInIframeModal,
        onHide: hideIframeModal
    });
    $('#dialog4').jqm().jqmAddTrigger($('#ModalPopup4'));

    $('#dialog5').jqm({
    modal: true,
    target: 'jqmContent5',
        onShow: loadInIframeModal,
        onHide: hideIframeModal
    });
    $('#dialog5').jqm().jqmAddTrigger($('#ModalPopup5'));

});


var loadInIframeModal = function(hash) {
    var $trigger = $(hash.t);
    var modal = $(hash.w);
    var myTitle = $trigger.attr('title');
    //let's use the anchor "title" attribute as modal window title
    $('#jqmTitleText').text(myTitle);
    modal.show()
}

var hideIframeModal = function(hash) {
	if(player != null) {
		player.sendEvent("PLAY", "false");
	}
	hash.w.hide();
	hash.o.remove()
};

var player;
    function playerReady(obj) {
    	player = document.getElementById(obj['id']);
    };