var slideShowImages;
var vids;
var titles;
var currentVidIndex = 0;

function embedSWFObject(vid, container) {
    var flashvars = {};
    var params = {};
    var attributes = {};
    params.wmode = 'transparent';
    swfobject.embedSWF("Resources/Images/vidPlayer.swf?videoName=" + vid, container, "725", "408", "9.0.0", false, flashvars, params, attributes);
}

function changeVideo() {
    currentVidIndex++;
    if (currentVidIndex >= vids.length) {
        currentVidIndex = 0;
    } 
    $('.dialog h3.dialog-title').remove();
    $('.dialog .middle').prepend('<h3 class="dialog-title">' + titles[currentVidIndex] + '</h3>');
    embedSWFObject(vids[currentVidIndex], "videoHolder");
    sIFRDialogTitle();
    return false;
}

function showModalVideo() {
    vids = $(this).attr('rel').split(';');
    titles = $(this).attr('title').split(';');
    if (vids == null || vids.length < 1) return;
    $('<div id="modalVideoContainer"><div id="nextVid">Next</div><div id="videoHolder"></div></div>').ModalDialog({width: 791, height: 545, id: 'vid', title: titles[currentVidIndex]});
    if (vids.length <= 1) {
        $('#nextVid').hide();
    } else {
        $('#nextVid').show();
    }
  
    sIFRDialogTitle();
    embedSWFObject(vids[currentVidIndex], "videoHolder");
    return false;
}

function showVideo(vid, title) {
    $('<div id="modalVideoContainer"><div id="nextVid">Next</div><div id="videoHolder"></div></div>').ModalDialog({width: 791, height: 545, id: 'vid', title: title});
    $('#nextVid').hide();
    sIFRDialogTitle();
    embedSWFObject(vid, "videoHolder");
}

function setupSlideshow() {
    for (var i = 0; i < slideShowImages.length; i++)
    {
        $('#slider ul').append('<li><img src="' + slideShowImages[i] + '" /></li>');
    }
    $("#slider").easySlider();
}

function showModalSlideshow() {
    slideShowImages = $(this).attr('rel').split(';');
    if (slideShowImages.length < 1) return;
    $('<div id="slideHolder"><div id="slider"><ul></ul></div></div>').ModalDialog({width: 791, height: 539, id:'slide', title: $(this).attr('title')});
    sIFRDialogTitle();
    setupSlideshow();
    return false;
}

function showModalTextWindow() {  
	var content = $("#"+$(this).attr("contentID"));
    $(content).ModalDialog({width: 791, height: 539, id:'slide', title: $(this).attr('title'), reattachContent:true});
    sIFRDialogTitle();
    return false;
}

function showVirtualHouse() {
    var dialogTemplate = "<div class='md'></div>";
    $('<div id="VirtualHouse"></div>').ModalDialog({width:985, height:585, id: 'vHouse', insertIntoSelector: 'div.md', template: dialogTemplate});
    var flashvars = { xmlPath: "Assets/VirtualHouse/xml/data.xml"};
    var params = {
		quality: "high",
		scale: "noscale",
		wmode: "opaque",
		allowscriptaccess: "always",
		allowFullScreen: "true",
		bgcolor: "#FFFFFF"
	};
    var attributes = {};
    params.wmode = 'transparent';
    swfobject.embedSWF("Assets/VirtualHouse/virtualhouse.swf","VirtualHouse", "985", "585", "9.0.0", false, flashvars, params, attributes);
}

function removePentairHouse(){
	$.fn.ModalDialog.Close();
}

$(document).ready(function() {
    $('.modalVideoLink').click(showModalVideo);
    $('.modalSlideshowLink').click(showModalSlideshow);
    $('body').delegate('div#nextVid','click',changeVideo);
});