$(function() {
////	
// retrive some objects and store in vars

var descrizione = $('#white_box');
var fotogallery = $('#fotogallery_box');

var product_trigger = $('#show_product');
var fotogallery_trigger = $('#show_fotogallery');
var descrizione_trigger = $('#show_descr');

var context_menu_links = $('#context_menu a');
var main_title = $('.prodotti h1');
//
var all_obj;
var this_obj;

var descrizione_hidden = true;
var fotogallery_hidden = true;

////
// assegna la classe "current" al <li> padre del link cliccato
function make_it_current(all_obj, this_obj){
	all_obj.parent().removeClass('current');
	this_obj.parent().addClass('current');
}
// refresha cufon
function repl_cuf_txtColor(text_to_repl , new_color){
	Cufon.replace(text_to_repl, {
		color: new_color
	})
}

////
//
fotogallery.css('top',0); // stacking fotogallery div 
fotogallery.hide(); // hiding fotogallery div 
//
descrizione.css('top',0); // stacking descrizione div 
descrizione.hide(); // hiding descrizione div 

////
// click su "DESCRIZIONE"
descrizione_trigger.click( function(){	
	// mostro la descrizione								
	descrizione.show();	
	descrizione_hidden = false;
	// nascondo la fotogallery
	fotogallery.hide();
	var fotogallery_hidden = true;
	// cambio il colore dei link del menu e del titolo <h1>
	$(context_menu_links).css('color','#000');
	repl_cuf_txtColor(main_title, '#000');
	// diversifico il link corrente
	make_it_current(context_menu_links, descrizione_trigger);
});

// click su "NOME_PRODOTTO"
product_trigger.click( function(){
	// nascondo la descrizione							
	descrizione.hide();
	descrizione_hidden = true;
	// nascondo la fotogallery
	fotogallery.hide();
	var fotogallery_hidden = true;
	// cambio il colore dei link del menu e del titolo <h1>
	$(context_menu_links).css('color','#fff');
	repl_cuf_txtColor(main_title, '#fff');
	// diversifico il link corrente
	make_it_current(context_menu_links, product_trigger);
});

// click su "GALLERY"
fotogallery_trigger.click( function(){
	// nascondo la descrizione
	descrizione.hide();
	descrizione_hidden = true;
	// mostro la fotogallery
	fotogallery.show();
	var fotogallery_hidden = false;
	// cambio il colore dei link del menu
	$(context_menu_links).css('color','#fff');
	// diversifico il link corrente
	make_it_current(context_menu_links, fotogallery_trigger);
});

////
// 
$('#rivestimenti_box').css('display','none');

$('#close_rivestimenti').click( function(){
	$('#rivestimenti_box').css('display','none');
})

$('#show_rivestimenti').click( function(){
	$('#rivestimenti_box').css('display','block');
})
////
//
$('.washing_advices').find('img:last').addClass('last');
////
// CENTERS TOP YEARS MENU IN NEWS

var list_id;
function horizontal_list_width(list_id){
	selector_id = '#'+list_id;	
	var list = $(selector_id);	
	var list_li = list.find('li');

	var item_count = list_li.length;
	var item_width = list_li.width();
	total_width = item_count*item_width+15;	
	list_width = total_width+'px';
	
	return list_width;
}

$('#news_years').css('width', horizontal_list_width('news_years') );
////
// Sovrascrive "overflow:hidden" dato tramite css se i Javascript sono abilitati
$('.infiniteCarousel .wrapper').css('overflow','auto');


////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
// /* ADDITIONAL FEATURES per la gallery della RASSEGNA STAMPA*/
var box;
var className;
var overlay;

function createOverlay(box, className){		
	box.append('<div class="overlay_layer '+className+'" />');
	
	var overlayClass = '.'+className;	
	$overlay = $(overlayClass);
	
	var box_w = box.outerWidth()+'px';
	var box_h = box.outerHeight()+'px';
	$overlay.css({
		'width': box_w,
		'height' : box_h
	});
};

function hideOverlay(overlay){
	overlay.hide();
}
function showOverlay(overlay){
	overlay.show();
}

//// CREATE ITEM OVERLAY
var bigBox = $('.item');
var bigOverlay = 'bigOverlay';
createOverlay(bigBox, bigOverlay);
bigBox.addClass('off');
//// CREATE THUMBS OVERLAY
var smallBox = $('.thumb_rs');
var smallOverlay = 'smallOverlay';
createOverlay(smallBox, smallOverlay);
smallBox.addClass('off');

bigBox.each( function(i){
	i= i+1;
	$(this).attr('id', 'bigBox_'+i);
});

$('.thumb_rs').each( function(i){
	i= i+1;
	$(this).attr('rel', i);
});

$('.large_view').each( function(i){
	i= i+1;
	$(this).attr('rel', i+'t');
});

// START DEFAULTS
var firstView = true;
var highest_zindex = 20;
var default_zindex = 15;
boxOverlay = $('.bigOverlay');

$('#bigBox_1').find('.bigOverlay').hide();
$('.item').each( function(){
	$(this).find('.large_view').css('z-index', default_zindex);
	$(this).find('.large_view:first').css('z-index', highest_zindex);
	$(this).find('.smallOverlay:first').hide();
});

bigBox.hover(
	function() {  
		var thisBox = $(this),
			thisBoxOverlay = $(this).find('.bigOverlay'),
			thisBox_id = $(this).attr('id'),
			thisThumbs = $(this).find('.thumb_rs');
			
		boxOverlay.show();
		thisBoxOverlay.hide();
		showBig(thisBox, thisThumbs);
	  
		/* ------------------------------------------------------- console.log(thisBox_id);*/  
	},
	function(){
		//
	}
);


function showBig(thisBox, thisThumbs){
	var bigImages = thisBox.find('.large_view');
	var thumbsOverlay = thisBox.find('.smallOverlay');
	// ------------------------------------------------------- console.log('showBig fired');
	
	thisThumbs.hover(
		function(){	
			var indice = $(this).attr('rel'),
				bigToShow = $(bigImages+'[rel="'+indice+'t"]'),
				thisthumbOverlay = $(this).find('.smallOverlay');
				
			$(this).removeClass('off').addClass('on');
			
			bigImages.css('z-index', default_zindex);
			bigToShow.css('z-index', highest_zindex);
			
			thumbsOverlay.show()
			thisthumbOverlay.hide();
			
		}, 
		function(){
			$(this).removeClass('on')
		}
	);
}


////
// PAGINATORE NEWS
// crea il paginatore
$('#elenco_news').css('display','block');

var $visible_area = $('#visible_area'),
	$element_index = $visible_area.find('#element_index'),
	$element_index_li = $element_index.find('li'),
	$index_news_title = $element_index_li.find('h4 a'),
	$paginatore_block = $('#paginatore_block'),
	$arrow_left = $paginatore_block.find('#arrow_left'),
	$arrow_right = $paginatore_block.find('#arrow_right'),
	$arrow = $paginatore_block.find('.arrow'),
	$total_pag_span = $paginatore_block.find('.total'),
	$current_pag_span = $paginatore_block.find('.current'),
	scroll_amount = $visible_area.height(),
	news_per_page = 6,
	current_page =1,
	counter = 0;

$visible_area.css('overflow','hidden');

var tot_news = $element_index_li.length,
	tot_pages = Math.ceil(tot_news / news_per_page);

function slideDown(){
	$element_index.animate({
		top : '+='+scroll_amount
	});
}
function slideUp(){
	$element_index.animate({
		top : '-='+scroll_amount
	});
	
}

$total_pag_span.text(tot_pages);
$current_pag_span.text(current_page);


if(tot_pages > 1){
	$paginatore_block.css('display','block');
	// right arrow (pag +)
	$arrow_right.click( function(){	
		if (counter < (tot_pages -1)){		
			counter++;
			current_page = current_page + 1;		
			$current_pag_span.text(current_page);
			
			$arrow_left.removeClass('disabled');
			if(counter == tot_pages -1){
				$arrow_right.addClass('disabled');
			}
			
			slideUp()
		}	
	});
	// leftt arrow (pag -)
	$arrow_left.click( function(){
		if (counter >= 1){	
			counter--;
			current_page = current_page - 1;		
			$current_pag_span.text(current_page);
			
			if(counter == 0){
				$arrow_left.addClass('disabled');
			}
			if(counter == tot_pages -2){
				$arrow_right.removeClass('disabled');
			}			
			slideDown()
		}	
	});
}


$index_news_title.each( function(){
	var lunghezza_titolo = $(this).text().length;
	if(lunghezza_titolo > 38){

		var titolo_temp = $(this).text().substring(0, 38);
		titolo=titolo_temp+' ...';
		$(this).text(titolo);
	}
});

////
// NEWS SECTION
var $news_text = $('.news_text_wrapper');
var $news_trigger = $('#element_index h4 a');

$news_text.hide();
$news_text.eq(0).show();

// Se javascript abilitato devo modificare alcune proprietą css
/*$news_text.css({
	'position' : 'absolute',
	'left' : '394px',
	'top' : '144px'
});*/
$news_trigger.each( function(i){
	i= i+1;
	$(this).attr('rel', i);
});
$news_text.each( function(i){
	i= i+1;
	$(this).attr('rel', i+'t');
});


$news_trigger.click(function(){
	var triggerID = $(this).attr('rel');
	var targetID = triggerID+'t';	
	var $newsToShow = $($news_text+'[rel="'+targetID+'"]');
	
	$news_text.hide();
	$newsToShow.show();
});

////
//CONTATTI

// add class 'last' all'ultimo <li> dell'elenco dei punti vendita
var $listaPv = $('#cities_list .pv_list');
$listaPv.hide();
$connettore = $('.connettore');
$listaPv.each(function(){
	$(this).find('>li:last').addClass('last');
});

//Posiziona l'elenco dei punti vendita per ciascuna cittą nell'elenco
var $cityName = $('.city_name');

$cityName.each(function(){
	$(this).click(function(e){
		$('.city_name').removeClass('attivo');
		$(this).addClass('attivo');			   
		e.preventDefault();
		$listaPv.hide();
		$connettore.css('visibility','hidden');
		
		puntiVendita = $(this).siblings('.pv_list');
		puntiVendita.show();
		
		connettore = $(this).next('.connettore');
		connettore.css('visibility','visible');
		/*
		if(connettore.length > 0){
			puntiVendita_h = parseInt(puntiVendita.height());
			connettorYpos = parseInt(connettore.position().top);
			puntiVenditaPos = (connettorYpos - parseInt(puntiVendita_h/2));
			puntiVendita.css('top', puntiVenditaPos);
		}
		*/
	});
});
$('#contatti #box_uffici').click(function(e){
		e.preventDefault();
		$listaPv.hide();
		$connettore.css('visibility','hidden');
		$cityName.removeClass('attivo');
});


/*MODAL HOMEPAGE AUGURI NATALE 2011*/
$('#apriModal').click(function (e) {
	//console.log('1');
    e.preventDefault();
    callOverlay();
	//console.log('2');
    });
    function callOverlay() {
    	$('#overlay').modal();
	}

}); /* end of: on doc ready*/

/*MINI MODAL PLUGIN*/
jQuery.fn.modal = function() {
	return this.each(function(){
		var ah = $(this).height();
        var wh = $(window).height();
        var nh = (Math.floor(wh/2 - ah/2));
 
        var aw = $(this).width();
        var ww = $(window).width();
        var nw = (ww/2)-(aw/2) + 120;
 
        // Trim body height, append overlay, and disable scrolling (this can be undone with a custom close button)
        $("body").height(wh).css('overflow','hidden').append('<div class="overlay"><\/div>');
        $(".overlay").fadeTo("slow", .8);
        /*$(this).css({'top':nh, 'left':nw}).fadeIn("slow");*/
		$(this).css({'top': '45px', 'left':nw}).fadeIn("slow");
	});
};
