$(document).ready(function(){

	$('a.top').click(function(){
     $('html, body').animate({scrollTop: '0px'}, 300);
     return false;
});
	jQuery(".hover-image").hide()
/*
	$('#front',this).bind('mouseenter mouseleave', function() {
  $(this).toggleClass('hover-image');
});

*/
	jQuery(".front",this).mouseover(function(){
			
		//alert( #front.this );
		jQuery(".hover-image",this).show();
	});
	jQuery(".front",this).mouseout(function(){
		jQuery(".hover-image",this).hide();
	});


		 $("div.silver").click(function () {
                        $("div.silver").mouseover();
                 });

		$("div.silver").bind( 'click mouseover' , function () {

    			$('span.silver').css({ 'visibility':'visible' });
  		}, function(){
			$('span.silver').css({ 'visibility':'hidden' });
		});
//  	 $("div.silver").mouseout(function () {
  //  			$('span.silver').css({ 'visibility':'hidden' });
  //		}
//		);
		
		$("div.silver").click(function () {
                        $('span.silver').css({ 'visibility':'visible' });
                },
                function () {
                        $('span.silver').css({ 'visibility':'hidden' });
                }
                );
	
                
                $('div.orange').hover(function(){
                        $('span.orange').css({'visibility':'visible'});
                },
		function(){
                        $('span.orange').css({'visibility':'hidden'});
                });

                $('div.green').hover(function(){
                        $('span.green').css({'visibility':'visible'});
                },
                function(){
                        $('span.green').css({'visibility':'hidden'});
                });

                $('div.charcol').hover(function(){
                        $('span.charcol').css({'visibility':'visible'});
                },
                function(){
                        $('span.charcol').css({'visibility':'hidden'});
                });
	
});