function binHighlight(bin) {
	$(bin).style.display="block";
}
function binHide(bin) {
	$(bin).style.display="none";
}


function highlightGarbage() {
	resetT();
	$('res_item_garbage').style.backgroundImage = 'url(../images/buttons/res_garbage_on.png)';
	binHighlight('wood');
}
function showGarbage() {
	
	temp = new Effect.BlindDown('res_garbage_details', 
	{
		duration: 0.4, 
		queue: 'end',
		afterUpdate: function() { binHighlight('wood')}
	}	
	);
	return false;
}
function hideGarbage() {
	$('res_item_garbage').style.backgroundImage = 'url(../images/buttons/res_garbage_on.png)';
	temp = new Effect.BlindUp('res_garbage_details', 
	{
		duration: 0.4, 
		queue: 'end'
	}
	);
		return false;
}


function highlightDrywall() {
	resetT();
	$('res_item_drywall').style.backgroundImage = 'url(../images/buttons/res_drywall_on.png)';
		binHighlight('drywall');
}
function showDrywall() {

	
	temp = new Effect.Appear('res_drywall_details', {duration: 0});
	temp = new Effect.Morph('res_drywall_details', 
	{
  		style: {
  				top: '0px',
			    height: '209px'
  				}, 
  		duration: 0.4,
  				afterUpdate: function() { binHighlight('drywall')}
	});	
	
}
function hideDrywall() {
	$('res_item_drywall').style.backgroundImage = 'url(../images/buttons/res_drywall_on.png)';
	temp = new Effect.Morph('res_drywall_details', 
	{
  		style: {
  				top: '30px',
			    height: '28px'
  				}, 
  				duration: 0.4
	});	
	temp = new Effect.Fade('res_drywall_details', {duration: 0.4});
}

function highlightYard() {
	resetT();
	$('res_item_yard').style.backgroundImage = 'url(../images/buttons/res_yard_on.png)';
			binHighlight('yard_garden');
}
function showYard() {

	
	temp = new Effect.Appear('res_yard_details', {duration: 0});
	temp = new Effect.Morph('res_yard_details', 
	{
  		style: {
  				top: '0px',
			    height: '209px'
  				}, 
  		duration: 0.4,
  		afterUpdate: function() { binHighlight('yard_garden')}
	});	
	
}
function hideYard() {
	$('res_item_yard').style.backgroundImage = 'url(../images/buttons/res_yard_on.png)';
	temp = new Effect.Morph('res_yard_details', 
	{
  		style: {
  				top: '60px',
			    height: '28px'
  				}, 
  				duration: 0.4
	});	
	temp = new Effect.Fade('res_yard_details', {duration: 0.4});
}

function highlightPlastics() {
	resetT();
	$('res_item_plastics').style.backgroundImage = 'url(../images/buttons/res_plastics_on.png)';
				binHighlight('steel');
}
function showPlastics() {

	temp = new Effect.Appear('res_plastics_details', {duration: 0});
	temp = new Effect.Morph('res_plastics_details', 
	{
  		style: {
  				top: '0px',
			    height: '209px'
  				}, 
  		duration: 0.4,
		afterUpdate: function() { binHighlight('steel')}
	});	
	
}
function hidePlastics() {
	$('res_item_plastics').style.backgroundImage = 'url(../images/buttons/res_plastics_on.png)';
	temp = new Effect.Morph('res_plastics_details', 
	{
  		style: {
  				top: '90px',
			    height: '28px'
  				}, 
  				duration: 0.4
	});	
	temp = new Effect.Fade('res_plastics_details', {duration: 0.4});
}

function highlightGlass() {
	resetT();
	$('res_item_glass').style.backgroundImage = 'url(../images/buttons/res_glass_on.png)';
	binHighlight('oversized');
}
function showGlass() {

	temp = new Effect.Appear('res_glass_details', {duration: 0});
	temp = new Effect.Morph('res_glass_details', 
	{
  		style: {
  				top: '0px',
			    height: '209px'
  				}, 
  		duration: 0.4,
  				afterUpdate: function() { binHighlight('oversized')}
	});	
	
}
function hideGlass() {
	$('res_item_glass').style.backgroundImage = 'url(../images/buttons/res_glass_on.png)';
	temp = new Effect.Morph('res_glass_details', 
	{
  		style: {
  				top: '120px',
			    height: '28px'
  				}, 
  				duration: 0.5
	});	
	temp = new Effect.Fade('res_glass_details', {duration: 0.5});
}

function highlightAppliances() {
	resetT();
	$('res_item_appliances').style.backgroundImage = 'url(../images/buttons/res_appliances_on.png)';
		binHighlight('cardboard');
}
function showAppliances() {

	temp = new Effect.Appear('res_appliances_details', {duration: 0});
	temp = new Effect.Morph('res_appliances_details', 
	{
  		style: {
  				top: '0px',
			    height: '209px'
  				}, 
  		duration: 0.4,
    				afterUpdate: function() { binHighlight('cardboard')}
	});	
	
}
function hideAppliances() {
	$('res_item_appliances').style.backgroundImage = 'url(../images/buttons/res_appliances_on.png)';
	temp = new Effect.Morph('res_appliances_details', 
	{
  		style: {
  				top: '150px',
			    height: '28px'
  				}, 
  				duration: 0.4
	});	
	temp = new Effect.Fade('res_appliances_details', {duration: 0.4});
}


function highlightOther() {
	resetT();
	$('res_item_other').style.backgroundImage = 'url(../images/buttons/res_other_on.png)';
}
function showOther() {

	
	temp = new Effect.Appear('res_other_details', {duration: 0});
	temp = new Effect.Morph('res_other_details', 
	{
  		style: {
  				top: '0px',
			    height: '209px'
  				}, 
  		duration: 0.4
	});	
	
}
function hideOther() {
	$('res_item_other').style.backgroundImage = 'url(../images/buttons/res_other_on.png)';
	temp = new Effect.Morph('res_other_details', 
	{
  		style: {
  				top: '180px',
			    height: '28px'
  				}, 
  				duration: 0.4
	});	
	temp = new Effect.Fade('res_other_details', {duration: 0.4});
}


function resetT() {
	$('res_item_garbage').style.backgroundImage = 'url(../images/buttons/res_garbage_off.png)';
	$('res_item_drywall').style.backgroundImage = 'url(../images/buttons/res_drywall_off.png)';
	$('res_item_yard').style.backgroundImage = 'url(../images/buttons/res_yard_off.png)';
	$('res_item_plastics').style.backgroundImage = 'url(../images/buttons/res_plastics_off.png)';
	$('res_item_glass').style.backgroundImage = 'url(../images/buttons/res_glass_off.png)';
	$('res_item_appliances').style.backgroundImage = 'url(../images/buttons/res_appliances_off.png)';
	$('res_item_other').style.backgroundImage = 'url(../images/buttons/res_other_off.png)';
	binHide('cardboard');
			binHide('drywall');
			binHide('oversized');
			binHide('steel');
			binHide('wood');
			binHide('yard_garden');
}