var VideoObject = null;
var AudioObject = null;

$(document).ready(function () {
    //$("#flash").hide();
    $.ajax({
        url: xmlUrl,
        global: true,
        type: "POST",
        dataType: "xml",
        success: function (e) {
            var image = $(e).find("media[type='image']").text();
            $("#EventHeader").html("<img src='" + image + " ' width='719' height='281' alt='" + $("#EventTitle").html().replace("'","") + "' />");
            var audioElement = $(e).find("media[type='audio']")
            var videoElement = $(e).find("media[type='video']")

            if (audioElement.length != 0 || videoElement.length != 0) {
                $("#EventHeader").append("<div id='EventHeaderMediaOptions'></div>")

                $("#EventHeader").append("<div id='EventHeaderMediaClose'>Close</div>")
                $("#EventHeaderMediaClose").hide();
                $("#EventHeaderMediaClose").click(function () {
                    $("#EventHeaderMediaOptions").show(300);
                    $("#EventHeaderMediaClose").hide(300);
                    $("#EventHeaderAudio").slideUp();
                    $("#EventHeaderVideo").slideUp();
                    if ($f($("#EventHeaderAudio a")[0]) != null) {
                        $f($("#EventHeaderAudio a")[0]).stop()
                    }
                    if ($f($("#EventHeaderVideo a")[0]) != null) {
                        $f($("#EventHeaderVideo a")[0]).stop()
                    }
                })
                if (audioElement.length != 0) {
                    var audio = audioElement.text();
                    $("#EventHeaderMediaOptions").append("<div id='EventHeaderAudioLink'>Audio <img src='/images/arrow_right.png'></div>")
                    $('#EventHeader').append("<div id='EventHeaderAudio'><a href='" + audio + "' style='display:block;width:425px;height:60px;'> </a></div>")
                    $("#EventHeaderAudio").hide();
                    $("#EventHeaderAudioLink").click(function () {
                        var AudioObject = $("#EventHeaderAudio a").flowplayer("/flowplayer/flowplayer.commercial-3.1.0.swf", {
                            key: '#@4711c1f39e2bb76191f',
                            plugins: {
                                audio: {
                                    url: '/flowplayer/flowplayer.audio-3.1.2.swf'
                                },
                                controls: { fullscreen: false }
                            },

                            contextMenu: [
																				'QPAC Video player 1.0.0',
																				{ 'Visit QPAC Website': function () {
																				    location.href = 'http://www.qpac.com.au';
																				} 
																				}
																			],
                            onStart: function (clip) {
                                trackEvent("Audio", "Play", $("#EventTitle").html())
                            },
                            onStop: function () {
                                trackEvent("Audio", "Stop", $("#EventTitle").html())
                            },
                            onSeek: function () {
                                trackEvent("Audio", "Seek", $("#EventTitle").html())
                            },
                            onPause: function () {
                                trackEvent("Audio", "Pause", $("#EventTitle").html())
                            },
                            onFinish: function () {
                                trackEvent("Audio", "Complete", $("#EventTitle").html())
                            },
                            onResume: function () {
                                trackEvent("Audio", "Resume", $("#EventTitle").html())
                            },
                            onFullscreen: function () {
                                trackEvent("Audio", "FullscreenOn", $("#EventTitle").html())
                            },
                            onFullscreenExit: function () {
                                trackEvent("Audio", "FullScreenOff", $("#EventTitle").html())
                            }
                        })
                        $("#EventHeaderAudio").slideDown();
                        $("#EventHeaderMediaOptions").hide(300);
                        $("#EventHeaderMediaClose").show(300);
                    })
                    if (showAudio == "true") {
                        $("#EventHeaderAudioLink").click();
                    }
                }

                if (videoElement.length != 0) {
                    var video = videoElement.text();
                    $('#EventHeader').append("<div id='EventHeaderVideo'><a href='" + video + "' style='display:block;width:425px;height:281px;'> </a></div>")
                    $("#EventHeaderMediaOptions").append("<div id='EventHeaderVideoLink'>Video <img src='/images/arrow_right.png'></div>")
                    $("#EventHeaderVideo").hide();
                    $("#EventHeaderVideoLink").click(function () {
                        var VideoObject = $("#EventHeaderVideo a").flowplayer("/flowplayer/flowplayer.commercial-3.1.0.swf", {
                            key: '#@4711c1f39e2bb76191f',

                            contextMenu: [
																				'QPAC Video player 1.0.0',
																				{ 'Visit QPAC Website': function () {
																				    location.href = 'http://www.qpac.com.au';
																				} 
																				}
																			],

                            clip: {
                                onStart: function (clip) {
                                    trackEvent("Videos", "Play", $("#EventTitle").html())
                                    var w = (281 - 24) * (clip.metaData.width / clip.metaData.height);
                                    $(this.getParent()).css({ width: w })

                                } 
                            },
                            onStop: function () {
                                trackEvent("Videos", "Stop", $("#EventTitle").html())
                            },
                            onSeek: function () {
                                trackEvent("Videos", "Seek", $("#EventTitle").html())
                            },
                            onPause: function () {
                                trackEvent("Videos", "Pause", $("#EventTitle").html())
                            },
                            onFinish: function () {
                                trackEvent("Videos", "Complete", $("#EventTitle").html())
                            },
                            onResume: function () {
                                trackEvent("Videos", "Resume", $("#EventTitle").html())
                            },
                            onFullscreen: function () {
                                trackEvent("Videos", "FullscreenOn", $("#EventTitle").html())
                            },
                            onFullscreenExit: function () {
                                trackEvent("Videos", "FullScreenOff", $("#EventTitle").html())
                            }
                        })
                        $("#EventHeaderMediaOptions").hide(300);
                        $("#EventHeaderVideo").slideDown();
                        $("#EventHeaderMediaClose").show(300);
                    });
                    if (showVideo == "true") {
                        $("#EventHeaderVideoLink").click();
                    }
                }
            }
        }
    });
});

function trackEvent(category, action, optional_label) {
    var pageTracker = _gat._getTracker("UA-2373196-2");
    pageTracker._trackEvent(category, action, optional_label);
}