// JavaScript Document
$((function(){
			
			enterFunction = function(){
				$(this).html('ACTIVE');
			}
			leaveFunction = function(){
				$(this).html('inactive');
			}
			$('.accordion1').hSlides({
				totalWidth: 605, 
				totalHeight: 115, 
				minPanelWidth: 120, 
				maxPanelWidth: 361
			});
			$('.accordion2').hSlides({
				totalWidth: 605, 
				totalHeight: 110, 
				minPanelWidth: 27, 
				maxPanelWidth: 200,
				activeClass: 'active',
				speed: 1500
			});
			$('.accordion3').hSlides({
				totalWidth: 605, 
				totalHeight: 115, 
				minPanelWidth: 120, 
				maxPanelWidth: 361,
				midPanelWidth: 150,
				easing: 'easeOutBounce',
				sensitivity: 1,   
				interval: 50,
				timeout: 100,
				onEnter: enterFunction,
				onLeave: leaveFunction
			});
			$('.accordion4').hSlides({
				totalWidth: 605, 
				totalHeight: 115, 
				minPanelWidth: 120, 
				maxPanelWidth: 361,
				panelPositioning: 'bottom',
				eventHandler: 'hover',
				panelSelector: 'span',
				activeClass: 'active_click'
			});
		}
		));