function ShowModalDialog(e, xml, productId) {
    e.returnValue = false; //prevent default for IE
    if (e.preventDefault)
        e.preventDefault(); //prevent default for Firefox

    if (!($('#page-content').length)) {
        $('body').append('<div id="page-content" class="modal-content"></div>');
    }
    
    PopulateOptionDetails(xml, productId);
    $('#page-content').modal();
    $('#simplemodal-container').fadeOut(0).fadeIn("slow");
}

function ShowVideoModalDialog(e, videoMp4Src, videoOgvSrc, videoWebmSrc, videoSwfSrc) {
    e.returnValue = false; //prevent default for IE
    if (e.preventDefault)
        e.preventDefault(); //prevent default for Firefox

    if (!($('#page-content').length)) {
        $('body').append('<div id="page-content" class="modal-content" style="height:410px;width:490px;"></div>');
    }

    $('#page-content').html("<video width='480' height='400' autobuffer controls tabindex='0'>" +
        "<!-- MP4 must be first for iPad! -->" +
        "<source type='video/mp4' src='" + videoMp4Src + "'></source>" +
        "<source type='video/webm' src='" + videoWebmSrc + "'></source><!-- WebM/VP8/Vorbis -->" +
        "<source type='video/ogg' src='" + videoOgvSrc + "'></source><!-- Firefox / Opera -->" +
        "<object width='480' height='400' type='application/x-shockwave-flash' data='" + videoSwfSrc + "'>" +
	        "<param name='movie' value='" + videoSwfSrc + "' />" +
	        "<br />" +
            "<img src='/images/movie.png' height='128' width='128' alt='No movie!' title='No video playback capabilities!' style='margin-left:auto; margin-right:auto;' />" +
            "<br />" +
            "<br />" +
            "<label style='color:Red;'>No video playback capabilities!</label>" +
        "</object>" +
    "</video>");    

    $('#page-content').modal();
    $('#simplemodal-container').css('width', '508px');
    $('#simplemodal-container').css('height', '428px');
    $('#simplemodal-container').fadeOut(0).fadeIn("slow");
}

function PopulateOptionDetails(xmldoc, productId) {
    $.ajax({
        url: '/xslt/productOptions/Product' + productId + '.xsl',
        dataType: 'text',
        cache: false,
        beforeSend: function() {
        },
        error: function(err) {
        },
        success: function(data) {
            $('#page-content').xslt({
                xml: xmldoc,
                xsl: data,
                xmlCache: false,
                xslCache: false
            });
        }
    });
}