<html>
	<head>
		<title>Haley Richardson &amp; Bryce Spencer: Small Gauge Film: The Basics</title>
		<style>

.mano{
	cursor:hand;
}
.normal {
   font-family:verdana; font-size:10pt; 
}

.gm_options {
   position:absolute; margin-top:-21px; margin-left:10px; border:0px; padding:0px; z-index:2; 
   font:bold 10pt verdana; white-space:nowrap;
}

.gm_select {
   position:relative; border:0px; padding:0px; margin:0px; top:3px; z-index:2;  
}
 
.gm_selected {
   position:relative; margin:0px; top:0px; left:-4px; padding:0px 10px 1px 2px; height:18px; z-index:2; 
   border:1px solid; border-color:#5353AB #FFFFFF #C8C8C8 #FFFFFF; 
   font:bold 10pt verdana; color:#404040; background-color:#FFFFFF;
  
}      

.gm_ops {
   position:relative; padding:3px 30px 5px 6px; top:-1px; margin:0px 7px 0px 0px; height:0px; width:100%; z-index:3;
   border:1px solid #5353AB; border-top:1px #DDDDDD dashed; 
   line-height:135%; background-color:#FFFFFF; 
   visibility:hidden;

.gm_option {
   padding:0px; width:100%; dz-index:6; 
   color:#848484; white-space:nowrap;    
   cursor:hand; 
}

.gm_toolbar {
   margin-left:12px; margin-top:4px; cursor:hand; 
}  


</style>
		<script> 
var imgPrefix;
var curmode = 'modefull';
var loaded = true;
var gmStarted = false;
var loadedMSPlayer = true;
var size = 0.33;
var maxSliderSize = 50;
var addToWidth = 0;
var miniwidth = 360+15;
var miniheight = 240+240+addToWidth;


/*function slideResizer()
{
	if(event.button==1)
	{
		//alert(event.offsetX);
		tam = Math.max(0, event.offsetX);
		tam = Math.min(tam, maxSliderSize);
		gm_resizer.style.width = ""+tam+"px";
		tam = tam*100/maxSliderSize;
		
		size = tam/100;
	}

}
*/
  function nueva(nodo)
  {
	window.open(nodo.getAttribute("nombre"));
  }

function check()
{ gm_scroll.disabled = false;
	   gm_single.disabled = false;
	   gm_scroll.runtimeStyle.cursor="hand";
	   gm_single.runtimeStyle.cursor="hand"; 
}

function activateScroll() {
 
 if(event.srcElement.gm_iTextType=="transcript" || event.srcElement.gm_iTextType=="slides")
    {  	gm_scroll.disabled = false;
	gm_single.disabled = false;

	// cambiar imagenens dependiendo del tipo para q concuerde con el estado inicial
	if(event.srcElement.gm_iTextType=="transcript")
	    {	gm_scroll.src = imgPrefix + "scroll_on.gif";
		gm_single.src = imgPrefix + "single.gif";
		//gm_resizer.parentElement.parentElement.style.display="none";
	    }
	else
	    {	gm_scroll.src = imgPrefix + "scroll.gif";
		gm_single.src = imgPrefix + "single_on.gif";
		//gm_resizer.parentElement.parentElement.style.display="inline";
	    }
	gm_scroll.runtimeStyle.cursor="hand";
	gm_single.runtimeStyle.cursor="hand";

    }
  else
    {	gm_scroll.disabled = true;
	gm_single.disabled = true;

	// cambiar imagenes para que den apariencia de disabled
	gm_scroll.src = imgPrefix + "scroll_dis.gif";
	gm_single.src = imgPrefix + "single_dis.gif";
	gm_scroll.runtimeStyle.cursor="auto";
	gm_single.runtimeStyle.cursor="auto";	
	//gm_resizer.parentElement.parentElement.style.display="none";
    }

  temp = gm_selTrans.gm_iTextType;
  gm_selTrans.gm_iTextType = event.srcElement.gm_iTextType;
  event.srcElement.gm_iTextType = temp;
  
}

function showMode(m, cont, trans, x, y) {
 document.all.modefull.src= imgPrefix + 'modefulloff.gif';
 document.all.modetoc.src= imgPrefix + 'modetocoff.gif';
 document.all.modetrans.src= imgPrefix + 'modetransoff.gif';
 document.all.modevideo.src= imgPrefix + 'modevideooff.gif';

 m.src = imgPrefix + m.id + 'on.gif';
 curmode = m.id;

 window.resizeTo(x, y); 

 if (cont) {
   document.all.toc.style.display='block';
 } else {
   document.all.toc.style.display='none';  
 }

 if (trans) {
   document.all.tra.style.display='block';
 } else {
   document.all.tra.style.display='none';  
 }

}

function modeMouseOut(m) {
  if (m.id == curmode ) {
    m.src =  imgPrefix + m.id + 'on.gif';
  } else { 
    m.src =  imgPrefix + m.id + 'off.gif';
  }
}


function gmPlayerStart() {

  imgPrefix = gm_player.gm_imgPrefix;

/*  if(getQueryString("notes")!="")
    {
	var notes = getQueryString("notes");
	//alert(notes);
	//gm_notes.gm_href = notes + "&amp;s=notes73&amp;g=ilm/pena2.gml";
	//gmNotes.switchText(document,document.all.gm_notes);
    }*/

  if(document.all.gm_selTrans.gm_iTextType!="slides")
    {
	//gm_resizer.parentElement.parentElement.style.display="none";
    }

  // if needed, syncs frames during reload  

  for(i=0;Math.min(i,gm_selSpan.length-1)==i;i++)
    gm_selSpan.item(i).style.pixelWidth = gm_selSpan.item(i).parentElement.clientWidth - 26;

  gm_menu.style.paddingLeft = gm_menu.parentElement.firstChild.firstChild.clientWidth + 20


  if (gm_trans.document.URL.indexOf(document.all.gm_trans.src) == -1) {
    gm_trans.document.URL = document.all.gm_trans.src;
  } 

  if (gm_toc.document.URL.indexOf(document.all.gm_toc.src) == -1) {
    gm_toc.document.URL = document.all.gm_toc.src;
  } 

  if (loaded) {
    try { 
      gmNotes.startGlifos(window, ms_player); 

    } catch(e) {
      loaded = false;
    } 
  }
    
}

var isFirst = true;

  function timeToSec(time)
    {	var res=0
	try
	    {	time+=":"
		while(time.indexOf(":")!=-1)
		    { 	res*=60
			//alert(time.substring(0,time.indexOf(":"))+"T"+res)
			res+=time.substring(0,time.indexOf(":"))*1
			time=time.substring(time.indexOf(":")+1,time.length)
		    }		
	    }
	catch(e) { res=0 }
	finally { return res }
    }


  function getQueryString(name)
    {
	QS = document.location.search;
	vamp = String.fromCharCode(38);
	//alert(vamp);
	res = QS.substr(QS.indexOf(name) + "=");
	res = res.substring(res.indexOf("=")+1, (res.indexOf(vamp)==-1)?(res.length):(res.indexOf(vamp)));
	return res;
    }

 </script>
	</head>
	<body id="gm_player" class="normal" leftmargin="0" topmargin="0" SCROLL="no" bgcolor="#FFFFFF" onload="gmPlayerStart(); check();" onclick="gmNotes.clickDispatch(window);" onbeforeunload="gmNotes.checkUnsaved(window);" gm_imgPrefix="skinfiles\" onscroll="scrollTo(0,0);">
		<table border="0" cellpadding="0" cellspacing="0" height="100%" width="100%">
			<tr>
				<td valign="top" align="center" bgcolor="black">
					<table border="0" cellpadding="0" cellspacing="0" width="100%" bgcolor="black">
						<tr>
							<td valign="center"><img src="skinfiles\glifosmediablack.gif" style="margin-top:2px; margin-left:2px;" width="156" height="26"/>
								<object id="gmNotes" onerror="loaded = false;" CLASSID="CLSID:3D70DE0C-DF6A-485C-A001-B584E95FD4C2" CODEBASE="gmNotes.CAB#version=1,0,0,37" width="1" height="1"></object></td>
							<td align="right" valign="middle">
								<div style="margin-top:4px; margin-right:7px;">
									<nobr>
										<img id="modefull" src="skinfiles\modefullon.gif" alt="Full-Mode" width="32" height="20" onmouseover="this.src= imgPrefix + &quot;modefullover.gif&quot;" onmouseout="modeMouseOut(this);" onclick="showMode(this, true, true, 975, 700);" style=""/>
										<img id="modetoc" src="skinfiles\modetocoff.gif" style="" alt="Content-Mode" width="14" height="20" onmouseover="this.src= imgPrefix + &quot;modetocover.gif&quot;;" onmouseout="modeMouseOut(this);" onclick="showMode(this, true, false, miniwidth, 700);"/>
										<img id="modetrans" src="skinfiles\modetransoff.gif" style="" alt="Transcript-Mode" width="32" height="20" onmouseover="this.src= imgPrefix + &quot;modetransover.gif&quot;;" onmouseout="modeMouseOut(this);" onclick="showMode(this, false, true, 975, miniheight);"/>
										<img id="modevideo" src="skinfiles\modevideooff.gif" style="margin-left:7px;" alt="Video-Mode" width="14" height="20" onmouseover="this.src= imgPrefix + &quot;modevideoover.gif&quot;;" onmouseout="modeMouseOut(this);" onclick="showMode(this, false, false, miniwidth, miniheight);"/>
									</nobr>
								</div>
							</td>
						</tr>
						<tr><td colspan="2" align="right"><img src="skinfiles\orangeliner.jpg" style="margin-top:2px;" border="0" hspace="4" width="100%" height="2"/></td></tr>
					</table>
					<object id="ms_player" width="360" height="304" onerror="loadedMSPlayer = false;" classid="CLSID:6BF52A52-394A-11d3-B153-00C04F79FAA6" style="border: 1px solid #000000;" clsid="D8B2A570-1938-7E61-297C-8F724D3CC4DA">
						<param name="uiMode" value="full"/>
						<param name="rate" value="1"/>
						<param name="balance" value="0"/>
						<param name="currentPosition" value="0"/>
						<param name="playCount" value="1"/>
						<param name="autoStart" value="0"/>
						<param name="invokeURLs" value="-1"/>
						<param name="URL" value="http://cobra.ischool.utexas.edu:8080/asxgen/Content2/labstaff/2006/film/film-tutorial.wmv"/>
						<param name="volume" value="50"/>
						<param name="mute" value="0"/>
						<param name="stretchToFit" value="0"/>
						<param name="windowlessVideo" value="0"/>
						<param name="enabled" value="-1"/>
					</object>
				</td>
				<td id="tra" rowspan="2" width="100%" height="100%" style="vertical-align:top; padding-top:4px; padding-left:12px;" bgcolor="white">
					<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
						<tr>
							<td valign="bottom">
								<div id="gm_sel" class="gm_options" gm_selId="gm_selTrans" gm_selOps="gm_opsTrans" gm_selFrame="gm_trans" onmouseover="gmNotes.MouseOverDispatch(window);" onmouseout="gmNotes.MouseOutDispatch(window);">
									<img class="gm_select dummy" src="skinfiles\flap.gif" width="3" height="19"/>
									<span class="gm_selected" id="gm_selSpan"><span id="gm_selTrans" gm_iTextType="transcript">Transcript</span>:</span><img class="gm_select dummy" src="skinfiles\nofold.gif" width="19" height="19" border="0" style="left:-5;"/>
									<div id="gm_opsTrans" class="gm_ops" gm_mouseOver="color:#5353AB; text-decoration:underline;" gm_mouseOut="">
										<div class="gm_option" gm_href="dummy.html" gm_language="EN" gm_sync="1"></div>
									</div>
								</div>
							</td>
							<td id="gm_menu" align="left" style="padding-left:100px">
								<img id="gm_scroll" class="gm_toolbar" gm_src_on="skinfiles\scroll_on.gif" gm_src_off="skinfiles\scroll.gif" onclick="gmNotes.scrollSegments(window);" height="19" width="41" src="skinfiles\scroll_on.gif"/>
								<img id="gm_single" class="gm_toolbar" gm_src_on="skinfiles\single_on.gif" gm_src_off="skinfiles\single.gif" onclick="gmNotes.singleSegments(window);" height="19" width="41" src="skinfiles\single.gif"/>
								<img class="gm_toolbar" src="skinfiles\print.gif" nombre="filmtutorialtransnotes_print.html" onclick="window.open(this.nombre)" height="19" width="41"/>
							</td>
						</tr>
						<tr>
							<td colspan="3"><img src="skinfiles\blueline.jpg" style="position:relative; margin-top:0px; margin-left:2px; z-index:1;" border="0" vspace="0" hspace="0" width="100%" height="1"/></td>
						</tr>
						<tr height="100%">
							<td colspan="3">
								<iframe id="gm_trans" width="100%" height="100%" FRAMEBORDER="NO" src="filmtutorialtransnotes_transcript_transcript.html">
								</iframe>
							</td>
						</tr>
					</table>
				</td>
			</tr>
			<tr height="100%"><td id="toc">
					<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
						<tr>
							<td valign="bottom">
								<div id="gm_sel" class="gm_options" gm_selId="gm_selToc" gm_selOps="gm_opsToc" gm_selFrame="gm_toc" onmouseover="gmNotes.MouseOverDispatch(window);" onmouseout="gmNotes.MouseOutDispatch(window);">
									<img class="gm_select dummy" src="skinfiles\flap.gif" width="3" height="19"/>
									<span class="gm_selected" id="gm_selSpan"><span id="gm_selToc">Contents</span>:</span><img class="gm_select dummy" src="skinfiles\nofold.gif" width="19" height="19" border="0" style="left:-5;"/>
									<div id="gm_opsToc" class="gm_ops" gm_mouseOver="color:#5353AB; text-decoration:underline;" gm_mouseOut="">
										<div class="gm_option" gm_href="dummy.html" gm_language="EN" gm_sync="1"></div>
									</div>
								</div>
							</td>
							<td align="right">
								<div style="color:#404040; font-size:11pt; font-family: Verdana; margin:5px 4px 4px 0px;">
									<b>Haley Richardson &amp; Bryce Spencer</b><br/>
									<span style="font-size:8pt;">Small Gauge Film: The Basics</span>
								</div>
							</td>
						</tr>
						<tr>
							<td colspan="2"><img src="skinfiles\blueline.jpg" style="position:relative; margin-top:0px; margin-left:2px; z-index:1;" border="0" vspace="0" hspace="0" width="100%" height="1"/></td>
						</tr>
						<tr height="100%">
							<td colspan="2">
								<iframe id="gm_toc" width="100%" height="100%" FRAMEBORDER="NO" src="filmtutorialtransnotes_toc_contents.html">
								</iframe>
							</td>
						</tr>
					</table>
				</td>
			</tr>
		</table>
	</body>
</html>