How to change a variable by clicking a link?

This site is best viewed in a modern browser with JavaScript enabled.

How to change a variable by clicking a link?

Origamidave

I have a website with java script that references a gallery ID as a text string. I want to have the user click a link and change that gallery ID so they see a different gallery. Here's a snippet of the code:

/********************************************************
 * Fullscreen Slideshow JS
 *
 * By: FastLine Media - http://www.fastlinemedia.com
 *******************************************************/

YE.onDOMReady(function()
{
	if(YD.hasClass(document.body, "homepage") && YD.hasClass(document.body, "notLoggedIn")) {

	var hideOn = [
		'mycustompage',
		'galleries',
		'map',
		'featured',
		'recent',
		'featured-events',
		'find',
		'mysearch'
	];

	for(var i = 0; i < hideOn.length; i++) {
		if(YD.hasClass(document.body, hideOn[i])) {
			return;
		}
	}

	var ss = new FL.widget.Slideshow({
		id:document.body,
		sourceType:'smugmug',
		source:{
			APIKey:'7w6kuU5Ee6KSgRRExf2KLgppdkez9JD2',
			[B][U]gallery:'22116386_jrvL6b'[/U][/B]
		},
		speed:5000,
		stretchy:true,
		useGrid:false,

The line that needs to be changed is 5th from the bottom: gallery:'22116386_jrvL6b'
Again, in my navigation bar at the top i'd like to click home and have the value be '22116386_jrvL6b' and then click portfolio and have the value change to '22234234_ghklrhwjfh'

Let me know if you need more code to answer the question.
Any help would be greatly appriciated,
-OD

holyhttp

It appears all variables in your Javascript code are initialize when the DomReady event is fired.
You need to break down that code for more flexibility. For instance you can create a function that takes the slideshow id as its argument.

function getSlideShow(galleryid){
return new FL.widget.Slideshow({
id:document.body,
sourceType:'smugmug',
source:{
APIKey:'7w6kuU5Ee6KSgRRExf2KLgppdkez9JD2',
gallery:galleryid
},
speed:5000,
stretchy:true,
useGrid:false,
..... //adtional parameters
);

}

Now you can set your variable ss with a call:

var ss=getSlideShow('22116386_jrvL6b');

Of course, we need to see more of your JavaScript code if you need further assistance.