// by Andrew Cavers 2009 for Royal Gardens Apartments website

$(function() {
    $('.lightbox a').lightBox({
        fixedNavigation:true,
	overlayBgColor: '#000',
	overlayOpacity: 0.4,
	imageLoading: 'images/loading.gif',
	imageBtnClose: 'images/close.gif',
	imageBtnPrev: 'images/prev.gif',
	imageBtnNext: 'images/next.gif',
	containerResizeSpeed: 350
    });
    $(".gallery").jCarouselLite({
        btnNext: ".next",
        btnPrev: ".prev",
	auto: 2000,
	circular: "true",
	visible: 1,
	easing: "easeinout",
	speed: 500
    });
});


function modalOpen (dialog) {
	dialog.overlay.fadeIn('slow');
	dialog.container.slideDown('slow', function(){
		dialog.data.show();
	});
}

function modalClose (dialog) {
	dialog.data.hide();
	dialog.container.slideUp('slow');
	dialog.overlay.fadeOut('slow', function () {
		$.modal.close();
	});
}
	
$(document).ready(function () {
	$('a#kitchen360').click(function (e) {
		e.preventDefault();
		$.modal("<applet archive=ptviewer.jar code=ptviewer.class codebase='media' width=900 height=500>\
					<param name=file 			value='images/xkitchen.jpg'>\
					<param name=inits 			value='ptviewer:showHS()'> \
					<param name=inits 			value='ptviewer:startAutoPan(.2,0,1.0)'>\
					<param name=auto			value='0.2'>\
					<param name=quality			value='6'>\
					<param name=fov				value='120'>\
					<param name=fovmin			value='30'>\
					<param name=fovmax			value='150'>\
					<param name=wait			value='images/loading-big.gif'>\
					<param name=tilt			value='0'>\
					<param name=cursor			value='MOVE'>\
					<param name=bar_x			value='278'>\
					<param name=bar_y			value='380'>\
					<param name=bar_width		value='327'>\
					<param name=bar_height		value='5'>\
					<param name=barcolor		value='666666'>\
					<param name=frame			value='images/controls.gif'>\
					<param name=\"shotspot0\" 	value=\" x774 y480 a790 b496 u'ptviewer:startAutoPan(-.2,0,1)'\">\
					<param name=\"shotspot1\" 	value=\" x794 y480 a810 b489 u'ptviewer:startAutoPan(0,1,1.0)'\">\
					<param name=\"shotspot2\" 	value=\" x794 y490 a810 b496 u'ptviewer:startAutoPan(0,-1,1.0)'\">\
					<param name=\"shotspot3\" 	value=\" x814 y480 a830 b496 u'ptviewer:startAutoPan(.2,0,1.0)'\">\
					<param name=\"shotspot4\" 	value=\" x834 y480 a850 b496 u'ptviewer:stopAutoPan()'\">\
					<param name=\"shotspot5\" 	value=\" x853 y480 a870 b496 u'ptviewer:startAutoPan(0,0,0.99)'\">\
					<param name=\"shotspot6\" 	value=\" x874 y480 a890 b496 u'ptviewer:startAutoPan(0,0,1.01)'\">\
					</applet>\
					<p class='caption'><strong>360&deg; view of the kitchen in Albert Apartment.</strong></p>\
			<p class='caption'>Click and drag your mouse to move around the image or use the control panel. Press A and Z keys to zoom in and out.</p>\
			<p class='close'><a href='#' class='simplemodal-close'><img src='images/close.gif' width='66' height='22' alt='close'></a></p>",
			{onOpen: modalOpen, onClose: modalClose, close: false});
	});

	$('a#dining360').click(function (e) {
		e.preventDefault();
		$.modal("<applet archive=ptviewer.jar code=ptviewer.class codebase='media' width=900 height=500>\
					<param name=file 			value='images/xdining.jpg'>\
					<param name=inits 			value='ptviewer:showHS()'> \
					<param name=inits 			value='ptviewer:startAutoPan(.2,0,1.0)'>\
					<param name=auto			value='0.2'>\
					<param name=quality			value='6'>\
					<param name=fov				value='120'>\
					<param name=fovmin			value='30'>\
					<param name=fovmax			value='150'>\
					<param name=wait			value='images/loading-big.gif'>\
					<param name=tilt			value='0'>\
					<param name=cursor			value='MOVE'>\
					<param name=bar_x			value='278'>\
					<param name=bar_y			value='380'>\
					<param name=bar_width		value='327'>\
					<param name=bar_height		value='5'>\
					<param name=barcolor		value='666666'>\
					<param name=frame			value='images/controls.gif'>\
					<param name=\"shotspot0\" 	value=\" x774 y480 a790 b496 u'ptviewer:startAutoPan(-.2,0,1)'\">\
					<param name=\"shotspot1\" 	value=\" x794 y480 a810 b489 u'ptviewer:startAutoPan(0,1,1.0)'\">\
					<param name=\"shotspot2\" 	value=\" x794 y490 a810 b496 u'ptviewer:startAutoPan(0,-1,1.0)'\">\
					<param name=\"shotspot3\" 	value=\" x814 y480 a830 b496 u'ptviewer:startAutoPan(.2,0,1.0)'\">\
					<param name=\"shotspot4\" 	value=\" x834 y480 a850 b496 u'ptviewer:stopAutoPan()'\">\
					<param name=\"shotspot5\" 	value=\" x853 y480 a870 b496 u'ptviewer:startAutoPan(0,0,0.99)'\">\
					<param name=\"shotspot6\" 	value=\" x874 y480 a890 b496 u'ptviewer:startAutoPan(0,0,1.01)'\">\
					</applet>\
					<p class='caption'><strong>360&deg; view of the spectacular dining room in Albert Apartment.</strong></p>\
			<p class='caption'>Click and drag your mouse to move around the image or use the control panel. Press A and Z keys to zoom in and out.</p>\
			<p class='close'><a href='#' class='simplemodal-close'><img src='images/close.gif' width='66' height='22' alt='close'></a></p>",
			{onOpen: modalOpen, onClose: modalClose, close: false});
	});

	$('a#bathroom360').click(function (e) {
		e.preventDefault();
		$.modal("<applet archive=ptviewer.jar code=ptviewer.class codebase='media' width=900 height=500>\
					<param name=file 			value='images/xbathrm.jpg'>\
					<param name=inits 			value='ptviewer:showHS()'> \
					<param name=inits 			value='ptviewer:startAutoPan(.2,0,1.0)'>\
					<param name=auto			value='0.2'>\
					<param name=quality			value='6'>\
					<param name=pan				value='140'>\
					<param name=tilt				value='140'>\
					<param name=fov				value='120'>\
					<param name=fovmin			value='30'>\
					<param name=fovmax			value='120'>\
					<param name=wait			value='images/loading-big.gif'>\
					<param name=tilt			value='0'>\
					<param name=cursor			value='MOVE'>\
					<param name=bar_x			value='278'>\
					<param name=bar_y			value='380'>\
					<param name=bar_width		value='327'>\
					<param name=bar_height		value='5'>\
					<param name=barcolor		value='666666'>\
					<param name=frame			value='images/controls.gif'>\
					<param name=\"shotspot0\" 	value=\" x774 y480 a790 b496 u'ptviewer:startAutoPan(-.2,0,1)'\">\
					<param name=\"shotspot1\" 	value=\" x794 y480 a810 b489 u'ptviewer:startAutoPan(0,1,1.0)'\">\
					<param name=\"shotspot2\" 	value=\" x794 y490 a810 b496 u'ptviewer:startAutoPan(0,-1,1.0)'\">\
					<param name=\"shotspot3\" 	value=\" x814 y480 a830 b496 u'ptviewer:startAutoPan(.2,0,1.0)'\">\
					<param name=\"shotspot4\" 	value=\" x834 y480 a850 b496 u'ptviewer:stopAutoPan()'\">\
					<param name=\"shotspot5\" 	value=\" x853 y480 a870 b496 u'ptviewer:startAutoPan(0,0,0.99)'\">\
					<param name=\"shotspot6\" 	value=\" x874 y480 a890 b496 u'ptviewer:startAutoPan(0,0,1.01)'\">\
					</applet>\
					<p class='caption'><strong>360&deg; view of a bathroom in Albert Apartment with jacuzzi bath.</strong></p>\
			<p class='caption'>Click and drag your mouse to move around the image or use the control panel. Press A and Z keys to zoom in and out.</p>\
			<p class='close'><a href='#' class='simplemodal-close'><img src='images/close.gif' width='66' height='22' alt='close'></a></p>",
			{onOpen: modalOpen, onClose: modalClose, close: false});
	});

	$('a#living360').click(function (e) {
		e.preventDefault();
		$.modal("<applet archive=ptviewer.jar code=ptviewer.class codebase='media' width=900 height=500>\
					<param name=file 			value='images/xliving.jpg'>\
					<param name=inits 			value='ptviewer:showHS()'> \
					<param name=inits 			value='ptviewer:startAutoPan(.2,0,1.0)'>\
					<param name=auto			value='0.2'>\
					<param name=quality			value='6'>\
					<param name=fov				value='120'>\
					<param name=fovmin			value='30'>\
					<param name=fovmax			value='150'>\
					<param name=wait			value='images/loading-big.gif'>\
					<param name=tilt			value='0'>\
					<param name=cursor			value='MOVE'>\
					<param name=bar_x			value='278'>\
					<param name=bar_y			value='380'>\
					<param name=bar_width		value='327'>\
					<param name=bar_height		value='5'>\
					<param name=barcolor		value='666666'>\
					<param name=frame			value='images/controls.gif'>\
					<param name=\"shotspot0\" 	value=\" x774 y480 a790 b496 u'ptviewer:startAutoPan(-.2,0,1)'\">\
					<param name=\"shotspot1\" 	value=\" x794 y480 a810 b489 u'ptviewer:startAutoPan(0,1,1.0)'\">\
					<param name=\"shotspot2\" 	value=\" x794 y490 a810 b496 u'ptviewer:startAutoPan(0,-1,1.0)'\">\
					<param name=\"shotspot3\" 	value=\" x814 y480 a830 b496 u'ptviewer:startAutoPan(.2,0,1.0)'\">\
					<param name=\"shotspot4\" 	value=\" x834 y480 a850 b496 u'ptviewer:stopAutoPan()'\">\
					<param name=\"shotspot5\" 	value=\" x853 y480 a870 b496 u'ptviewer:startAutoPan(0,0,0.99)'\">\
					<param name=\"shotspot6\" 	value=\" x874 y480 a890 b496 u'ptviewer:startAutoPan(0,0,1.01)'\">\
						</applet>\
					<p class='caption'><strong>360&deg; view of the living room in Albert Apartment with views to Stirling Castle.</strong></p>\
			<p class='caption'>Click and drag your mouse to move around the image or use the control panel. Press A and Z keys to zoom in and out.</p>\
			<p class='close'><a href='#' class='simplemodal-close'><img src='images/close.gif' width='66' height='22' alt='close'></a></p>",
			{onOpen: modalOpen, onClose: modalClose, close: false});
	});
});