/*
<div class="navigator">
	<div class="prev" id="prev-slide">
		<a href="#" id="prev-slide-click">
			<img src="images/prev-slide.png" alt="prossima" />
		</a>
	</div>
	<div id="cnt-thumbs-wrap">
		<ul id="cnt-thumbs"></ul>
	</div>
	<div class="next" id="next-slide">
		<a href="#" id="next-slide-click">
			<img src="images/next-slide.png" alt="precedente" />
		</a>
	</div>
</div>
*/


function initCycleHeader()
{
	var navigatorCode = $('<div class="navigator" style="display:none"> <div class="prev" id="prev-slide"> <a href="#" id="prev-slide-click"> <img src="'+_urlBase+'/images/prev-slide.png" alt="prossima" /> </a> </div> <div id="cnt-thumbs-wrap"> <ul id="cnt-thumbs"></ul> </div> <div class="next" id="next-slide"> <a href="#" id="next-slide-click"> <img src="'+_urlBase+'/images/next-slide.png" alt="precedente" /> </a> </div> </div>');
	var managerCode = $('<div id="hgalleryManager" style="position: absolute; bottom: 0; width: 100%; height 50px; z-index: 999; text-align: center; color: #fff">' +
						' <a id="hgalleryManagerPrev" href="#" style="position: absolute; left: 5px; bottom: 5px;"> <span class="H">prev</span> </a> ' +
						' <a id="hgalleryManagerPause" href="#" style="display: block; margin: auto; margin-bottom: 5px; width: 48px; height: 48px; background-image: url(/images/pause-icon.png)"> <span class="H">pausa</span> </a> ' +
						' <a id="hgalleryManagerNext" href="#" style="position: absolute; right: 5px; bottom: 5px"> <span class="H">next</span> </a> ' +
						'</div>');
						
	

	$("#header").append(navigatorCode);
	$("#hgallery").append(managerCode);
	
	$("#hgalleryManagerPrev").css( {
		height: "48px",
		width: "48px",
		"background-image": "url(/images/prev-icon.png)"
	});

	$("#hgalleryManagerNext").css( {
		height: "48px",
		width: "48px",
		"background-image": "url(/images/next-icon.png)"
	});
	
	$("#hgalleryManagerPause").click( function() {
		if( $(this).hasClass("paused") ) {
			$(this).removeClass("paused");
			$(this).css("background-image", "url(/images/pause-icon.png)");
			
		//	$("#hgalleryManagerPrev").hide();
		//	$("#hgalleryManagerNext").hide();
			
		} else {
			$(this).addClass("paused");
			$(this).css("background-image", "url(/images/play-icon.png)");
			
		//	$("#hgalleryManagerPrev").show();
		//	$("#hgalleryManagerNext").show();
		}
		$('#hgalleryImgs').cycle('toggle');
		return false;
	});
	
	$("#hgalleryManagerNext").click( function() {
		if( ! $("#hgalleryManagerPause").hasClass("paused") ) {
			$("#hgalleryManagerPause").click();
		}
		$('#hgalleryImgs').cycle('next');
		return false;
	});
	
	$("#hgalleryManagerPrev").click( function() {
		if( ! $("#hgalleryManagerPause").hasClass("paused") ) {
			$("#hgalleryManagerPause").click();
		}
		$('#hgalleryImgs').cycle('prev');
		return false;
	});

	var totalImageGallery = $('#hgallery img').size();
        var totalImageThumbnailed = 0;
	
	$('#hgalleryImgs').cycle( {
		fx: 'fade',
		pager:  '#cnt-thumbs',
		pagerAnchorBuilder: function(idx, slide)  
		{ 
			var thbsrc = slide.src;
			var ret = '<li id="thumbs-img'+idx+'" class="thumbs-img"><a  href="#"><img  src="'+thbsrc+'" width="34" height="34" /></a></li>';
			totalImageThumbnailed++;
                        if( totalImageThumbnailed == totalImageGallery ) {
				$("#header .navigator").fadeIn(2000);
			} 
			return ret;
		}
	});
	
	//$("#header .navigator").fadeIn();

	var liMarginLeft = parseInt( $($("#cnt-thumbs li").get(0)).css("margin-left").replace("px",""), 10 );
	var liMarginRight = parseInt( $($("#cnt-thumbs li").get(0)).css("margin-right").replace("px",""), 10 );
	var liWidth = $("#cnt-thumbs li").get(0).offsetWidth + liMarginLeft + liMarginRight;
	var liSize = $("#cnt-thumbs li").size() * liWidth;
	$("#cnt-thumbs").width(liSize);
	
	$("#prev-slide-click").click( function() {
		$("#cnt-thumbs-wrap").scrollTo( {top:'0px', left:'-=38'}, 800 );
		return false;
	});
	
	$("#next-slide-click").click( function() {
		$("#cnt-thumbs-wrap").scrollTo( {top:'0px', left:'+=38'}, 800 );
		return false;
	});

}


function insertClock(id,clocksize) {
	
	var html = '<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" CODEBASE="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,0,0" WIDTH="'+clocksize+'" HEIGHT="'+clocksize+'">\n' +
		'<PARAM NAME="movie" VALUE="http://www.gheos.net/js/clock/clock.swf">\n' +
		'<PARAM NAME="quality" VALUE="high">' +
		// '<PARAM NAME="bgcolor" VALUE="#FFFFFF">');
		'<PARAM NAME="wmode" VALUE="transparent">' +
		'<PARAM NAME="menu" VALUE="false">' +
		'<EMBED SRC="http://www.gheos.net/js/clock/clock.swf" WIDTH="'+clocksize+'" HEIGHT="'+clocksize+'" QUALITY="high" WMODE="transparent" MENU="false"></EMBED>' +
		'</OBJECT>';

	$("#"+id).html(html);
}

$(document).ready(function() {

	$( "#datacalendario" ).datepicker({
		 dateFormat: 'dd/mm/yy',
		onSelect: function(dateText, inst) {
			var d = dateText.split("/");
			$("#fromday").val(d[0]);
			$("#frommonth").val(d[1]);
			$("#fromyear").val(d[2]);
		}
	});

	$("#toggleCalendar").click( function() {
		if( $("#ui-datepicker-div:visible").size() > 0 ) {
			$( "#datacalendario" ).datepicker( "hide" );
		} else {
			$( "#datacalendario" ).datepicker( "show" );
		}
	});
	
	$(".Hj").hide();
	//return;

	//insertClock("clock",58);
	draw_clock("clock", 57);
	
	/*
	$("#prenotazione").click( function() {
		if( $("#prenotazione_content").hasClass("open") ) {
			$(this).css("background-image", "url( "+_urlBase+"/images/prenotaButton.png)");
		} else {
			$(this).css("background-image", "url( "+_urlBase+"/images/prenotaButton2.png)");
		}

		$("#prenotazione_content").slideToggle('fast', function() {
			if( $(this).hasClass("open") ) {
				$(this).removeClass("open");
			} else {
				$(this).addClass("open");
			}
		});
	});
	*/
	
	
	var totalImageGallery = $('#hgallery img').size();
	var totalImageCached = 0;
	
	 $('#hgallery img').cacheImage({
		complete: function(e) { 
			totalImageCached++;
			if( totalImageCached == totalImageGallery )
			{
				initCycleHeader();
			}
		}
	});
});