var sClassWrapper = 'layer-showcase2';

jQuery(document).ready(function($) {
	// Menu
	$('.layer-menu li a[href='+location.href+']').wrap('<strong></strong>').parent().parent().addClass('active');
	
	// Showcase
	var showcaseTimer = null;
	
	$('.layer-showcase .layer-showcasecontentwrapper').css('position', 'relative').css('width', '663px').css('height', '297px');
	$('.layer-showcase li:gt(0)').hide();
	
	showcaseButtons = '';
	$('.layer-showcase ul li img').each(function() {
		if ($(this).is(':visible')) showcaseButtons += '<li><img src="skin/frontend/default/default/images_rumparooz/img_dotted-grey.gif" alt="'+$(this).attr('alt')+'" /></li>';
		else showcaseButtons += '<li><img src="skin/frontend/default/default/images_rumparooz/img_dotted-blue.gif" alt="'+$(this).attr('alt')+'" /></li>';
	});
	
	$('.layer-showcase').append('<ol>'+showcaseButtons+'</ol>');
	
	$('.layer-showcase ol img').click(function() {
		var currentButton = $(this);
		var index = $(this).parent().parent().children().index($(this).parent());
		
		clearInterval(showcaseTimer);
		
		$('.layer-showcase ol img[src$=grey.gif]').attr('src', 'skin/frontend/default/default/images_rumparooz/img_dotted-blue.gif');
		
		$('.layer-showcase ul li:visible').fadeOut(function() {
			$('.layer-showcase ul li:eq('+index+')').fadeIn(function() {
				showcaseTimer = setInterval(function() {
					var currentButton = $('.layer-showcase ol img[src$=grey.gif]');
					
					if (currentButton.parent().is(':last-child')) $('.layer-showcase ol li:first-child img').trigger('click');
					else $('img', currentButton.parent().next()).trigger('click');
				}, 5000);
			});
			
			$('.layer-showcase ol li:eq('+index+') img').attr('src', 'skin/frontend/default/default/images_rumparooz/img_dotted-grey.gif');
		});		
		
		return false;
	});
	
	showcaseTimer = setInterval(function() {
		var currentButton = $('.layer-showcase ol img[src$=grey.gif]');
		
		if (currentButton.parent().is(':last-child')) $('.layer-showcase ol li:first-child img').trigger('click');
		else $('img', currentButton.parent().next()).trigger('click');
	}, 5000);
	
	
	// Product
	$('.layer-product li')
		.css('position', 'relative')
		.css('overflow', 'hidden');
	
	$('.layer-product .layer-info')
		.css('position', 'absolute')
		.css('top', '0')
		.css('left', '0')
		.hide();
	
	$('.layer-product li').mouseenter(function() {
		$('.layer-info', this)
			.stop(false, true)
			.fadeIn();
	});
	
	$('.layer-product li').mouseleave(function() {
		$('.layer-info', this)
			.stop(false, true)
			.fadeOut();
	});
	
	
	$('.bulkpackdetails-tp').change(function() {
		if ($(this).val('0') != $(this).val()) {
			alert($(this).val());
			$('.layer-bulkpackdetails:last').after($('.layer-bulkpackdetails:last').clone());
			$('.bulkpackdetails-tp:last').remove(':lt('+($(this).val('0')-$(this).val())+')');
		}
	});
});


$j(window).load(function() {
	// Homepage
	var iMaxHeight = 0;
	$j('.layer-features ol li .layer-content').each(function() {
		iMaxHeight = $j(this).height() > iMaxHeight ? $j(this).height() : iMaxHeight;
	});
	$j('.layer-features ol li .layer-content').height(iMaxHeight);
	
	iMaxHeight = $j('.layer-frontpage .layer-left .layer-content').height() > $j('.layer-frontpage .layer-right .layer-content').height() ? $j('.layer-frontpage .layer-left .layer-content').height() : $j('.layer-frontpage .layer-right .layer-content').height();
	$j('.layer-frontpage .layer-left .layer-content').height(iMaxHeight);
	$j('.layer-frontpage .layer-right .layer-content').height(iMaxHeight);
	
	iMaxHeight = 0;
	$j('.layer-frontpage .layer-3cols-item .layer-content').each(function() {
		iMaxHeight = $j(this).height() > iMaxHeight ? $j(this).height() : iMaxHeight;
	});
	
	$j('.layer-frontpage .layer-3cols-item .layer-content').height(iMaxHeight);


	// Showcase 2
	var iMaxHeight = 0;
	var t = null;
	var iImageWidth = $j('.'+sClassWrapper+' ul li').width();
	var iLimit = 8;
	var iCounter = 0;
	
	$j('.'+sClassWrapper+' ul li img').hover(function() {
		$j('.panel-info', $j(this).parents('.'+sClassWrapper)).html($j(this).attr('alt'));
	});
	
	$j('.'+sClassWrapper+'content ul').width($j('.'+sClassWrapper+' ul li').width()*$j('.'+sClassWrapper+' ul li').length)
	
	$j('.'+sClassWrapper+' a[href=#previous]').click(function() {
		if (iCounter > 0) {
			iCounter -= 1;
			$j('ul', $j(this).parents('.'+sClassWrapper)).animate({ left: '-'+(iCounter*iImageWidth) });
		}

		return false;
	});

	$j('.'+sClassWrapper+' a[href=#next]').click(function() {
		if (iCounter < $j('.'+sClassWrapper+' ul li').length-iLimit) {
			iCounter += 1;
			$j('ul', $j(this).parents('.'+sClassWrapper)).animate({ left: '-'+(iCounter*iImageWidth) });
		}
		 
		return false;
	});
	
	
});