// JavaScript Document

$(window).bind("load", function() {
    var activeOpacity   = 1.0,
        inactiveOpacity = 0.6,
        fadeTime = 350,
		fadeTimeSelected = 0,
        clickedClass = "selected",
		clickedClass1 = "selected1",
		thumbs1 = ".opaIMG_full",
        thumbs = ".opaIMG";
		
		
	$(thumbs1).fadeTo(fadeTime, activeOpacity);			

    $(thumbs).fadeTo(1, inactiveOpacity);

    $(thumbs).hover(
        function(){
            $(this).fadeTo(fadeTime, activeOpacity);
        },
        function(){
            // Only fade out if the user hasn't clicked the thumb
            if(!$(this).hasClass(clickedClass)) {
                $(this).fadeTo(fadeTime, inactiveOpacity);
            }
        });
	
	
     $(thumbs).click(function() {
    var clicked = $(this);
    var alreadySelected = clicked.hasClass('selected');
	
	$(thumbs1).fadeTo(fadeTime, inactiveOpacity);
	

    // Remove selected class from any elements other than this
    $('.opaIMG').removeClass(clickedClass).fadeTo(fadeTime, inactiveOpacity);

    clicked.addClass(clickedClass).stop();

});
	 
	 
	  $(thumbs1).click(function() {
	var clicked1 = $(this);
    var alreadySelected1 = clicked1.hasClass('selected1');
	
	 clicked1.addClass(clickedClass1).stop();
	// Remove selected class from any elements other than this
    $('.opaIMG').removeClass(clickedClass).fadeTo(fadeTime, inactiveOpacity);

});
	  
	  $(thumbs1).hover(
        function(){
            $(this).fadeTo(fadeTime, activeOpacity);
        },
        function(){
            // Only fade out if the user hasn't clicked the thumb
            if(!$(this).hasClass(clickedClass1)) {
                $(this).fadeTo(fadeTime, inactiveOpacity);
            }
        }); 
	  
	  
	  
	  
	  
});


function setVisibility(id, visibility) {
document.getElementById(id).style.display = visibility;
}