jQuery(document).ready(function($) {
						// We only want these styles applied when javascript is enabled
						$('div.navigation').css({'width' : '380px', 'float' : 'left'});
						$('div.content').css('display', 'block');

						// Initially set opacity on thumbs and add
						// additional styling for hover effect on thumbs
						var onMouseOutOpacity = 0.67;
						$('#thumbs ul.thumbs li').opacityrollover({
							mouseOutOpacity:   onMouseOutOpacity,
							mouseOverOpacity:  1.0,
							fadeSpeed:         'fast',
							exemptionSelector: '.selected'
						});
						
						// Initialize Advanced Galleriffic Gallery
						var gallery = $('#thumbs').galleriffic({
							delay:                     2500,
							numThumbs:                 15,
							preloadAhead:              10,
							enableTopPager:            true,
							enableBottomPager:         true,
							maxPagesToShow:            7,
							imageContainerSel:         '#slideshow',
							controlsContainerSel:      '#controls',
							captionContainerSel:       '#caption',
							loadingContainerSel:       '#loading',
							renderSSControls:          true,
							renderNavControls:         true,
							playLinkText:              'Play Slideshow',
							pauseLinkText:             'Pause Slideshow',
							prevLinkText:              '‹ Previous Photo',
							nextLinkText:              'Next Photo ›',
							nextPageLinkText:          'Next ›',
							prevPageLinkText:          '‹ Prev',
							enableHistory:             false,
							autoStart:                 false,
							syncTransitions:           true,
							defaultTransitionDuration: 900,
							onSlideChange:             function(prevIndex, nextIndex) {
								// 'this' refers to the gallery, which is an extension of $('#thumbs')
								this.find('ul.thumbs').children()
									.eq(prevIndex).fadeTo('fast', onMouseOutOpacity).end()
									.eq(nextIndex).fadeTo('fast', 1.0);
							},
							onPageTransitionOut:       function(callback) {
								this.fadeTo('fast', 0.0, callback);
							},
							onPageTransitionIn:        function() {
								this.fadeTo('fast', 1.0);
							}
						});
					
							$('#windowOpen').bind(
			'click',
			function() {
				if($('#window').css('display') == 'none') {
					$(this).TransferTo(
						{
							to:'window',
							className:'transferer2', 
							duration: 400,
							complete: function()
							{
								$('#window').show();
							}
						}
					);
				}
				this.blur();
				return false;
			}
		);
		$('#windowClose').bind(
			'click',
			function()
			{
				$('#window').TransferTo(
					{
						to:'windowOpen',
						className:'transferer2', 
						duration: 400
					}
				).hide();
			}
		);
		$('#windowMin').bind(
			'click',
			function()
			{
				$('#windowContent').SlideToggleUp(300);
				$('#windowBottom, #windowBottomContent').animate({height: 10}, 300);
				$('#window').animate({height:40},300).get(0).isMinimized = true;
				$(this).hide();
				$('#windowResize').hide();
				$('#windowMax').show();
			}
		);
		$('#windowMax').bind(
			'click',
			function()
			{
				var windowSize = $.iUtil.getSize(document.getElementById('windowContent'));
				$('#windowContent').SlideToggleUp(300);
				$('#windowBottom, #windowBottomContent').animate({height: windowSize.hb + 13}, 300);
				$('#window').animate({height:windowSize.hb+43}, 300).get(0).isMinimized = false;
				$(this).hide();
				$('#windowMin, #windowResize').show();
			}
		);
		$('#window').Resizable(
			{
				minWidth: 200,
				minHeight: 60,
				maxWidth: 700,
				maxHeight: 400,
				dragHandle: '#windowTop',
				handlers: {
					se: '#windowResize'
				},
				onResize : function(size, position) {
					$('#windowBottom, #windowBottomContent').css('height', size.height-33 + 'px');
					var windowContentEl = $('#windowContent').css('width', size.width - 25 + 'px');
					if (!document.getElementById('window').isMinimized) {
						windowContentEl.css('height', size.height - 48 + 'px');
					}
				}
			}
		);

					
					
					});