//associates open and close links with the show and hide functions
jQuery("document").ready(function() {
	jQuery("p.open a").click(function(event) {
		ShowNoSLBrowse();
		event.preventDefault();
	});
	jQuery("p.close a").click(function(event) {
		HideNoSLBrowse();
		event.preventDefault();
	});
});
//four following functions should be called to open/close the "browse all videos" view
function ShowBrowse() {
	document.getElementById("SLHero").style.height = "520px";
}
function HideBrowse() {
	document.getElementById("SLHero").style.height = "340px";
}
function ShowNoSLBrowse() {
	closeNoSLBrowse(false);
}

function HideNoSLBrowse() {
	closeNoSLBrowse(true);
}

//handles the restyling of various elements based on whether the browse view is being closed [true] or opened [false]
function closeNoSLBrowse(close) {
	var displayVar = new Array()
	if (close) {
		displayVar[0] = 'block';
		displayVar[1] = 'none';
		jQuery("#NoSLbgImgChild").removeClass("expanded");
		jQuery("#noSLbgImg").removeClass("expanded");
	} else {
		displayVar[0] = 'none';
		displayVar[1] = 'block';
		jQuery("#NoSLbgImgChild").addClass("expanded");
		jQuery("#noSLbgImg").addClass("expanded");
	}
	jQuery("#slidingVideoPlayer").css({ 'display': displayVar[0] });
	jQuery("#NoSLBrowser").css({ 'display': displayVar[1] });
	jQuery("p.open").css({ 'display': displayVar[0] });
	jQuery("p.close").css({ 'display': displayVar[1] });
	jQuery(".videoImg").css({ 'display': displayVar[0] });
	jQuery(".browseImg").css({ 'display': displayVar[1] });
}

//updates the visible video list items based upon which tab is set
function updateBrowseList(tabSet) {
	var listID = new Array("#NoSLBrowser li.featured", "#NoSLBrowser li.works", "#NoSLBrowser li.getMore", "#NoSLBrowser li.safeguard");
	var i = 0;
	for (i = 0; i <= 3; i++) {
		if (i == tabSet - 1) {
			jQuery(listID[i]).css({ 'display': 'block' });
		} else {
			jQuery(listID[i]).css({ 'display': 'none' });
		}
	}
}