/*
Document ready function
 */	
$(document).ready(function(){
	//Detect IE and document mode
	var mode=document.compatMode;
	if(mode=='BackCompat' && $.browser.msie){  
		$('div#campaign').addClass('ie-quirks'); 
		}
	if ($.browser.msie && $.browser.version <= 6 ){  
	$('div#campaign').addClass('ie6');
		} 
	//poll lempi height
	var pollHeight = $('#campaign #poll-lempi-result').height();
	$('#campaign #poll-lempi').height(pollHeight);
	//IE Quirks mode wdch column equal height
	var wdchHeight = $('.wdch_products').height();
	$('#campaign.ie-quirks .wdch #wdch').css('height',wdchHeight+1);
	//Lempi video inline enlarge					 
	// Adds video
	var thumbImage = $('#video-image').attr('src');
	var winHeight = $(document).height();
	$('<div id="overlay" class="overlay-close"></div>').appendTo('body');
	$('#video-image').click(function() {
		var largeImage = $('#lempi-video-holder').children('a').attr('href');
		$('#video-image').attr('src', largeImage);
		$('#lempi-video-holder').animate({
			width: "896px",
			height: "520px",
			left: "-610px"
			}, 100, function() {
				var flashvars = {
				videoURL: "Lempi_story_en.flv",
				videoImage: "../file/spring2011_img/$file/Lempi_story_video.jpg",
				autoPlay: "true"
			};
			
			var params = {
				menu: "false",
				scale: "noScale",
				allowFullscreen: "true",
				allowScriptAccess: "always"
			};
			
			var attributes = {};
			
			swfobject.embedSWF('../file/spring2011_flash/$file/Iittala_videoplayer.swf', 'lempi-video', '896', '504', '9.0.28' , "expressInstall.swf", flashvars, params, attributes);
			$('#video-image').fadeOut();
		});					
		$('#overlay').css('display','block');
		$('#overlay').css('height',winHeight);					
		return false;
	});
	// Removes video
	$('.overlay-close').click(function() {
		$('#lempi-video-holder').animate({
			width: "285px",
			height:"183px",
			left:"0"
			});
		$('#video-image').fadeIn();
		$('#video-image').attr('src', thumbImage);
		$('#lempi-video').remove();
		$('#lempi-video-holder').append('<div id="lempi-video"></div>');
		$('#overlay').css('display','none');
		$('#overlay').css('height','0');
		
		return false;
	});
	// Vitriini box carousel 108x108mm
	$('div#vitriini-box-108x108mm a.thumbnail').click(function(){
		var activeEl = $('#vitriini-box-108x108mm #largeImg').find('.active').attr('id');
		var elId = $(this).attr('title');
		var elLink = $(this).attr('href');
		if (activeEl != elId){
			var elShareLink = $('#vitriini-box-108x108mm iframe').attr('src').replace(activeEl, elId);
			var productName = $('#'+elId+' img').attr('alt');									
			$('#vitriini-box-108x108mm #largeImg .active').fadeOut(800);
			$('#vitriini-box-108x108mm #largeImg li').removeClass('active');
			$('#vitriini-box-108x108mm #largeImg').find('#'+elId).fadeIn(800);
			$('#vitriini-box-108x108mm #largeImg').find('#'+elId).addClass('active');
			$('#vitriini-box-108x108mm #largeImg').find('.product_description').html('<strong>Vitriini</strong> box 108 x 108 mm '+productName);					
			$('#vitriini-box-108x108mm .buy').attr('href', elLink);
			$('#vitriini-box-108x108mm iframe').attr('src', elShareLink);
		}
		return false;				
	});	
	// Change product name
	$('div#vitriini-box-108x108mm a.thumbnail').hover(function(){
		var elId = $(this).attr('title');
		var productName = $('#vitriini-box-108x108mm #largeImg').find('#'+elId).attr('alt');
		$('#vitriini-box-108x108mm .product_description').css('display','none');
		$('#vitriini-box-108x108mm .product_description_hover').css('display','block');			
	}, function(){
		$('#vitriini-box-108x108mm .product_description_hover').css('display','none');
		$('#vitriini-box-108x108mm .product_description').css('display','block');
	});
	// Vitriini box carousel 60x60mm
	$('div#vitriini-box-60x60mm a.thumbnail').click(function(){
		var activeEl = $('#vitriini-box-60x60mm #largeImg1').find('.active').attr('id');
		var elId = $(this).attr('title');
		var elLink = $(this).attr('href');
		if (activeEl != elId){
			var elShareLink = $('#vitriini-box-60x60mm iframe').attr('src').replace(activeEl, elId);
			var productName = $('#'+elId+' img').attr('alt');					
			$('#vitriini-box-60x60mm #largeImg1 .active').fadeOut(800);
			$('#vitriini-box-60x60mm #largeImg1 li').removeClass('active');
			$('#vitriini-box-60x60mm #largeImg1').find('#'+elId).fadeIn(800);
			$('#vitriini-box-60x60mm #largeImg1').find('#'+elId).addClass('active');
			$('#vitriini-box-60x60mm #largeImg1').find('.product_description').html('<strong>Vitriini</strong> box 60 x 60 mm '+productName);					
			$('#vitriini-box-60x60mm .buy').attr('href', elLink);
			$('#vitriini-box-60x60mm iframe').attr('src', elShareLink);
		}					
		return false;
	});				
	// Change product name								
	$('div#vitriini-box-60x60mm a.thumbnail').hover(function(){
		var elId = $(this).attr('title');
		var productName = $('#vitriini-box-60x60mm #largeImg1').find('#'+elId).attr('alt');
		$('#vitriini-box-60x60mm .product_description').css('display','none');
		$('#vitriini-box-60x60mm .product_description_hover').css('display','block');				
	}, function(){
		$('#vitriini-box-60x60mm .product_description_hover').css('display','none');
		$('#vitriini-box-60x60mm .product_description').css('display','block');
	});				
	//fancybox
	$('a[rel^=fancybox]').fancybox({
		'opacity'		: true,
		'transitionIn'	: 'fade',
		'transitionOut'	: 'none'
	});
	
	//jcarousel
	function mycarousel_initCallback(carousel){
		jQuery('#wdch .jcarousel-control a').bind('click', function(){
				carousel.startAuto(0);
				carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
				return false; 
		});
		
		// Disable autoscrolling if the user clicks the prev or next button.
		carousel.buttonNext.bind('click', function(){
			carousel.startAuto(0);							
		});
	
		carousel.buttonPrev.bind('click', function(){
			carousel.startAuto(0);
		});
			
		// Pause autoscrolling if the user moves with the cursor over the clip.
		carousel.clip.hover(function(){
			carousel.stopAuto();
		}, function(){
			carousel.startAuto();
		});	
	};
		
	function mycarousel_itemFirstInCallback(carousel, item, idx, state){
		$('#wdch .jcarousel-control').find('li').removeClass('selected'); //remove all the selected 
		$('#wdch .jcarousel-control').find('li').eq(idx-1).addClass('selected');
	};
	//wdch carousel
	jQuery('#mycarousel').jcarousel({
		auto: 2,
		wrap: 'last',
		itemFallbackDimension: 302,
		initCallback: mycarousel_initCallback,
		itemFirstInCallback:  mycarousel_itemFirstInCallback	
	});
	
	//interview carousel
	jQuery('#mycarousel2').jcarousel({
		 itemFallbackDimension: 590
	});
});