$(document).ready(function(){

//Blur Links (Prevents Outline)
$('a').click(function() {
this.blur();
});

//Hide all item descriptions in the info box
$("#infobox > div").css("display", "none");

/*//Call in the info box
$(".more a").click(function(){
$("#infobox").animate({bottom: '233px' }, 300);
$("#fade_bg").fadeIn();
return false;
});*/

//Expand more info button on hover
$(".more").hover(function(){
$(this).stop().animate({width: '180px' }, 200).css({'z-index' : '10'}); //Change the width increase caption size
}, function () {
$(this).stop().animate({width: '22px' }, 200).css({'z-index' : '1'});
});
$(".more1").hover(function(){
$(this).stop().animate({width: '200px' }, 200).css({'z-index' : '10'}); //Change the width increase caption size
}, function () {
$(this).stop().animate({width: '22px' }, 200).css({'z-index' : '1'});
});

//Show description for selected item
$("#couch a").click(function(){
$("#couch_info").show();
});
$("#plant a").click(function(){
$("#plant_info").show();
});
$("#monitor a").click(function(){
$("#monitor_info").show();
});
$("#board a").click(function(){
$("#board_info").show();
});

//Remove background, info box and hide all descriptions
$("#fade_bg, .close").click(function(){
$("#fade_bg").fadeOut();
$("#infobox").animate({bottom: '-200px' }, 300, function() {
$("#infobox > div").css("display", "none");
});
return false;
});
}); 
