$(document).ready(function() {
	//If javascript is disable all company boxes and images will remain visible.
	//set opacity of all the thumbnail images to .4
	$("ul.companyList li img.unselect").css('opacity',.4);
	$("ul.companyList li img.selected").css('opacity',1);
/*	$("ul.companyList li img").addClass('unselect');
*/
	//hide all company boxes
	$(".companyBox").hide();
	

	
	//display Rebecca Bent as default company
	var companyID = jQuery.url.param("companyID"); // returns 2
	switch (companyID){
	  case '1': 
		$("img.selected").css('opacity', .4).removeClass('selected').addClass('unselect');
		$("#HPantryBox").show().addClass('selected'); //show box
		$("#sHP_logo").removeClass('unselect').addClass('selected').css('opacity',1)
		break;	
	  case '2': 
		$("img.selected").css('opacity', .4).removeClass('selected').addClass('unselect');
		$("#FLobsterBox").show().addClass('selected'); //show box
		$("#sFL_logo").removeClass('unselect').addClass('selected').css('opacity',1)
		break;	
	  case '3': 
  		$("img.selected").css('opacity', .4).removeClass('selected').addClass('unselect');
		$("#EJoseyBox").show().addClass('selected'); //show box
		$("#sEJ_logo").removeClass('unselect').addClass('selected').css('opacity',1)
		break;	
	  case '4': 
		$("img.selected").css('opacity', .4).removeClass('selected').addClass('unselect');
		$("#CrabPlaceBox").show().addClass('selected'); //show box
		$("#sCP_logo").removeClass('unselect').addClass('selected').css('opacity',1)
		break;
	  default:
		$("img.selected").css('opacity', .4).removeClass('selected').addClass('unselect');
		$("#RBentBox").show().addClass('selected'); //show box
		$("#sRB_logo").removeClass('unselect').addClass('selected').css('opacity',1)
		break;
	}
	
	//
	$("ul.companyList li img").hover(
			function() {
				$(this).css('opacity',1);
			},
			function() {
			    if ($(this).hasClass('unselect')){
				  $(this).css('opacity',.4);
			   }
		  }
	);
	
	$("ul.companyList li img").click(
			function() {
				//get company name
				var compID = $(this).attr('name');
				
				//hide previous box
				$("div.selected").hide().removeClass('selected');
				
				//set opacity to .4 and remove class selected for previously selected company
				$("img.selected").css('opacity', .4).removeClass('selected').addClass('unselect');
				
				
				switch (compID){
					  case 'sRB_logo': 
					  		$("#RBentBox").fadeIn("slow").addClass('selected'); //show box
				 			$(this).removeClass('unselect').addClass('selected').css('opacity',1) //set thumbnail opacity to 1
							break;
					  case 'sHP_logo': 
					  		$("#HPantryBox").fadeIn("slow").addClass('selected'); //show box
	  					    $(this).removeClass('unselect').addClass('selected').css('opacity',1) //set thumbnail opacity to 1
							break;	
					  case 'sFL_logo': 
					  		$("#FLobsterBox").fadeIn("slow").addClass('selected'); //show box
	  					    $(this).removeClass('unselect').addClass('selected').css('opacity',1) //set thumbnail opacity to 1
							break;	
					  case 'sEJ_logo': 
					  		$("#EJoseyBox").fadeIn("slow").addClass('selected'); //show box
	  					    $(this).removeClass('unselect').addClass('selected').css('opacity',1) //set thumbnail opacity to 1
						   break;	
					  case 'sCP_logo': 
					  		$("#CrabPlaceBox").fadeIn("slow").addClass('selected'); //show box
	  					    $(this).removeClass('unselect').addClass('selected').css('opacity',1) //set thumbnail opacity to 1
							break;								
					  }
				
			}
	);

});