$(document).ready(function() {
	/* img gradient overlay */
	var gradientImages = $('.teaser.third').children().children('img');
	var overlay = '<span class="overlay"></span>';
	$(gradientImages).wrap('<div class="overlayWrap"></div>');
	gradientImages.each(function (){
		$(this).parent().append(overlay);
	});
	
	/* langSwitch */
	var langHandler = $('#langSwitch');
	var langArrow = '<span class="langArrow"></span>';
	langHandler.append(langArrow);
	langHandler.children().children().not('.active').hide();
	
	langHandler.hover(function () {
		$(this).removeClass('closed').children().children().show();
	},function () {
		$(this).addClass('closed').children().children().not('.active').hide();
	});
	
	/*
	$('span.overlay').hover(function () {
		$(this).fadeOut();
	},function () {
		$(this).fadeIn();
	});
	*/
	
	/*
	var oWidth = $('ul.teaser.fifth li').children('img').width();
	var oHeight = $('ul.teaser.fifth li').children('img').height();
	var zoom = 10;

	
	$('ul.teaser.fifth li').children('img').hover(function(){
		$(this).stop().animate({
			width: (oWidth + zoom) +'px',
			height: (oHeight + zoom) +'px',
			marginLeft: '+=-5px',
			marginTop: '+=-7px'
		},100);
		}, function(){
		$(this).stop().animate({
			width: oWidth +'px',
			height: oHeight +'px',
			marginLeft: '+=5px',
			marginTop: '+=7px'
		},100);
	});
	*/
	
	// homepage
	$('#hometeaser .col').hover(function() {
		$(this).stop().clearQueue().animate({width:500, opacity:1}, 700);
		$(this).siblings('.col').stop().clearQueue().animate({width:400, opacity:.7}, 700);
	//});
	}, function() {
	//$('#hometeaser').mouseleave(function() {
		$('#hometeaser .col').stop().clearQueue().animate({width:450, opacity:1}, 700);
	});
	
	// image switch on product page
	$('#bigProdImg').append($('<div class="loading">').css('display', 'none'));
	$('#moreImages a').click(function() {
		var src = $(this).attr('href');
		var alt = $(this).find('img').attr('alt');
		var num = $(this).data('num');
		var img = $('#prodimage'+num);
		
		// load image
		if (img.length == 0) {
			img = $('<img>').attr({
				id:'prodimage'+num,
				src:src,
				alt:alt
			}).css('display', 'none').addClass('pending');
			$('#bigProdImg').append(img);
			$('#bigProdImg .loading').fadeIn();
			img.load(function() { showImage(); });
		} else {
			img.addClass('pending');
			showImage();
		}
		
		$('#moreImages li').removeClass('active');
		$(this).closest('li').addClass('active');
		return false;
	});
	
	function showImage() {
		var img = $('#bigProdImg img.pending');
		$('#bigProdImg img').css('z-index', 'auto');
		$('#bigProdImg img.current').css('z-index', 1).removeClass('current');
		$(img).hide().css('z-index', 2).removeClass('pending').addClass('current').fadeIn();
		$('#bigProdImg .loading:visible').fadeOut();
	}
	
	// material thumbs
	$('#variations li').hover(function() {
		/*$(this).append($('<div class="hoverimage">').css('background-image', 'url('+ $(this).data('image') + ')'));*/
		$(this).append($('<div class="hoverimage">').css('background-image', $(this).css('background-image')));
	}, function() {
		$(this).find('.hoverimage').remove();
	});
});