// JavaScript Document
function viewSites(){
	
	var myConn = new XHConn();
	var urlText = "sitesFull.php";
	var replaceT = function (oXML) {
	
	document.getElementById('siteText').innerHTML = "<span>" + (oXML.responseText) + "</span>";
	document.getElementById('siteHead').innerHTML =  "SKILL";
	document.getElementById('siteClose').innerHTML =  "<a href='javascript:hideSites();'><div class='closeB'>-</div></a>";
	document.getElementById('sitesNav').innerHTML = "<a href='javascript:hideSites();'>- experience </a>";
	
	displaynext(0);
	
	}
	myConn.connect( urlText, "GET", "foo=bar&baz=qux", replaceT);
	hideIntro();

}

function viewIntro(){
	var myConn = new XHConn();
	var urlText = "introFull.php";
	var replaceT = function (oXML) {
	
	document.getElementById('introText').innerHTML =  "<span>" + (oXML.responseText) + "</span>";
	document.getElementById('introHead').innerHTML =  "MOTIVE";
	document.getElementById('introClose').innerHTML =  "<a href='javascript:hideIntro();'><div class='closeB'>-</div></a>";
	
	document.getElementById('introNav').innerHTML = "<a href='javascript:hideIntro();'>-  objective </a>";
	
	
	
	}
	myConn.connect( urlText, "GET", "foo=bar&baz=qux", replaceT);
	hideSites();

}




function clearPreload(){
	document.getElementById("preload").style.display = "none";

}

function hideIntro(){
	redAgain();
	
var mySpan = document.getElementById("introText");
mySpan.innerHTML="" 
var mySpan = document.getElementById("introNav");
mySpan.innerHTML="<span id='introNav'><a href='javascript:viewIntro();'>+ objective </a>"
	

}




function enlargeViewer(e){
	//alert("im here"); 
	var myConn = new XHConn();
	var urlText = "imageEnlarge/index" + (e) + ".php";
	var replaceT = function (oXML) {
	
	document.getElementById('background').innerHTML = "<div id='greybox' class='greyBox'></div>"
	document.getElementById('thViewer').innerHTML = "<div>" + (oXML.responseText) + "</div>";
	
	displaynextS(e);
	//alert(oXML.responseText);
	//alert(displaynextS.responseText);
	//alert(displaynext.responseText);
	//document.getElementById('aboutNav').innerHTML = "<a href='javascript:hideWindow("+e+");'>- about </a>"
	
	}
	myConn.connect( urlText, "GET", "foo=bar&baz=qux", replaceT);
	
}

function scrollViewerS(e){
		//alert("im here"); 
	var myConn = new XHConn();
	var urlText = "imageEnlarge/index" + (e) + ".php";
	var replaceT = function (oXML) {
	
	document.getElementById('background').innerHTML = "<div id='greybox' class='greyBox'></div>"
	document.getElementById('thViewer').innerHTML = "<div>" + (oXML.responseText) + "</div>";
	
	displaynextS(e);
	//alert(oXML.responseText);
	//alert(displaynextS.responseText);
	//alert(displaynext.responseText);
	//document.getElementById('aboutNav').innerHTML = "<a href='javascript:hideWindow("+e+");'>- about </a>"
	
	}
	myConn.connect( urlText, "GET", "foo=bar&baz=qux", replaceT);	
}


function hideWindow(e){
	var myDiv = document.getElementById('background').innerHTML = ""
var myDiv = document.getElementById("thViewer");
myDiv.innerHTML="";   

//var myDiv = document.getElementById("aboutNav");
//myDiv.innerHTML="<a href='javascript:enlargeViewer(10);'>+ about </a>";

}


function introRead(){
	
	introText();
	site();
}

function introText(){
  
	var myConn = new XHConn();
	var urlText = "text.php";
	var replaceT = function (oXML) {
	
	document.getElementById('introText').innerHTML =  "<span>" + (oXML.responseText) + "</span>";
	document.getElementById('introHead').innerHTML =  "MOTIVE";
	document.getElementById('introClose').innerHTML =  "<a href='javascript:hideIntro();'><div class='closeB'>-</div></a>";
	
	}
	myConn.connect( urlText, "GET", "foo=bar&baz=qux", replaceT);


	

}



function redAgain (){
	var myDiv = document.getElementById("introHead");
myDiv.innerHTML="TARGET" 
	var myDiv = document.getElementById("introClose");
myDiv.innerHTML="<a href='javascript:viewIntro();'><div class='closeB'>+</div></a>";
	

}

function site(){
	var myDiv = document.getElementById("sites");
myDiv.innerHTML="<a href='javascript:viewSites();'>SKILL</a>";
}

function siteText(){

	var myConn = new XHConn();
	var urlText = "sites.php";
	var replaceT = function (oXML) {
	
	document.getElementById('siteText').innerHTML = "<span>" + (oXML.responseText) + "</span>";
	document.getElementById('siteHead').innerHTML =  "SKILL";
	document.getElementById('siteClose').innerHTML =  "<a href='javascript:hideSites();'><div class='closeB'>-</div></a>";
	
	//displaynext(0);
	
	}
	myConn.connect( urlText, "GET", "foo=bar&baz=qux", replaceT);
	

}



function hideSites(){
	skillAgain();
	var myDiv = document.getElementById("siteText");
myDiv.innerHTML=""   
	var mySpan = document.getElementById("sitesNav");
	mySpan.innerHTML="<a href='javascript:viewSites();'>+ experience </a>"

}

function skillAgain(){
	var myDiv = document.getElementById("siteHead");
myDiv.innerHTML="STRENGTH" 
	var myDiv = document.getElementById("siteClose");
myDiv.innerHTML="<a href='javascript:viewSites();'><div class='closeB'>+</div></a>"; 

}

function watchOpen(){
	var myDiv = document.getElementById("watchOpen");
myDiv.innerHTML="<a href='javascript:hideWatch();'><div class='closeB'>-</div></a>"
	var myDiv = document.getElementById("watchText");
myDiv.innerHTML="My background in video editing and film theory enables me to provide a unique viewpoint on both television, movies and the burgeoning internet watching experience. Not a passive observer, I watch for plot and character development, the politics behind distribution, the social impact of the subject matter, stereotypes and the clothes. Since I don’t subscribe to cable, I keep up with my favorite television episodes through the network’s online viewers to analyize how to better integrate media into a seamless interactive/watching experience and how that relationship is changing the way we use video on websites.";
	

}


function hideWatch(){
	var myDiv = document.getElementById("watchOpen");
myDiv.innerHTML="<a href='javascript:watchOpen();'><div class='closeB'>+</div></a>"   
	var myDiv = document.getElementById("watchText");
myDiv.innerHTML="";   

}

function useOpen(){
	var myDiv = document.getElementById("useOpen");
myDiv.innerHTML="<a href='javascript:hideUse();'><div class='closeB'>-</div></a>"
	var myDiv = document.getElementById("useText");
myDiv.innerHTML="Usability is a priority in all projects and I place the user first and foremost in the design specification. Interactivity, like video editing, should be invisible and intuitive. My favorite sites enhance functionality without asking the user to re-learn the interface.";

	

}


function hideUse(){
	var myDiv = document.getElementById("useOpen");
myDiv.innerHTML="<a href='javascript:useOpen();'><div class='closeB'>+</div></a>"  
	var myDiv = document.getElementById("useText");
myDiv.innerHTML="";
 

}

function exposureOpen(){
	var myDiv = document.getElementById("exposureOpen");
myDiv.innerHTML="<a href='javascript:hideExposure();'><div class='closeB'>-</div></a>"
	var myDiv = document.getElementById("exposureText");
myDiv.innerHTML="I have experience working with highly collaborative teams of designers, technologists and production staff on problem definition and resolution.  Exposure to the following Technologies and Methodologies: Rapid Prototyping, Information Architecture, Server Statistical Analysis, Graphic Design, OmniGraffle, HTML, PHP, Javascript, AJAX, FLash, Flash Video Encoding, Video Production: Avid/ Final Cut Pro Video Editing, After Effects.";

	

}


function hideExposure(){
	var myDiv = document.getElementById("exposureOpen");
myDiv.innerHTML="<a href='javascript:exposureOpen();'><div class='closeB'>+</div></a>"  
	var myDiv = document.getElementById("exposureText");
myDiv.innerHTML=""
 

}



function exampleOpen(){
	var myConn = new XHConn();
	var urlText = "imageV.php";
	var replaceT = function (oXML) {
	
	var myDiv = document.getElementById("exampleOpen");
myDiv.innerHTML="<a href='javascript:hideExample();'><div class='closeB'>-</div></a>"
	var myDiv = document.getElementById("exampleText");
myDiv.innerHTML="<span>" + (oXML.responseText) + "</span>";
	
	displaynext(0);
	
	}
	myConn.connect( urlText, "GET", "foo=bar&baz=qux", replaceT);
	


}


function hideExample(){
	var myDiv = document.getElementById("exampleOpen");
myDiv.innerHTML="<a href='javascript:exampleOpen();'><div class='closeB'>+</div></a></div>"  
	var myDiv = document.getElementById("exampleText");
myDiv.innerHTML="";
 

}


<!-- style="background-image:url('images/imageBG.jpg')" -->