function showDiv(x) {
	document.getElementById(x).style.display="block";
}

function hideDiv(x) {
	document.getElementById(x).style.display="none";
}


$(document).ready(function(){
	$(".viewBubble").click(function() {
		var currentID = $(this).attr('id');
		nextID=currentID+"ViewBubble";
		$("#" + nextID).addClass('showBubble');
	});

	$(".detailsBubble").click(function() {
		$(this).removeClass('showBubble');
	});


  $(".smphoto").mouseover(function()
  {
		var currentID = $(this).attr('id'); 
		nextID=currentID+"_lgphoto";
    	$("#" + nextID).addClass('lgphoto_on');
  });
  
    $(".lgphotocontainer").mouseout(function()
  {
  		var currentID = $(this).attr('id'); 
		nextID=currentID+"_lgphoto";
    	$(this).removeClass('lgphoto_on');
  });
});