<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">$(document).ready(function($) {

	$(".linkfade").hover(function(){
		$(this).stop().animate({"opacity" : 0.5},300);
		},function(){
		$(this).stop().animate({"opacity" : 1},300);
	});
	
	$(".fadechange").hover(function(){
		$(this).stop().animate({"opacity" : 0},500);
		},function(){
		$(this).stop().animate({"opacity" : 1},500);
	});
	
	/*========Slider========*/
	var slideIndex = 0;
	var nextIndex = 0;
	var prevIndex = 0;
	$('#slider').cycle({
		 fx: 'scrollDown',
		 easing:  'easeInOutBack',
		 after: function(currSlideElement, nextSlideElement, options) {
			slideIndex = options.currSlide;
			nextIndex = slideIndex + 1;
			prevIndex = slideIndex -1;
	
			if (slideIndex == options.slideCount-1) {
				nextIndex = 0;
			}
	
			if (slideIndex == 0) {
				prevIndex = options.slideCount-1;
			}
		}
	});
	
	$(".next").click(function () {
		$('#slider').cycle(nextIndex, "scrollDown");
	});
	
	$(".prev").click(function () {
		$('#slider').cycle(prevIndex, "scrollUp");
	});
	
	$(".fancybox").fancybox({
		'width'				: 1000,
		'height'			: 600,
		'autoScale'			: false,
		'transitionIn'		: 'none',
		'transitionOut'		: 'none',
		'type'				: 'iframe'
	});
	
	// set up hover panels
	// although this can be done without JavaScript, we've attached these events
	// because it causes the hover to be triggered when the element is tapped on a touch device
	$('.hover').hover(function(){
		$(this).addClass('flip');
	},function(){
		$(this).removeClass('flip');
	});
	
	$('.panduan').hover(function(){
		$('.submenu').css('display','block');
	},function(){
		$('.submenu').css('display','none');
	});
});
</pre></body></html>