function slideSwitch() {
    var $active = $('#subbg IMG.active');

    if ( $active.length == 0 ) $active = $('#subbg IMG:last');

    var $next =  $active.next().length ? $active.next()
        : $('#subbg IMG:first');

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

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
        });
}
function slideSwitch2() {
    var $active = $('#cr IMG.active');

    if ( $active.length == 0 ) $active = $('#cr IMG:last');

    var $next = $active.next().length ? $active.next() : $('#cr IMG:first');

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

    $next.css({opacity: 0.0})
        .addClass('active')
        .animate({opacity: 1.0}, 1000, function() {
            $active.removeClass('active last-active');
    });
}

$(document).ready(function() {
	// OK
	document.cnt = 2;

	setInterval( "slideSwitch()", 6000 );
	setInterval( "slideSwitch2()", 6000 );
	setInterval( "slideSwitch3()", 6000 );

	$('#panel P').css({opacity: 0});
	$('#panel P#c1').css({opacity: 1});

	$('.flag IMG').css({opacity: 0.4});

	$('.flag IMG').hover(function() {
		$(this).css({opacity: 1});
	}, function () {
		$(this).css({opacity: 0.4});
	});

	$('.act IMG').css({opacity: 1});

	$('.act IMG').hover(function() {
		$(this).css({opacity: 1});
	}, function () {
		$(this).css({opacity: 1});
	});

	var inid;

	$('#f3').click(function() {
		$('#f1').addClass('wrong'); 
		var t=setTimeout("$('#f1').removeClass('wrong');",1000);
	});
});

function slideSwitch3() {
	if (document.cnt > 5) {
		document.cnt = 1;
	}

	$('#panel P').css({opacity: 0});
	$('#panel P#c' + document.cnt).css({opacity: 1});

	document.cnt = document.cnt + 1;
}