function slideSwitch() {
    var $active = $('#slideshow a.active');
    var $pagactive = $('#spiderpag div.active');
    
    if ( $active.length == 0 ) $active = $('#slideshow a:last');
    if ( $pagactive.length == 0 ) $pagactive = $('#spiderpag div:last');

    // use this to pull the images in the order they appear in the markup
    var $next =  $active.next().length ? $active.next()
        : $('#slideshow a:first');

    var $pagnext =  $pagactive.next().length ? $pagactive.next()
        : $('#spiderpag div:first');
	
    $active.addClass('last-active');
    $pagactive.addClass('last-active');

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

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

$(document).ready(function(){
	$(".defaultpohled").hover(function(){
		$(this).find(".defaultpohled").css("z-index", "-10");
		$(this).find(".ghost").css("display", "none");
		$(this).find(".ghost").css("z-index", "15");
		$(this).find(".ghost").fadeIn("fast");
		},
		function(){
		$(this).find(".ghost").fadeOut("fast");
	});
});