function ShowPanel(id)
{
	$('.catPanel').hide();
	$('#cp'+id).show();
	$('.category a').removeClass("cateon");
	$('#lk'+id).addClass("cateon");
}

function ProductShow(id)
{
	$('#slideshow').hide();
	$('.ProductShow').hide();
	$('#ps'+id).show();
}

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

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

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

    // uncomment the 3 lines below to pull the images in random order

    // var $sibs  = $active.siblings();
    // var rndNum = Math.floor(Math.random() * $sibs.length );
    // var $next  = $( $sibs[ rndNum ] );


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

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

function hideDefaultPoweredByLogo() {

            var DEFAULT_LOGO_CSSCLASS = "poweredBySitefinityLogo";
            var nodeList = document.getElementsByTagName("p")

            var defaultPoweredByLogo = null;

            for (i = 0; i < nodeList.length; i++) {
                if (nodeList[i].getAttribute("class") == DEFAULT_LOGO_CSSCLASS || nodeList[i].getAttribute("className") == DEFAULT_LOGO_CSSCLASS) {
                    defaultPoweredByLogo = nodeList[i];
                    break;
                }
            }

            if (defaultPoweredByLogo != null) {
                var filler = document.createElement("span");
                filler.style.display = "none";

                var parent = defaultPoweredByLogo.parentNode;
                parent.replaceChild(filler, defaultPoweredByLogo);
            }
        } 


$(function() {
if($('#slideshow IMG').length > 1)
    setInterval("slideSwitch()", 5000);
else
	slideSwitch();
});