//Montage creation scripts
var images = new Array(); //images array holds the list of images to be included in the montage
var track = null; //id of the track to be played
var user = null; //creator of the montage
var siteroot = null; //exactly that (used for preview link)
//addImage() - adds images to or removes images from the list of images for the montage. also sets class names to give the user a display cue that the image has been added or removed.
//id - id of the image to be added or removed.
//enables generate code button once images are set if track is also set
function addImage(id)
{
var removed = false; //Set the default of removed to false
for(var i = 0; i < images.length ; i++) //cycle through the existing array to check whether or not the image is already there
{
if(images[i] == id) //If the image is already there.
{
images.splice(i, 1); //remove it from the array
removed = true; //set the remove flag to true so the function later knows if the object was removed
document.getElementById(id).className = ""; //remove the border class so the user knows the image was removed
break; //break from the loop
}
removed = false; //If it makes it past the catch, the image was not removed
}
if(removed == false) //If no image was removed from the array, add it to the end.
{
images.push(id); //add the new image id to the end of the array.
document.getElementById(id).className = "montageborder"; //add the border class so the user knows the image was added
}
if(track != null && track != "" && images.length > 0) //if they have selected a track and at least one image, let them generate the code
{
document.getElementById('codebox').className = "topmargin";
document.codeform.generatebutton.disabled = false;
document.getElementById('nocodemessage').className = "hide";
}
document.codeform.imgz.value = images.join(); //implode the array into a string. join() deliniates with a comma by default. Sets this value to the imgz argument passed to the save function
}
//setTrack - Sets the id of the track to be used in the montage
//Is called by the select box and then pulls the value of the select box and stores it in track
//enables generate code button once track is set if images are also set
function setTrack()
{
var selector = document.tracksform.track_selector; //Get the selector box
var track_id = selector.options[selector.selectedIndex].value; //Get the value from the selector box
track = track_id; //Assign value to track
if(track != null && track != "" && images.length > 0) //if they have selected a track and at least one image, let them generate the code
{
document.getElementById('codebox').className = "topmargin";
document.codeform.generatebutton.disabled = false;
document.getElementById('nocodemessage').className = "hide";
}
document.codeform.track_mid.value = track; //Sets this value to the track_mid argument passed to the save function
}
//generateCode() - Takes the input info from track and images and generates the web site link and embedded flash code for the montage
function generateCode()
{
var image_list = images.join(); //implode the array into a string. join() deliniates with a comma by default
var weblink = siteroot + "montage.php?trackid=" + track + "&images=" + image_list + "&user=" + user; //Build the web link string
var embedcode = ""; //Initialize the object embed string
//Build the object embed string with variables for track and image list
embedcode += ' \n';
embedcode += '
\n';
embedcode += '
\n';
embedcode += '
\n';
embedcode += '
\n';
embedcode += '
\n';
embedcode += '
\n';
embedcode += '