// JavaScript Document
$(document).ready(function() {
						   
	$('.Sticker_Circle a').mouseover(function(){
									var oldImage = $('img', this).src;	  
											  
									  $('img', this).stop();
									  $('img', this).animate({
        										width: '150',
												height: '150',
												top:'-50',
												left:'-50',
												queue: false
      												   }, 250 );
									  
									  var src = $('img', this).attr('src').replace('_Desaturate', '');
            						  $('img', this).attr('src', src);

									  // alert($(this).parent().position().top+':'+$(this).parent().position().left);
									  //alert($('img', this).offset().top+':'+$('img', this).offset().left);
									  
									  var cssVal = $(this).parent().parent().parent().offset(); 
									  var cssVal2 = $(this).parent().offset(); 
									  $('#Blurb').css('left', cssVal.left+$(this).parent().position().left+25);
									  $('#Blurb').css('top', cssVal2.top+$(this).parent().position().top-160);
									  
									  var blurb = $('img', this).attr('alt'); /*This finds the text for the description.*/
									  $('#Blurb').empty(); /* This removes the text from the Description Paragraph. */
									  $('#Blurb').append(blurb); /* This adds the Link Title text to the Description Paragraph. */
									  $('#Blurb').fadeIn(500);
									  });
	
	$('.Sticker_Circle a').mouseout(function(){
									 $('img', this).stop();
									 $('img', this).animate({ 
        										width: '50',
												height: '50',
												top:'0',
												left:'0',
												queue: true
      												   }, 150 );
									  $('#Blurb').fadeOut(100);
									  var src = $('img', this).attr('src').match(/[^\.]+/) + '_Desaturate.png';
           							   $('img', this).attr('src', src);
									   
									
									  });
	
	
	$('.Sticker_Rect a').mouseover(function(){
									  $('img', this).stop();
									  $('img', this).animate({
        										width: '220',
												height: '150',
												top:'-50',
												left:'-73',
												queue: false
      												   }, 250 );
									  
									    var src = $('img', this).attr('src').replace('_Desaturate', '');
            						  $('img', this).attr('src', src);
									  
									   var cssVal = $(this).parent().parent().parent().offset(); 
									  var cssVal2 = $(this).parent().offset(); 
									  $('#Blurb').css('left', cssVal.left+$(this).parent().position().left+73);
									  $('#Blurb').css('top', cssVal2.top+$(this).parent().position().top-160);
									  
									  var blurb = $('img', this).attr('alt'); /*This finds the text for the description.*/
									  $('#Blurb').empty(); /* This removes the text from the Description Paragraph. */
									  $('#Blurb').append(blurb); /* This adds the Link Title text to the Description Paragraph. */
									   $('#Blurb').fadeIn(500);
									  });
	
	$('.Sticker_Rect a').mouseout(function(){
									  $('img', this).stop();
									  $('img', this).animate({ 
        										width: '73',
												height: '50',
												top:'0',
												left:'0',
												queue: true
      												   }, 150 );
									  
									  
									  $('#Blurb').fadeOut(100);
									  
									  var src = $('img', this).attr('src').match(/[^\.]+/) + '_Desaturate.png';
           							   $('img', this).attr('src', src);
									  });
	
});