jQuery(document).ready(function()
{
	jQuery('.feature').hover(
	function()
	{
		jQuery(this).find('.feature-sub-wrap').stop(true,true).animate({marginTop:170},'normal');
	},

	function()
	{
		jQuery(this).find('.feature-sub-wrap').stop(true,true).animate({marginTop:255},'normal');
	});
	
	jQuery('.swatch_btn').bind('click',function(e)
	{
		e.preventDefault();
		toggleSwatchViewer();
		return false;
	});
});

function toggleSwatchViewer()
{
	if(jQuery('#swatch_viewer').data('open'))
	{
		jQuery('#swatch_viewer').data('open',false);
		jQuery('#swatch_viewer').hide();
		jQuery('#blackout').hide();
	}
	else
	{
		jQuery('#swatch_viewer').data('open',true);
		jQuery('#swatch_viewer').show();
		jQuery('#blackout').show();
		jQuery('#swatch_viewer .thumbs').jScrollPane({reinitialiseOnImageLoad:true});
		jQuery('#blackout').click(function()
		{
			toggleSwatchViewer()
		});
		jQuery('.swatch_thumb').bind('mouseover',function()
		{
			var swatchName = jQuery(this).children('.swatch_title').html();
			swatchName = swatchName.replace(" ","_");
			if(jQuery('#swatch_viewer').data('current'))
			{
				if(jQuery('#swatch_viewer').data('current').attr('id')!=swatchName)
				{
					jQuery('#swatch_viewer').data('current').fadeOut();
				}
			}
			jQuery('#swatch_viewer').data('current',jQuery('#'+swatchName));
			jQuery('#'+swatchName).fadeIn();
		});
	}
	
}