// --------------------------------------------------------------------------------
// effettua effetto fade delle immagini nel div #faded
// ignorato da paolo perchè sostituito con cross-slide di jquery
// libreria: <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
// libreria: <script type="text/javascript" src="js/jquery.faded.js"></script>

$(document).ready(function(){
/*	$("#faded").faded({
			speed: 500,
			crossfade: true,
			loading: true,
			loadingimg: "images/ajax-loader.gif",
			autoplay: 7000,
			autopagination:false
	});

*/


// --------------------------------------------------------------------------------
// effettua la trasformazione degli elementi input nei forms
// ignorato da paolo	nel div #search-form
// libreria: <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
// libreria: <script type="text/javascript" src="js/jquery.jqtransform.js"></script>
	$('#rent-form, #contacts-form').jqTransform({imgPath:'jqtransformplugin/img/'});
	});
// --------------------------------------------------------------------------------
// effettua il cross-slide dell'header nel div #crossslide
// libreria: <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
// libreria: <script type="text/javascript" src="js/jquery.cross-slide.min.js"></script>
// libreria: #crossslide in style.css
jQuery(function($) {
	$('#crossslide').crossSlide({
	  fade: 1
	}, [
	  {
		src:  'images/slide-1.jpg',
		href: 'http://www.tropis.it/',
		from: '30% 30% 1.2x',
		to:   '0% 70% 0.9x',
		time: 6
	  }, {
		src:  'images/slide-2.jpg',
		href: 'http://www.tropis.it/',
		from: '70% 50% 1.2x',
		to:   '0% 70% 0.7x',
		time: 4
	  }, {
		src:  'images/slide-3.jpg',
		href: 'http://www.tropis.it/',
		from: '100% 80% 1.9x',
		to:   '80% 0% 1x',
		time: 4
	  },{
		src:  'images/slide-4.jpg',
		href: 'http://www.tropis.it/',
	from: '30% 30% 1.2x',
		to:   '0% 70% 0.9x',
		time: 4
	  }, {
		src:  'images/slide-5.jpg',
		href: 'http://www.tropis.it/',
		from: 'top right',
		to:   'bottom left',
		time: 4
	  }, {
		src:  'images/slide-6.jpg',
		href: 'http://www.tropis.it/',
		from: '100% 80% 1.9x',
		to:   '80% 0% 1.1x',
		time: 4
	  }
	]);
});

// --------------------------------------------------------------------------------
// effettua l'effetto lightbox ai link (a) nel tag div #flickr
// libreria: <script type="text/javascript" src="js/jquery-1.4.2.min.js"></script>
// libreria: <script type="text/javascript" src="js/jquery.lightbox-0.5.js"></script>
// libreria: <link rel="stylesheet" type="text/css" href="css/jquery.lightbox-0.5.css" media="screen" />
// libreria: 5 imaggini (lightbox-****.jpg) in /images
$(function() {
        $('#flickr a').lightBox();
    });
$(function() {
        $('#bookingbox a').lightBox();
    });
    
$(function() {
        $('#danonperdere a').lightBox();
    })    

// Colorbox
$(document).ready(function(){
			//Examples of how to assign the ColorBox event to elements
			$("a[rel='example1']").colorbox();
			$("a[rel='example2']").colorbox({transition:"fade"});
			$("a[rel='example3']").colorbox({transition:"none", width:"75%", height:"75%"});
			$("a[rel='example4']").colorbox({slideshow:true});
			$(".example5original").colorbox(); // finestra dinamica nelle dimenzioni
			$(".example5").colorbox({width:"62%", height:"62%"});
			$(".example6").colorbox({iframe:true, innerWidth:425, innerHeight:344});
			$(".example7").colorbox({width:"80%", height:"80%", iframe:true});
			$(".example8").colorbox({width:"50%", inline:true, href:"#inline_example1"});
			$(".example9").colorbox({
				onOpen:function(){ alert('onOpen: colorbox is about to open'); },
				onLoad:function(){ alert('onLoad: colorbox has started to load the targeted content'); },
				onComplete:function(){ alert('onComplete: colorbox has displayed the loaded content'); },
				onCleanup:function(){ alert('onCleanup: colorbox has begun the close process'); },
				onClosed:function(){ alert('onClosed: colorbox has completely closed'); }
			});
			
			//Example of preserving a JavaScript event for inline calls.
			$("#click").click(function(){ 
				$('#click').css({"background-color":"#f00", "color":"#fff", "cursor":"inherit"}).text("Open this window again and this message will still be here.");
				return false;
			});
		});
// end colorbox