$(document).ready(function() {

    // -------------------- lightbox control

    $('.popup').click(function() {

        $('.dimmed-overlay').slideDown();

        $('.lightbox-overlay').slideDown('slow');

        $('.header a').focus(); // simple 'scroll to top'
    });

    $('.lightbox .cancel, .lightbox .jscancel, .lightbox .close')
		.not('.box-layer .submit, .box-layer .cancel') // filter out cancel and submit buttons in dialogs within the lightbox
		.click(function() {

		    $('.lightbox-overlay').slideUp();

		    $('.dimmed-overlay').slideUp('slow');

		});

    $('.lightbox-wide .close')
		.not('.box-layer .submit, .box-layer .cancel') // filter out cancel and submit buttons in dialogs within the lightbox
		.click(function() {

		    $('.lightbox-wide-overlay').slideUp();

		    $('.dimmed-overlay').slideUp('slow');

		});

    // display the dimmed layer
    // if 'selector' specified, only the matched immediate childrent of lightbox will be visible
    $.fn.showDimmedLayer = function(selector) {
        if (selector != undefined) {
            $('.lightbox .lightbox-body').children().hide();
            $(selector, $('.lightbox .lightbox-body')).show();
        }

        $('.dimmed-overlay').slideDown();
        $('.lightbox-overlay').slideDown('slow');
        $('.header a').focus(); // simple 'scroll to top'
    }

    // display the dimmed layer but lightbox-wide
    // if 'selector' specified, only the matched immediate childrent of lightbox will be visible
    $.fn.showDimmedLayerWide = function(selector) {
        if (selector != undefined) {
            $('.lightbox-wide .lightbox-wide-body').children().hide();
            $(selector, $('.lightbox-wide .lightbox-wide-body')).show();
        }

        $('.dimmed-overlay').slideDown();
        $('.lightbox-wide-overlay').slideDown('slow');
        $('.header a').focus(); // simple 'scroll to top'
    }

    // lightbox logic/switches
    $('.c1-2 input[name*=Reason]').click(function() {

        if ($(this).val() == 'bbb') {
            $('.c2-2').slideDown('slow'); return;
        }

        $('.c2-2').slideUp('slow');

    });

    // initialize media lightbox (scalable)
    MediaLightbox.init();

});

var MediaLightbox = {

    init: function() {

        $('.house-foto').click(function() {
            MediaLightbox.open();
            MediaLightbox.showImage(
				$(this).metadata().fullSizeImageUrl
			);
            MediaLightbox.focus();
        });

        $('.video-thumb').click(function() {
            MediaLightbox.open();
            MediaLightbox.showVideo(
				$(this).metadata().videoUrl
			);
            MediaLightbox.focus();
        });

        $('.panorama-thumb').click(function() {
            MediaLightbox.open();
            MediaLightbox.showIpix(
				$(this).metadata().ipixUrl
			);
            MediaLightbox.focus();
        });

        // close
        $('.lightbox-media .jscancel').click(function() {
            MediaLightbox.close();
        });

    },

    showImage: function(url) {

        var img = new Image();

        $(img)
			.load(function() {
			    $(this).hide();
			    $('.lightbox-media-body div').append(this);
			    $('.lightbox-media').css(
					{ width: ($(this).width() + 60) }
				);
			    $(this).show();
			})
			.attr('src', url);

    },

    showVideo: function(url) {

        $('.lightbox-media').css({ width: (320 + 60) });

        if ($.browser.msie) {
            var a = ['<object ID="VIDEO" WIDTH="320" CLASSID="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" TYPE="application/x-oleobject">'];
            a.push('</ob' + 'ject' + '>');

            var p = ['<param NAME="URL" VALUE="' + url + '" />'];
            p.push('<param NAME="AutoStart" VALUE="True" />');

            var o = document.createElement(a.join(''));

            for (var i = 0; i < p.length; i++)
                o.appendChild(document.createElement(p[i]));

        }
        else {
            var a = ['<embed type="application/x-mplayer2" src="' + url + '" name="VIDEO" width="320" autostart="1"></embed>'];
            var o = a.join('');
        }

        $('.lightbox-media-body div').append(o);

    },

    showIpix: function(url) {

        $('.lightbox-media').css({ width: (320 + 60) });

        if ($.browser.msie) {
            var a = ['<object ID="IPIX" WIDTH="320" HEIGHT="240" CLASSID="CLSID:11260943-421B-11D0-8EAC-0000C07D88CF" CODEBASE="http://www.ipix.com/download/ipixx.cab#version=6,2,0,5">'];
            a.push('</ob' + 'ject' + '>');

            var p = ['<param NAME="IPXFILENAME" VALUE="' + url + '" />'];

            var o = document.createElement(a.join(''));

            for (var i = 0; i < p.length; i++)
                o.appendChild(document.createElement(p[i]));

        }
        else {
            var a = ['<embed src="' + url + '" border="0" width="320" height="240" palette="foreground" type="application/x-ipix" pluginsPage="http://www.ipix.com/cgi-bin/download.cgi"></embed>'];
            var o = a.join('');
        }

        $('.lightbox-media-body div').append(o);

    },

    open: function() {

        // $('.lightbox-media-body div').replaceWith($('<div>'));

        $('.dimmed-overlay').slideDown();
        $('.lightbox-media-overlay').slideDown('slow');

    },

    focus: function() {
        $('.header a').focus();
    },

    close: function() {

        // $('.lightbox-media-body div').children().remove();
        // $('.lightbox-media-body div').html('');

        $('.lightbox-media-overlay').slideUp();
        $('.dimmed-overlay').slideUp('slow');

        $('.lightbox-media-body div').replaceWith($('<div>'));

    }

};

function popupItem(id, baseId)
{
    $('.dimmed-overlay').slideDown();
    $("#" + id).slideDown('slow');
    $('.header a').focus(); // simple 'scroll to top'
    if (baseId != null) {
        $('.forms-contentblock').find('input[name$=hdnFormContentBlockId]').val(baseId);
        
        s.pageName = "Form overlay:" + baseId;
        s.channel = "Form overlay"
        s.events = "event2"
        s.products = ";" + baseId;
        s.t();
    }
}

function popuItemNoDimmed(id) 
{
    $("#" + id).slideDown('slow');
}

function closePopupItem(id) 
{
    $('.dimmed-overlay').slideUp();
    $("#" + id).slideUp('slow');
}