var height = 0;
	var height2 = 0;
	var footer = 0;

	function show_item(ob)
	{
		
		var classname = ob.className;
		var classname2 = classname.replace(/normal-/g, "");
		classname2 = "details-"+classname2;
		$$('#'+classname2+' .background')[0].setStyle('visibility', 'hidden');
		$(classname2).setStyle('display', 'block');
		$$('#'+classname2+' .background')[0].setStyle('height', 'auto');
	
		height = $$('#'+classname2+' .background')[0].offsetHeight;
		
		$(classname2).setStyle('display', 'none');
				

		effect2 = new Fx.Styles($$('#'+classname2+' .background')[0], {duration: 700, onStart: function() {   $$('#'+classname2+' .background')[0].setStyle('visibility', 'visible');}, onComplete: function() {  $$('#'+classname2+' .background')[0].setStyle('visibility', 'visible');  }});
		

		effect = new Fx.Styles($$('#'+classname+' .background')[0], {duration: 700, onStart: function() { $('footer').setStyle('top', $('footer').getPosition().y);}, onComplete: function() { $(classname).setStyle('display', 'none'); $(classname2).setStyle('display', 'block'); $$('#'+classname2+' .background')[0].setStyle('height', 10); $$('#'+classname2+' .background')[0].setStyle('visibility', 'hidden');
		  effect2.start({
					"height" : [0, height],
					"opacity" : [1]
					
					}); $('footer').setStyle('top', 'auto'); }});
		effect.start({
					"height" : [10],
					"opacity" : [0]
					});
					
		
	};
	function hide_item(ob)
	{
		var classname = ob.className;
		var classname2 = classname.replace(/details-/g, "");
		classname2 = "normal-"+classname2;
		
		$$('#'+classname2+' .background')[0].setStyle('visibility', 'hidden');
		
		
		$(classname2).setStyle('display', 'block');
		$$('#'+classname2+' .background')[0].setStyle('height', 'auto');
		height2 = $$('#'+classname2+' .background')[0].offsetHeight;
		$(classname2).setStyle('display', 'none');
		
		height = $$('#'+classname+' .background')[0].offsetHeight;
		
		$('footer').setStyle('top', $('footer').getPosition().y);
		
		
		effect2 = new Fx.Styles($$('#'+classname2+' .background')[0], 
		{duration: 700, 
		onStart: function() {  $(classname2).setStyle('display', 'block');$$('#'+classname2+' .background')[0].setStyle('height', 10); },
		onComplete: function() { $$('#'+classname2+' .background')[0].setStyle('visibility', 'visible'); }});
		

		effect = new Fx.Styles($$('#'+classname+' .background')[0], {duration: 700, onComplete: function() { $(classname).setStyle('display', 'none');  $$('#'+classname2+' .background')[0].setStyle('visibility', 'hidden');
		  effect2.start({
					"height" : [0, height2],
					"opacity" : [1]
					
					});  }});
		effect.start({
					"height" : [10],
					"opacity" : [0]
					});
		
	};
	
	window.addEvent('domready', function() 
	{
		common_functions();
	});
	window.addEvent('load', function() 
	{
		$('footer').setStyle('bottom', 'auto');
	});