// ============ PanoModulesGroup ===============================

PanoModulesGroup = function( key, groupName, color ){
	this.pageID = generateRandomID();
	this.groupID = groupName || generateRandomID();
	this.key = key;
	this.color = color;
}
PanoModulesGroup.prototype.addModule = function( fileSWF, containerID, color ){
	var container = document.getElementById( containerID );
	color = color || this.color || "#FFFFFF";
	var so = new SWFObject( fileSWF, createSwfID(containerID), "100%", "100%", "8", color);
	so.addVariable( "key", this.key );
	so.addVariable( "pageID", this.pageID );
	so.addVariable( "groupID", this.groupID );
	so.addVariable( "moduleID", containerID );
	so.write( containerID );
}


// ============ Utilities ===============================

function generateRandomID (){
	return Math.round(Math.random()*1000000).toString(36);
}
function createSwfID ( containerID ){
	return containerID + "_swf";
}
function getModule( containerID ) {
    if (navigator.appName.indexOf("Microsoft") != -1) return window[this.createSwfID(containerID)]
    else return document[this.createSwfID(containerID)]
}


// ============ Controls ===============================

function setContentData(containerID, obj) {
    getModule(containerID).setContentData(obj);
}
function loadContentData(containerID, dataLocation) {
    getModule(containerID).loadContentData(dataLocation);
}
function loadHotspotsData(containerID, dataLocation) {
    getModule(containerID).loadHotspotsData(dataLocation);
}
function setPreferences(containerID, obj) {
    getModule(containerID).setPreferences(obj);
}


// ============ Callbacks ===============================

function setCaption( moduleID, headText ) {
	var captionContainer = document.getElementById( moduleID + "_caption" );
	if( captionContainer != null ) captionContainer.innerHTML = headText;
}