$(window).load(function(){
	if ($.browser.msie) {
		if ($.browser.version <= 6) {
			$("#wrapper").hide();
			$("#msie").fadeIn();
		} else {
			$("#wrapper").hide().fadeIn(1000);
		};
	} else {
		$("#wrapper").hide().fadeIn(1000);
	}
});

function slideSwitch() {
    var $active = $('#kiri IMG.active');
	var $activeMID = $('#tengah IMG.active');
	var $activeRight = $('#kanan IMG.active');
	
    if ( $active.length == 0 ) $active = $('#kiri IMG:last');
	if ( $activeMID.length == 0 ) $activeMID = $('#tengah IMG:last');
	if ( $activeRight.length == 0 ) $activeRight = $('#kanan IMG:last');

    var $next =  $active.next().length ? $active.next()
        : $('#kiri IMG:first');
	var $nextMID =  $activeMID.next().length ? $activeMID.next()
        : $('#tengah IMG:first');
	var $nextRight =  $activeRight.next().length ? $activeRight.next()
        : $('#kanan IMG:first');

	var $sibs  = $active.siblings();
	var $sibsMID  = $activeMID.siblings();
	var $sibsRight  = $activeRight.siblings();
	
	var rndNum = Math.floor(Math.random() * $sibs.length );
	var rndNumMID = Math.floor(Math.random() * $sibsMID.length );
	var rndNumRight = Math.floor(Math.random() * $sibsRight.length );
	
	var $next  = $($sibs[ rndNum ]);
	var $nextMID  = $($sibsMID[ rndNum ]);
	var $nextRight  = $($sibsRight[ rndNum ]);

	$active.addClass('last-active');
	$activeMID.addClass('last-active');
	$activeRight.addClass('last-active');

	$next.css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0}, 1000, function() {
			$active.removeClass('active last-active');
		});
	$nextMID.delay(500).css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0}, 1000, function() {
			$activeMID.removeClass('active last-active');
		});
	$nextRight.delay(1000).css({opacity: 0.0})
		.addClass('active')
		.animate({opacity: 1.0}, 1000, function() {
			$activeRight.removeClass('active last-active');
		});
}

$(function() {
    setInterval("slideSwitch()", 4000 );
});