function clientStrip(widgetContext, animSpeed) {

    // defaults and variables
    var widgetContext = widgetContext || '.client-logos-wrapper',
    widgetWidth = $(widgetContext).width(),
    animSpeed = animSpeed || 600,
    thumbsWidth = 0,
	slideDistance = 0,
	animrunning = false,
	slideElem = $('.client-logos-thumbs', widgetContext);
    slideIndex = 0;

    $('li', slideElem).each(function () {
        thumbsWidth += $(this).outerWidth();
    });

    slideElem.width(thumbsWidth);

    $('.client-logos-thumbs-right-arrow', widgetContext).hover(
        function () {
            var jqObj = $(this), myLeft = Number(slideElem.css('left').replace('px', ''));
            jqObj.addClass('client-logos-thumbs-arrow-hovered');
            if (((slideElem.outerWidth() + myLeft) > widgetWidth) && (!animrunning)) {
                slideDistance = $('li:eq(' + slideIndex + ')', slideElem).outerWidth();
                animrunning = true;
                slideElem.animate({
                    left: myLeft - slideDistance
                }, animSpeed, function () {
                    setArrowsEnabled();
                    slideIndex++;
                    animrunning = false;
                    if (jqObj.hasClass('client-logos-thumbs-arrow-hovered')) {
                        jqObj.mouseenter();
                    }
                });
            }
        },
        function () {
            $(this).removeClass('client-logos-thumbs-arrow-hovered');
        }
    );

    $('.client-logos-thumbs-left-arrow', widgetContext).hover(
        function () {
            var jqObj = $(this), myLeft = Number(slideElem.css('left').replace('px', ''));
            jqObj.addClass('client-logos-thumbs-arrow-hovered');
            if ((myLeft < 0) && (!animrunning)) {
                slideDistance = $('li:eq(' + (slideIndex - 1) + ')', slideElem).outerWidth();
                slideDistance = (myLeft + slideDistance > 0) ? myLeft : slideDistance;
                animrunning = true;
                slideElem.animate({
                    left: myLeft + slideDistance
                }, animSpeed, function () {
                    setArrowsEnabled();
                    slideIndex--;
                    animrunning = false;
                    if (jqObj.hasClass('client-logos-thumbs-arrow-hovered')) {
                        jqObj.mouseenter();
                    }
                });
            }
        },
        function () {
            $(this).removeClass('client-logos-thumbs-arrow-hovered');
        }
    );

    function setArrowsEnabled() {
        var myLeft = slideElem.position().left;
        if (myLeft == 0) {
            $('.client-logos-thumbs-left-arrow', widgetContext).addClass('client-logos-thumbs-left-arrow-disabled');
        } else {
            $('.client-logos-thumbs-left-arrow', widgetContext).removeClass('client-logos-thumbs-left-arrow-disabled');
        }

        if ((slideElem.outerWidth() + myLeft) < widgetWidth) {
            $('.client-logos-thumbs-right-arrow', widgetContext).addClass('client-logos-thumbs-right-arrow-disabled');
        } else {
            $('.client-logos-thumbs-right-arrow', widgetContext).removeClass('client-logos-thumbs-right-arrow-disabled');
        }
    }

}


$(document).ready(function(){
	
	$('#bs-globalwebsites').hover(
		function(){
			$('#bs-globalwebsites .bs-websites-list').show();
		},
		function(){
			$('#bs-globalwebsites .bs-websites-list').hide();
		}
	);

});

function showCustomFormDialog(urlToLoad, title) {
    var options = SP.UI.$create_DialogOptions();
    options.width = 410;
    options.height = 450;
    options.url = urlToLoad;
    options.title = title;
    
    SP.UI.ModalDialog.showModalDialog(options);
}
function showCustomSignUpDialog(urlToLoad, title) {
    var options = SP.UI.$create_DialogOptions();
    options.width = 410;
    options.height = 450;
    options.url = urlToLoad;
    options.title = title;

    SP.UI.ModalDialog.showModalDialog(options);
}