// JavaScript Document
/*
Cufon.set('fontFamily', 'gotham');
Cufon.replace('h1, h2, h3, h4, #menu a, #submenu a,#foot a, .title, .description, p', {
			  hover: true
			  });
*/
/* DATE PICKER */
var viewerOpen = 0;

$(document).ready(function(){
	$('.googlemap').each(function(){
		var address = $(this).text();
		$(this).replaceWith('<iframe width="100%" height="360" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="http://maps.google.it/maps?q='+address+'&amp;oe=utf-8&amp;client=firefox-a&amp;ie=UTF8&amp;hq=&amp;hnear='+address+'&amp;gl=it&amp;ei=RTq3TPDOB8LIswbggN2QCQ&amp;ved=0CBsQ8gEwAA&amp;t=h&amp;z=16&amp;output=embed"></iframe><br /><small><a href="http://maps.google.it/maps?q='+address+'&amp;oe=utf-8&amp;client=firefox-a&amp;ie=UTF8&amp;hq=&amp;hnear='+address+'&amp;gl=it&amp;ei=RTq3TPDOB8LIswbggN2QCQ&amp;ved=0CBsQ8gEwAA&amp;t=h&amp;z=16&amp;source=embed" target="_blank">Visualizza la mappa su google maps</a></small>');
	});
	
		
	
	setTimeout(function(){
		$('#strillo').fadeIn(1500, function(){
										$('#strillo .box').fadeIn();
									});
	}, 1000);
	
	$('#strillo .close').click(function(){
		$('#strillo').fadeOut();
		var id = 'strillo';
		var params = {id: id, 'getExtra': true, 'getRank': true, 'getGroups': true}; 
		ajaxCall('', params, 'close_strillo', '', 'strillo', 'return_true');
		return true;
	})
	
	
	$('.display').each(function(){
		var target = $(this);
		var shown_w = target.outerWidth();
		var items_w = 0;
		var loaded = 0;
		var go = 0;
		var last_ix = 0;
		var tot = target.find('li').size();
		target.find('li').each(function(){
			var ix = target.find('.slider li').index($(this));
			items_w += $(this).outerWidth();
			if((go==0)&&(items_w>=shown_w)){
				go = 1;
				last_ix = ix;
			}
		});
		//alert('last_x: '+last_ix+' ');
		target.find('li:lt('+(last_ix+1)+')').each(function(){
			var li_img = $(this);
			li_img.css({opacity: 0});
			var src = li_img.find('img').attr('src');
			var imageLoad = new Image();
			$(imageLoad).load(function(){
								loaded++;
								//alert(loaded);
								//$(this).animate({opacity: 1});
								if(loaded == last_ix){
									//alert('ok');
									target.find('li').each(function(){
										var ix = target.find('li').index($(this));
										$(this).animate({opacity: 1}, 300*ix);
										/*setTimeout(function(){
											$(this).animate({opacity: 1});
										}, 100*ix);*/
									});
								}
							  }).attr('src', src)
		})
	})
	
	
	
	$(document).ready(function(){
		$('.display li a').click(function(){
				var ix = $('.display li a').index($(this));
				openDetail(ix);
				return false;
		});
	});
});

function openDetail(ix){
	$('#imageViewerCnt').remove();
	viewerOpen = 1;
	var dot_tot = $('#dotnav li').size();
	$('#dotnav li').removeClass('cur');
	$('#dotnav li:eq('+((dot_tot-ix)-1)+')').addClass('cur');
	var tot = $('.display li').size();
	var a_tot = $('.display a').size();
	var source =  $('.display li a:eq('+ix+')');
	var li_ix = $('.display li').index(source.parent('li'));
	li_ix = li_ix;
	var items_w = $('.display .slider').outerWidth();
	//
	if(!IPAD){
		//positionCnt($('.scrollable'), tot, items_w, li_ix);
		positionScroller(li_ix);
	}
	//
	$('#container').append('<div id="imageViewerCnt"><div id="imageLoader"><img src="'+URL_BASE+'graphics/loader.gif" class="item_big" /></div><div id="imageViewer"><div id="imageHolder"><img src="'+URL_BASE+'graphics/spacer.gif" class="item_big" /></div></div><span class="rd rounder_tl"></span><span class="rd rounder_tr"></span><span class="rd rounder_bl"></span></div>');
	var descr = source.parent().find('p').html();
	var p_class = source.parent().find('p').attr('class');
	$("#imageViewerCnt").append('<div class="infos '+p_class+'"><p>'+descr+'</p><p><a href="#" class="prev"><span>&lt;</span></a> <a href="#" class="close"><span>(X)</span></a> <a href="#" class="next"><span>&gt;</span></a></p></div>');
	$("#imageViewerCnt .next").click(function(){
		$('#imageViewerCnt').remove();
		openDetail(ix+1);
		return false;
	});
	$("#imageViewerCnt .prev").click(function(){
		$('#imageViewerCnt').remove();
		openDetail(ix-1);	
		return false;
	});
	$('#imageViewerCnt .close').click(function(){
		$('#imageViewerCnt').remove();
		viewerOpen = 0;
		return false;
	});
	if(ix == 0)
		$("#imageViewerCnt .prev").hide();
	if(ix == a_tot-1)
		$("#imageViewerCnt .next").hide();
	$("#imageViewerCnt .infos").css({opacity: 0});
	$('#imageViewer, #imageViewerCnt .rd').css({opacity: 0});
	$('#imageLoader').stop().css({opacity: 0}).animate({opacity: .5});
	var src = source.attr('href');
	var imageLoad = new Image();
	$(imageLoad).load(function(){
		$('#imageLoader').remove();
		$("#imageViewer .item_big").attr('src', src);
		$("#imageViewer, #imageViewerCnt .rd").animate({opacity: 1}, function(){
			$("#imageViewerCnt .infos").animate({opacity: .9}, 'slow');
		});
		$('#imageViewer').jScrollPane();
		$('#imageViewer .jspPane').css({top:$('#imageViewer').height() - $('#imageViewer .jspPane').outerHeight()+'px'}).animate({top: 0}, 1600);
		$('#imageViewer .jspDrag').css({top:$('#imageViewer').height() - $('#imageViewer .jspDrag').outerHeight()+'px'}).animate({top: 0}, 1600);

	}).attr('src', src);
	return false;
}



function positionScroller(ix){
	var target = $(".scrollable");
	var pos = $(".scrollable .slider li:eq("+ix+")").position();
	var pos_l = pos.left-(target.width()/2);
	var scrollbar_w = target.width();
	var tot = $(".scrollable .slider li").size();
	var scroll_unit = (scrollbar_w)/(tot-1);
	var items_w = target.find('.slider').width();
	var new_ix = Math.round(((tot-1)*pos_l)/items_w);
	if(target.hasClass('landscape'))
		var pos_l = (items_w/(tot-1))*new_ix;
	else{
		var pos_l = pos.left;
		var pad_l = target.find('li:eq('+new_ix+')').css('padding-left');
		//pad_l.replace("px", '');
		pos_l = parseInt(pos_l) + parseInt(pad_l);
	}
	
	//pos_l = (pos_l/2);
	// position container
	if(pos_l<(target.width()/4))
		pos_l = 0;
	if(pos_l<12)
		pos_l = 12;
	if((pos_l>(target.find('.slider').width() - target.width()))&&(target.hasClass('landscape')))
		pos_l = (target.find('.slider').width() - target.width());
	target.find(".slider").stop().animate({ 
		left: -pos_l + "px"
	}, "slow", "swing");
	// position scroller
		
	if(!IPAD){
		var handle = $('.scrollable .knob');
		//new_ix = Math.round(((tot-1)*pos_l)/items_w);
		//alert(new_ix);
		var endx = ix * scroll_unit;
		if(endx >= scrollbar_w - handle.width())
			endx = scrollbar_w - handle.width();
		handle.stop().animate({ 
			left: endx+ "px"
		});
	}
}

