var isOverPrd = false;
var isOverIcon = false;

$(document).ready(function(){
	$('#informativa_testo').slideUp(10);
	
	$('#informativa').mouseup(function(e){
		e.preventDefault();
		if($('#informativa_testo').is(':visible')) {
			$('#informativa_testo').slideUp();
		} else {
			$('#informativa_testo').slideDown();
		}
	})
	
	$('#main_menu > ul > li').hover(function(){
		if( $(this).find('.submenu').length > 0 ) {
			var thisone = $(this);
			var thissubmenu = $(this).find('div.submenu');
			thissubmenu.show(1, function() {
				var leftpos = thisone.position().left;
				var menuW = thisone.innerWidth();
				var submenuW = thissubmenu.innerWidth();
				newleftpos = Math.floor( (leftpos + (menuW/2)) - (submenuW/2));
				thissubmenu.css('left', newleftpos+'px');
			});
//			thisone.parents('div#main_menu').css('bottom', '10px');
		}
	}, function(){
		if( $(this).find('.submenu').length > 0 ) {
			var thissubmenu = $(this).find('.submenu');
			thissubmenu.hide();
//			$(this).parents('div#main_menu').css('bottom', '10px');
		}
	})
	
	$('#search_form').submit(function(e){
		e.preventDefault();
		window.location.href = $(this).attr('action') + '&' + $(this).serialize();
		return true;
	})
	
	
	/* Hover ParabenFree */
	$('img.paraben_img').hover(function(){
		$(this).attr('src', '/images/body_parabenfree_hover.jpg');
	}, function(){
		$(this).attr('src', '/images/parabenfree.jpg');
	})
	$('img.paraben_img').mouseup(function(){
		window.location.href = '/it/hair/expert.html?post=3';
	})
	
	
	/* Prodotti: hover activable */
	$('.product_container_closeup').hover(function(){
		isOverPrd = true;
		
		var ariaProduct = $(this).attr('aria-product');
		var productContainer = $('.product_container[aria-product="' + ariaProduct + '"]');
		
		var imageNormal = productContainer.find('.product_image_normale');
		var imageBlur = productContainer.find('.product_image_blur');
		
		imageNormal.addClass('is_this_one');
		imageBlur.addClass('is_this_one');
		
		var allNormal = $('.product_image_normale').not('.is_this_one');
		var allBlur = $('.product_image_blur').not('.is_this_one');
		
		imageNormal.removeClass('is_this_one');
		imageBlur.removeClass('is_this_one');
		
		var imageNoBlur = productContainer.find('.product_image_noblur');
		
		imageNoBlur.css({
			'width': imageBlur.width(),
			'height': imageBlur.height(),
			'left': 0
		})

		/* Devo calcolare la posizione FINALE del prodotto grande non sfocato */
		var finalW = imageNoBlur[0].naturalWidth;
		var finalH = imageNoBlur[0].naturalHeight;
		var finalLeft = ( imageBlur.width() / 2 ) - ( finalW / 2 );

		productContainer.css('z-index', 501);

		allNormal.animate({'opacity': 'hide'}, 200, 'easeOutElastic');
		allBlur.animate({'opacity': 'show'}, 200, 'easeOutElastic');
		
		imageNormal.hide();
		imageNoBlur
			.animate({
				'left': finalLeft,
				'height': finalH,
				'width': finalW
			}, 200, 'easeOutElastic')
			.show()

	}, function(){
		isOverPrd = false;
		
		var ariaProduct = $(this).attr('aria-product');
		var productContainer = $('.product_container[aria-product="' + ariaProduct + '"]');
		
		var allNormal = $('.product_image_normale');
		var allBlur = $('.product_image_blur');
		var imageNoBlur = productContainer.find('.product_image_noblur');
		
		productContainer.css('z-index', 500);
		
		window.setTimeout(function(){
			if( !isOverPrd ) {
				allBlur.animate({'opacity': 'hide'}, 200, 'easeOutElastic');
				allNormal.animate({'opacity': 'show'}, 200, 'easeOutElastic');
			}
		}, 100)
			
		imageNoBlur.hide();
	})
	
	$('#body_footer_products li').not('.clearer').hover(function(){
		isOverIcon = true;
		
		var iconBlur = $(this).find('.product_icon_blur');
		iconBlur.addClass('is_this_one');
		var allBlur = $('.product_icon_blur').not('.is_this_one');
		iconBlur.removeClass('is_this_one');
		
		var iconNoBlur = $(this).find('.product_icon_noblur');
		iconNoBlur.addClass('is_this_one');
		var allNoBlur = $('.product_icon_noblur').not('.is_this_one');
		iconNoBlur.removeClass('is_this_one');
		
		iconNoBlur.css({
			'width': 0,
			'height': 0,
			'margin-top': 18,
			'margin-left': 18
		})
		
		allBlur.animate({'opacity': 'show'}, 200, 'easeOutElastic');
		allNoBlur.animate({'opacity': 'hide'}, 200, 'easeOutElastic');
		iconNoBlur
			.animate({
				'width': 25,
				'height': 25,
				'margin-top': 6,
				'margin-left': 6
			}, 300, 'easeOutElastic').show();
		iconBlur.hide();
		
	}, function(){
		isOverIcon = false;
		
		var allBlur = $('.product_icon_blur');
		var allNoBlur = $('.product_icon_noblur');
		var iconBlur = $(this).find('.product_icon_blur');
		var iconNoBlur = $(this).find('.product_icon_noblur');
		
		window.setTimeout(function(){
			if( !isOverIcon ) {
				allBlur.hide();
				allNoBlur.show();
			}
		}, 200)
	})
	
	$('div[aria-link]').mouseup(function(){
		if( ($(this).attr('aria-link').length > 0) && ($(this).attr('aria-link') != '') ) {
			window.location.href = $(this).attr('aria-link');
		}
	})
	
	/* BODY products submenu */
	if( $('.body_products_submenu').length > 0 ) {
		var bodyPrdMenuB = $('#main_menu').position().bottom;
		var bodyPrdMenuL = $('.body_products_submenu').position().left;
		var bodyPrdMenuMainW = parseInt($('.body_products_submenu').width()) + 20;
		var bodyPrdMenuW = parseInt($('.body_products_submenu_block').width());
		bodyPrdMenuL = bodyPrdMenuL + (bodyPrdMenuMainW/2) - (bodyPrdMenuW/2);
		
		
		$('.body_products_submenu_block').css({
			'bottom': bodyPrdMenuB,
			'left': bodyPrdMenuL
		})
		$('.body_products_submenu').mouseenter(function(){
			$('.body_products_submenu_block').slideDown(400);
			window.setTimeout(function(){
				$('.body_products_submenu_block').stop(true, true);
			}, 500)
		})
		$('.body_products_submenu').mouseleave(function(){
			$('.body_products_submenu_block').slideUp(400);
			window.setTimeout(function(){
				$('.body_products_submenu_block').stop(true, true);
			}, 500)
		})
		$('.body_products_submenu_block li a').hover(function(){
			var color = $(this).attr('aria-color');
			$(this).attr({
				'style': 'color: ' + color + ' !important;'
			})
		}, function(){
			$(this).attr({
				'style': ''
			})
		})
	}
	if( $('.masterline_experience_submenu').length > 0 ) {
		var bodyPrdMenuB = $('#main_menu').position().bottom;
		var bodyPrdMenuL = $('.masterline_experience_submenu').position().left;
		var bodyPrdMenuMainW = parseInt($('.masterline_experience_submenu').width());
		var bodyPrdMenuW = parseInt($('.masterline_experience_submenu_block').width());
		bodyPrdMenuL = bodyPrdMenuL + (bodyPrdMenuMainW/2) - (bodyPrdMenuW/2);
		
		
		$('.masterline_experience_submenu_block').css({
			'bottom': bodyPrdMenuB,
			'left': bodyPrdMenuL
		})
		$('.masterline_experience_submenu').mouseenter(function(){
			$('.masterline_experience_submenu_block').slideDown(400);
			window.setTimeout(function(){
				$('.masterline_experience_submenu_block').stop(true, true);
			}, 500)
		})
		$('.masterline_experience_submenu').mouseleave(function(){
			$('.masterline_experience_submenu_block').slideUp(400);
			window.setTimeout(function(){
				$('.masterline_experience_submenu_block').stop(true, true);
			}, 500)
		})
		$('.masterline_experience_submenu_block li a').hover(function(){
			$(this).attr({
				'style': 'color: #000000 !important;'
			})
		}, function(){
			$(this).attr({
				'style': ''
			})
		})
	}
})