// JavaScript Document

$(document).ready(function(){ 
	
	var viewableArtDiv = $('.viewableArt');
	$('.thumbs img').click(function(){ 
		var imgSrc = $(this).attr('title');
		var prodDesc = $(this).attr('alt');
		$(viewableArtDiv).hide();
		$('.viewableArt img').attr('src',imgSrc);
		$('.viewableArt p').html(prodDesc);
		$('.viewableArt').animate({opacity:1}, 1000, function()
		{
			//alert('in animate callback function');
			
			$(viewableArtDiv).fadeIn();
			//$('.viewableArt').animate({opacity:1},1500);
		});
	});
	
	$('.thumbs img').hover(function() {
		$(this).css({'cursor':'pointer','filter':'alpha(opacity=50)','opacity':'0.5'});
		}, function() {
		$(this).css({'cursor':'default','filter':'alpha(opacity=100)','opacity':'1'});									
    });
 	
	
	$('.sc_menu img.viewable').click(function(){ 
		var imgSrc = $(this).attr('title');
		var prodDesc = $(this).attr('alt');
		$(viewableArtDiv).hide();
		$('.viewableArt img').attr('src',imgSrc);
		$('.viewableArt p').html(prodDesc);
		$('.viewableArt').animate({opacity:1}, 1000, function()
		{
			//alert('in animate callback function');
			
			$(viewableArtDiv).fadeIn();
			//$('.viewableArt').animate({opacity:1},1500);
		});
	});

    $('.sc_menu img').hover(function() {
		$(this).css({'cursor':'pointer','filter':'alpha(opacity=50)','opacity':'0.5'});
		}, function() {
		$(this).css({'cursor':'default','filter':'alpha(opacity=100)','opacity':'1'});									
    });

	
});