(function($){
	$(document).ready(function(){
	
	
		var $program_wapper = $('div#footer div.program_wrapper');
		var $program		= $program_wapper.find('.program');
		var $program_list 	= $program.find('.programlist');
		var $btn 			= $program.find('.title').children();

		
	
		var DEFAULT_HEIGHT	= 80;
		var MAX_HEIGHT 		= $program.height() ;
		var isOpen 			= false;
	
		var btnImages = [];
		
		// init
		$program.css({'height' : DEFAULT_HEIGHT + 'px'});
		$btn.css('cursor', 'pointer').bind('click', onClick).bind('mouseover', onRollOver).bind('mouseout', onRollOut)
		
		
		
		var url			= $btn.attr("src");
		if(!url) return;
		
	 	var fileType 	= url.substring(url.lastIndexOf('.'), url.length);
	 	var over		= url.replace(fileType, '_o' + fileType);
	 	var active		= url.replace(fileType, '_a' + fileType);
	 	var active_over = url.replace(fileType, '_a_o' + fileType);
		
		btnImages.push(url, over, active, active_over)
		
		
	
		function onClick()
		{
			var toy;
			var h;
			
	
			if(isOpen)
			{
				toy = 	0;
				h 	= 	DEFAULT_HEIGHT;
			}
			else
			{
				toy =	-MAX_HEIGHT + DEFAULT_HEIGHT;
				h 	= 	 MAX_HEIGHT;	
			}
			$program.stop().animate({'margin-top' : toy + 'px', 'height' : h + 'px'}, 300);
			
			isOpen = !isOpen;
			isOpen ? changeImg(2) : changeImg(0);
		}
		
		
		function onRollOver()
		{
			isOpen ? changeImg(3) : changeImg(1);
		}
		
		
		function onRollOut()
		{
			isOpen ? changeImg(2) : changeImg(0);
		}
		
		
		
		function changeImg(i)
		{
			$btn.attr('src',btnImages[i]);
		}
	});
})(jQuery);