// JavaScript Document

//fader
$(document).ready(function(){
    $(".imagegroup .first, .rightcol a img, .thumb").fadeTo("400", 1.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$(".imagegroup .first, .rightcol a img, .thumb").hover(function(){
	    $(this).fadeTo("400", 0.6); // This should set the opacity to 100% on hover
	},function(){
	    $(this).fadeTo("400",1.0); // This should set the opacity back to 30% on mouseout
	});
	
	$(".social img").fadeTo("100", 0.7); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$(".social img").hover(function(){
	    $(this).fadeTo("100", 1.0); // This should set the opacity to 100% on hover
	},function(){
	    $(this).fadeTo("100",0.7); // This should set the opacity back to 30% on mouseout
	});

	//$(".partners img").fadeTo("50", 0.0); // This sets the opacity of the thumbs to fade down to 30% when the page loads
	$(".partners img").hover(function(){
	    $(this).fadeTo("50", 1.0); // This should set the opacity to 100% on hover
	},function(){
	    $(this).fadeTo("50",0.0); // This should set the opacity back to 30% on mouseout
	});

	$("[rel='lightbox[sw]']").wrap('<div class="plus" />');
	$("[rel='lightbox']").wrap('<div class="plus" />');
	$('.plus').append('<div class="sign"><img src="/_sysimg/zoom.png"/></div>');
	
	$(".imgcat").hover(function(){
		$(this).append('<div class="rcat"><img src="/_sysimg/bean.png"/></div>');
	},function(){
		$('.rcat').remove();
	});
	
	$(".imgprod").hover(function(){
		$(this).append('<div class="rprod"><img src="/_sysimg/beans.png"/></div>');
	},function(){
		$('.rprod').remove();
	});
	
	$(".imgart").hover(function(){
		$(this).append('<div class="rart"><img src="/_sysimg/magnifier-left.png"/></div>');
	},function(){
		$('.rart').remove();
	});
});