function setUpNavi() {
    var $subnavi = jQuery("#subnavi");
    if ($subnavi.length <= 0) return;
    //add expand plus sign
    var $blocks = $subnavi.find("ul li");
    for (i = 0; i < $blocks.length; i++) {
        if ($blocks.eq(i).find("li").length > 0) {
            $blocks.eq(i).find("div div:first").attr("class", "plus");
        }
    }

    $subnavi.find("li div div").click(function() {
        if (jQuery(this).parent().parent().parent().attr("id") == "subnavi")
            jQuery(this).parent().parent().find("ul:first").toggle();
        else {
            var firDiv = jQuery(this).parent().find("div:first");
            var firUl = jQuery(this).parent().parent().find("ul:first");
            if (firDiv.attr("class") == "plus") {
                firDiv.attr("class", "minus");
                firUl.show();
            }
            else if (firDiv.attr("class") == "minus") {
                firDiv.attr("class", "plus");
                firUl.hide();
            }
        }
    });

    var $sLI = $subnavi.find("li");
    $sLI.hover(function() {
        if (jQuery(this).parent().find("ul").length >= 1)
            jQuery(this).find("span").show();
    });
    $sLI.mouseleave(function() {
        if (jQuery(this).parent().find("ul:first").css("display") != "block")
            jQuery(this).find("span").hide();
    });

    if (typeof current == "string") {
        if (!highlightMenuItem(current))
            LinkItHL(pageid);
    }
} //end setUpNavi

function getLeaf(url) {
    //alert(url);
    var first = url.indexOf("/");
    var last = url.lastIndexOf("/");
    if (first == 0) {
        if (last == url.length - 1) {
            return url;
        }
        else {
            return url.substring(last);
        }
    }
    if (last == url.length - 1) {
        first = url.indexOf("/", 10);
        return url.substring(first);
    }
    else {
        return url.substring(last);
    }
}


function getLinkID(url) {
    //alert(url);
    var first = url.indexOf("ItemID=");
    var last = url.lastIndexOf("ItemID=") + 7;
    return url.substring(last);

}

function LinkItHL(id) {
    var links = jQuery("#subnavi").find("a");
    for (i = 0; i < links.length; i++) {
        //get leaf url
        var currentHref = links.eq(i).attr("href");
        var currentLeafName = getLinkID(currentHref);

        if (currentLeafName == id) {
            //set leaf current class
            links.eq(i).parent().parent().attr("class", links.eq(i).parent().parent().attr("class") + " current");
            //display the current li
            //display parent ul's
            links.eq(i).parent().parent().find("ul:first").css("display", "block");

            var parent = links.eq(i).parent().parent().parent();
            while (parent.is("ul")) {
                parent.css("display", "block");
                //set collpase icon to expand icon for all li's
                if (parent.parent().find("div div").attr("class") == "plus")
                    parent.parent().find("div div").attr("class", "minus")

                parent = parent.parent().parent();
            }
            return;
        }
        //}
    }
}


function highlightMenuItem(currentLocation) {
    var links = jQuery("#subnavi").find("a");
    currentLocation = getLeaf(currentLocation);
    for (i = 0; i < links.length; i++) {
        //get leaf url
        var currentHref = links.eq(i).attr("href");
        var currentLeafName = getLeaf(currentHref);
        if (currentLeafName.toUpperCase() == currentLocation.toUpperCase()
		|| currentLeafName.toUpperCase() + "/" == currentLocation.toUpperCase()
		|| currentLeafName.toUpperCase() == currentLocation.toUpperCase() + "/") {

            //set leaf current class
            links.eq(i).parent().parent().attr("class", links.eq(i).parent().parent().attr("class") + " current");
            if (links.eq(i).parent().parent().find("div div:first").attr("class") == "plus") {
                links.eq(i).parent().parent().find("div div:first").attr("class", "minus");
            }

            //display the current li
            //display parent ul's
            links.eq(i).parent().parent().find("ul:first").css("display", "block");
            var parent = links.eq(i).parent().parent().parent();
            while (parent.is("ul")) {
                parent.css("display", "block");
                //set collpase icon to expand icon for all li's
                if (parent.parent().find("div div:first").attr("class") == "plus")
                    parent.parent().find("div div:first").attr("class", "minus");
                parent = parent.parent().parent();
            }
            return true;
        }
    }
    return false;
}

function showVideosHome(data) {
    var feed = data.feed;
    var entries = feed.entry || [];
    if (entries.length <= 0) return;

    loadVideo(entries[0].media$group.media$content[0].url, entries[0].title.$t, false, 200, 122);
}
function showVideosTop5(data) {
    var feed = data.feed;
    var entries = feed.entry || [];
    var html = ['<ul>'];
    for (var i = 0; i < entries.length; i++) {
        if (i >= 5) continue;
        var entry = entries[i];
        var title = entry.title.$t; //.substr(0, 30);
        var thumbnailUrl = entries[i].media$group.media$thumbnail[0].url;
        var playerUrl = entries[i].media$group.media$content[0].url;
        html.push('<li><a href="/Videos.aspx?video=', playerUrl, '&vtitle=' + title + '">', title, '</a></li>');
    }
    html.push('</ul><br style="clear: left;"/>');
    document.getElementById('videos2').innerHTML = html.join('');

}

function showVideosFull(data) {
    var feed = data.feed;
    var entries = feed.entry || [];
    var html = ['<ul>'];
    for (var i = 0; i < entries.length; i++) {
        var entry = entries[i];
        var title = entry.title.$t.substr(0, 30);
        var suffix = "";
        if (entries[i].title.$t.length > title.length)
            suffix = "...";
        var thumbnailUrl = entries[i].media$group.media$thumbnail[0].url;
        var playerUrl = entries[i].media$group.media$content[0].url;
        html.push('<li onclick="loadVideo(\'', playerUrl, '\', \'', entry.title.$t, '\', true, 425, 344)">',
              '<span class="title" title="', entry.title.$t, '">', title, suffix, '</span><img src="',
              thumbnailUrl, '" width="130" height="97" alt="' + entry.title.$t + '" />', '</li>');
    }
    html.push('</ul><br style="clear: left;"/>');
    document.getElementById('videos2').innerHTML = html.join('');
    if (entries.length > 0) {
        loadVideo(entries[0].media$group.media$content[0].url, entries[0].title.$t, false, 425, 344);

    }
}

function loadVideo(playerUrl, title, autoplay, width, height) {
    //'425''344'
    swfobject.embedSWF(
      playerUrl + '&rel=0&border=0&fs=1&autoplay=' +
      (autoplay ? 1 : 0), 'player', width, height, '9.0.0', false,
      false, { allowfullscreen: 'true' });
    if (document.getElementById("vTitle") != null)
        document.getElementById("vTitle").innerHTML = title;

}

function setupRotate() {
    if (jQuery("#jCar").length > 0) {

        function mycarousel_initCallback(carousel) {
            jQuery('span.paging div').bind('click', function() {
                carousel.scroll(jQuery.jcarousel.intval(jQuery(this).text()));
                jQuery(this).siblings().attr("class", "");
                jQuery(this).attr("class", "current");
                return false;
            });

            jQuery('#prev').bind('click', function() {
                carousel.options.auto = 0;
                carousel.prev();
                $current = jQuery("span.paging div.current");
                $current.attr("class", "");
                if ($current.prev().length > 0 && $current.prev().eq(0).html() != "")
                    $current.prev().attr("class", "current");
                else
                    jQuery("span.paging div:last").attr("class", "current"); //delete this if no wrap
                return false;
            });

            jQuery('#next').bind('click', function() {
                carousel.options.auto = 0;
                carousel.next();
                $current = jQuery("span.paging div.current");
                $current.attr("class", "");
                if ($current.next().length > 0 && $current.next().eq(0).html() != "")
                    $current.next().attr("class", "current");
                else
                    jQuery("span.paging div:first").attr("class", "current"); //delete this if no wrap
                return false;
            });
        }

        function mycarousel_itemLoadCallback(carouse) {
            if (carouse.options.auto > 0) {
                $current = jQuery("span.paging div.current");
                $current.attr("class", "");
                if ($current.next().length > 0 && $current.next().eq(0).html() != "")
                    $current.next().attr("class", "current");
                else
                    jQuery("span.paging div:first").attr("class", "current"); //delete this if no wrap
            }
        }

        function setUpPaging(control, itemsPerPage, itemWidth) {
            var children = control.find("li");
            page = control.parent().find("span.paging");
            if (page != null) {
                page.html("<span class=\"paging\">");
                for (i = 0; i < children.length; i++) {
                    //                    if (i == 0)
                    //                        page.html(page.html() + "<div class='current'>" + (i + 1) + "</div>");
                    //                    else
                    page.html(page.html() + "<div>" + (i + 1) + "</div>");
                }
                page.html(page.html() + "</span>");
            }
            return -1;
        }


        var pages = setUpPaging(jQuery("#jCar"));
        if (jQuery('#jCar li').length > 0) {
            jQuery('#jCar').jcarousel({
                scroll: 1,
                visible: 1,
                auto: 5,
                initCallback: mycarousel_initCallback,
                itemLoadCallback: { onAfterAnimation: mycarousel_itemLoadCallback }
            });
        }
    }
}

function setupDDL() {
    if (jQuery("div.dropDiv div.btn").length <= 0) return;
    $dd = jQuery("div.dropDiv div.btn");
    $dd.bind("mouseover", function() {
        $show = $(this).parent().find("div.panel");
        $show.css({ "display": "block", "left": ($(this).position().left - $show.width() + 170) + "px" });
    });

    jQuery("div.dropDiv").bind("mouseleave", function() {
        $(this).find("div.panel").css("display", "none");
    });
}


/*******************************************************
Change Font Size
*******************************************************/

function sizeControl(control, panel) {
    control.click(function() {
        var fontsize = "";
        if (jQuery(this).attr("alt").lastIndexOf("small") >= 0)
            fontsize = "100%"; //"12px";
        else if (jQuery(this).attr("alt").lastIndexOf("medium") >= 0)
            fontsize = "102%"; // "14px";
        else if (jQuery(this).attr("alt").lastIndexOf("large") >= 0)
            fontsize = "104%"; //"16px";


        panel.find("a").css("font-size", fontsize);
        panel.find("div").css("font-size", fontsize);
        panel.find("li").css("font-size", fontsize);
        panel.find("p").css("font-size", fontsize);
        panel.css("font-size", fontsize);
        var src = jQuery(this).attr("src");

        //turn off other items
        var sibs = jQuery(this).parent().find("img");
        for (i = 0; i < sibs.length; i++) {
            sibs.eq(i).attr("src", sibs.eq(i).attr("src").replace("_on", "_off"));
        }

        //turn on clicked item
        jQuery(this).attr("src", src.substring(0, src.lastIndexOf("_")) + "_on.gif");
    });
}