/*
	This code loads all stylesheets and javascript that is needed to run a TalkingHead.
	It is created from a template by the server.
*/

function talkTalkStart( talkTalkOptions )
{
	/*
		Free variables will be defined through parameters, bound as javascript variables in the first script on the page that loads this script,too.
		Free variables used in this script:
		* talkingHeadPosition
		* openTalkingHeadAutomatically
		* talkingHeadWidth
		* talkingHeadHeight
		* baseUrl
		* topDocument
		* viewPageUrl
		
		Other free variables (not used here)
		* docName
		* talkingHeadImage
		* viewWidth
		* viewHeight
	*/
	// Now find the script element that loads this script.
	/*var thisScript = $( "script[ src *= '" + docName + "/conversationLoader.js']" );
	var scriptOrigin = thisScript.attr( "src" );
	baseUrl = ( scriptOrigin && scriptOrigin.match( /ttv/i ) ) ? baseUrl : "";*/ 
	var options = { 
				position: talkTalkOptions.talkingHeadPosition, 
				autoOpen: talkTalkOptions.openTalkingHeadAutomatically,
				width: talkTalkOptions.talkingHeadWidth,
				height: talkTalkOptions.talkingHeadHeight
			}

	// End of customizations.
	
	var loadPath = talkTalkOptions.baseUrl.match( /talktalkfactory/i ) ? "dynamic/" : "";
			
	loadStylesheets( [ 	
						"fileTypes/families/floating/families/talkingHead/requiredModules/talkingHead/jquery-ui-1.8.1.custom.css", 
						"fileTypes/families/floating/families/talkingHead/jquery.ui.minimizableDialog.css",
						"fileTypes/families/floating/families/talkingHead/requiredModules/talkingHead/talkingHead.css"
					],
					talkTalkOptions.baseUrl );
	loadScripts( 
					[
						"fileTypes/families/floating/families/talkingHead/requiredModules/talkingHead/jquery-ui-1.8.13.custom.min.js",
						"fileTypes/families/floating/families/talkingHead/requiredModules/talkingHead/jquery.ui.subclass.js",
						"fileTypes/families/floating/families/talkingHead/jquery.ui.minimizableDialog.js",
					],
					function() 
					{
						$( '<div id="' + talkTalkOptions.topDocument + '" title="Talking Head" class="talkingHead talkingHeadOuter"></div>' )
							.append( '<iframe src="' + talkTalkOptions.baseUrl + talkTalkOptions.viewPageUrl + 'embeddedDocument.html"/>' )
							.appendTo( $( "body" ) )
							// Turn the talkingHead div into a minimizableDialog:
							.minimizableDialog( options );
					},
					talkTalkOptions.baseUrl
				)
};