function initMenus()
{
	$('ul#accordion div').hide();

	$('ul#accordion li:first div').show();
	$('ul#accordion li img').live("mouseup",
		function()
		{
			var checkElement = $(this).next();
			if((!$(checkElement).is(':visible'))) {
				if ($.browser.msie && $.browser.version.substr(0,1)<7)
				{
					$('ul#accordion div:visible').hide();
					$(checkElement).show();
				}
				else
				{
					$('ul#accordion div:visible').slideUp('normal');
					$(checkElement).slideDown('normal');
				}
				return false;
			}
		}
	);
}


(function($) {

$.fn.pngFix = function(settings) {

	// Settings
	settings = jQuery.extend({
		blankgif: 'image/blank.gif'
	}, settings);

	var ie55 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 5.5") != -1);
	var ie6 = (navigator.appName == "Microsoft Internet Explorer" && parseInt(navigator.appVersion) == 4 && navigator.appVersion.indexOf("MSIE 6.0") != -1);
	if (jQuery.browser.msie && (ie55 || ie6)) {

		//fix images with png-source
		jQuery(this).find("img[src$=.png]").each(function() {

			jQuery(this).attr('width',jQuery(this).width());
			jQuery(this).attr('height',jQuery(this).height());

			var prevStyle = '';
			var strNewHTML = '';
			var imgId = (jQuery(this).attr('id')) ? 'id="' + jQuery(this).attr('id') + '" ' : '';
			var imgClass = (jQuery(this).attr('class')) ? 'class="' + jQuery(this).attr('class') + '" ' : '';
			var imgTitle = (jQuery(this).attr('title')) ? 'title="' + jQuery(this).attr('title') + '" ' : '';
			var imgAlt = (jQuery(this).attr('alt')) ? 'alt="' + jQuery(this).attr('alt') + '" ' : '';
			var imgAlign = (jQuery(this).attr('align')) ? 'float:' + jQuery(this).attr('align') + ';' : '';
			var imgHand = (jQuery(this).parent().attr('href')) ? 'cursor:hand;' : '';
			if (this.style.border) {
				prevStyle += 'border:'+this.style.border+';';
				this.style.border = '';
			}
			if (this.style.padding) {
				prevStyle += 'padding:'+this.style.padding+';';
				this.style.padding = '';
			}
			if (this.style.margin) {
				prevStyle += 'margin:'+this.style.margin+';';
				this.style.margin = '';
			}
			var imgStyle = (this.style.cssText);

			strNewHTML += '<span '+imgId+imgClass+imgTitle+imgAlt;
			strNewHTML += 'style="position:relative;white-space:pre-line;display:inline-block;background:transparent;'+imgAlign+imgHand;
			strNewHTML += 'width:' + jQuery(this).width() + 'px;' + 'height:' + jQuery(this).height() + 'px;';
			strNewHTML += 'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader' + '(src=\'' + jQuery(this).attr('src') + '\', sizingMethod=\'scale\');';
			strNewHTML += imgStyle+'"></span>';
			if (prevStyle != ''){
				strNewHTML = '<span style="position:relative;display:inline-block;'+prevStyle+imgHand+'width:' + jQuery(this).width() + 'px;' + 'height:' + jQuery(this).height() + 'px;'+'">' + strNewHTML + '</span>';
			}

			jQuery(this).hide();
			jQuery(this).after(strNewHTML);

		});

		// fix css background pngs
		jQuery(this).find("*").each(function(){
			var bgIMG = jQuery(this).css('background-image');
			if(bgIMG.indexOf(".png")!=-1){
				var iebg = bgIMG.split('url("')[1].split('")')[0];
				jQuery(this).css('background-image', 'none');
				jQuery(this).get(0).runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + iebg + "',sizingMethod='scale')";
			}
		});
		
		//fix input with png-source
		jQuery(this).find("input[@src$=.png]").each(function() {
			var bgIMG = jQuery(this).attr('src');
			jQuery(this).get(0).runtimeStyle.filter = 'progid:DXImageTransform.Microsoft.AlphaImageLoader' + '(src=\'' + bgIMG + '\', sizingMethod=\'scale\');';
   		jQuery(this).attr('src', settings.blankgif)
		});
	
	}
	
	return jQuery;

};

})(jQuery);


(function($) {

$.fn.innerfade = function(options) {

	this.each(function(){ 	
		
		var settings = {
			animationtype: 'fade',
			speed: 'normal',
			timeout: 2000,
			type: 'random',
			containerheight: 'auto',
			runningclass: 'innerfade'
		};
		
		if(options)
			$.extend(settings, options);
		
		var container = this;
		var slideCount = settings.slideContents.length;
		slideArray = new Array();
		for( var i = 0; i < settings.slideContents.length; i++ )
		{
			var tmpArray = new Array( settings.slideContents[i], 0 );
			slideArray.push( tmpArray );
		}
		
		//should contain only one element, the default which would show if no javascript was present...
		elements = $(this).children();
		
		if( slideArray.length > 1 )
		{
			$.innerfade.chainload( container, slideArray, 1 );
		}
		
	
		if( settings.slideContents.length > 1 )
		{
		
			$(container).css('position', 'relative');
	
			$(container).css('height', settings.containerheight);
			//$(container).addClass(settings.runningclass);
			
			for ( var i = 0; i < elements.length; i++ ) {
				$(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute');
				$(elements[i]).hide();
			};
		
			

				setTimeout(function(){
					$.innerfade.next( container, settings, 1, 0);
				}, settings.timeout);
				$(elements[0]).show();

		}
		
	});
};


$.innerfade = function() {}

$.innerfade.chainload = function( container, slideArray, current )
{
	if( current <= slideArray.length-1 )
	{
		$(container).append("<li></li>");
		els = $(container).children();
		//append the latest slide
		$(els[els.length-1]).html( slideArray[current][0] );
		
		//if an image is found in the current slide, defer adding the next slide until this slide is loaded. Otherwise, load the next
		//so the first case will be the one fired for most slideshows.
		if( $(els[els.length-1]).find( "img" ) )
		{		
			
			$(els[els.length-1]).find( "img" ).load( function() { $.innerfade.chainload( container, slideArray, current + 1) } );
		}
		else
		{
			$.innerfade.chainload( container, slideArray, current + 1);
		}
	}
}
$.innerfade.next = function ( slideshowContainer, settings, current, last) {

	//get accurate list of container's children, based on # successfully loaded.
	var elements = $(slideshowContainer).children();
	for ( var i = 0; i < elements.length; i++ ) {
				$(elements[i]).css('z-index', String(elements.length-i)).css('position', 'absolute');
				//$(elements[i]).hide();
				
			};

	if( elements.length > 1 )
	{
		
			
		$(elements[last]).fadeOut(settings.speed);

		$(elements[current]).fadeIn(settings.speed);
		
		if( current == 3 )
	  {
			var checkElement = $('ul#accordion li:nth-child(2) div');

			if ($.browser.msie && $.browser.version.substr(0,1)<7)
				{
					$('ul#accordion div:visible').hide();
					$(checkElement).show();
				}
				else
				{
					$('ul#accordion div:visible').slideUp('normal');
					$(checkElement).slideDown('normal');
				}
		}
		if( current == 4 )
		{
			var checkElement = $('ul#accordion li:nth-child(3) div');

			$('ul#accordion div:visible').slideUp('normal');
			checkElement.slideDown('normal');
		}
		//var timer = settings.speed;
		//$(elements[last]).animate({ opacity: 0}, timer );
    //$(elements[last]).queue(function ()
    //{
			//$(elements[current]).animate({ opacity: 1}, timer );
			//$(elements[current]).queue(function ()
			//{
				//$(this).dequeue();
			//});
    	//$(this).dequeue();
    //});
		
	
		

		if ( ( current + 1 ) < elements.length ) {
			current = current + 1;
			last = current - 1;
		} else {
			current = 0;
			last = elements.length - 1;
		};

		
		setTimeout((function(){$.innerfade.next(slideshowContainer, settings, current, last);}), settings.timeout);
		
	}
	else
		{
			
			setTimeout(function(){
					$.innerfade.next( slideshowContainer, settings, 1, 0);
				}, 1000);
		}
};
})(jQuery);

//the first element in this list needs to be included explicitly in the HTML, for more graceful degrading...
var contents = new Array(
'<img src="./image/front/image1.jpg" width="650" height="310" alt="Image 1" title="Vegetable Seller, Campo dei Fiori, Roma, Winter 2006">',
'<img src="./image/front/image4.jpg" width="650" height="310" alt="Image 2" title="Path viewed from Orvieto, Winter 2006">',
'<img src="./image/front/image5.jpg" width="650" height="310" alt="Image 3" title="Cat, Bagnoreggio, Winter 2006">',
'<img src="./image/front/image2.jpg" width="650" height="310" alt="Image 4" title="Tarp, Giardino di Boboli, Firenze, Winter 2006">',
'<img src="./image/front/image6.jpg" width="650" height="310" alt="Image 5" title="View from Ravello, Winter 2006">',
'<img src="./image/front/image3.jpg" width="650" height="310" alt="Image 5" title="View from Ravello, Winter 2006">'
);
$(document).ready(
	function(){
	$(document).pngFix();

  // Every six seconds execute the switchSlide() function
  $('ul#slideshow').innerfade({
						speed: 1500,
						timeout: 8000,
						type: 'sequence',
						containerheight: '310px',
						slideContents: contents
					});
	initMenus();
	

});