// visionthingmedia.com venice, california, los angeles, ca designs and builds websites
//
// visionthing navigation framework 

// bang!

function selectNavBar(path) {
	
	//var url= window.parent.mainFrame.document.location.href;
	var nav="none";
	 	
	if((path=="")||(path==null)) {
		var url = document.location.href;	
		if (url.indexOf('/') != -1) {
		
			while (url.indexOf('/') != -1) {
				url = url.substring((url.indexOf('/')+1),url.length);
			}
			nav=url;
		}
	}
	else nav = path;
	
	// check if it's a sub page
	/* 
	if(nav.substr(0,4) == "reel") {	
		var select_nav = nav.substr(0,12);
		//alert("is Reel selectNavBar(path) select_nav: "+select_nav);
	}
	else {
		var select_nav = nav.substr(0,6);
	//	alert("is not Reel selectNavBar(path) select_nav: "+select_nav);
	}
	*/
	

 	var select_nav = nav.substr(0,6);
	//alert("  select_nav: "+select_nav);
 
	if(document.getElementById(select_nav)!=null) { 
	// check if it's a sub page
	/*
		if(select_nav[0]=='l') {
			document.getElementById(select_nav).className="nav_lyric_selected";
		}
		else {
			document.getElementById(select_nav).className="nav_word_selected";
		}
	*/
	
		if(document.getElementById(select_nav).className) {
			//alert("SelectNavBar() success: "+document.getElementById(select_nav).className);
			document.getElementById(select_nav).className="main_category_selected";
		}
	}
	else {
		
	 select_nav="home";
	 //document.getElementById(select_nav).className="nav_word_selected";
	}
	//document.getElementById('center').style.visibility = 'visible';
}



function buildNavBar(buildThis){

	var nav="none";
	
	if((buildThis=="")||(buildThis==null)) {
		var url = document.location.href;
		
		if (url.indexOf('/') != -1) {
		
			while (url.indexOf('/') != -1) {
				url = url.substring((url.indexOf('/')+1),url.length);
			}
			nav=url.substr(0,4);
			sub_nav=url.substr(0,10);
		}
	}
	else nav = buildThis;
	
	//alert("nav:" +nav);
	
	
	document.write('<div class="nav_bar"><div class="nav_list">');
	document.write('<a class="main_category" id="draw"   target="_self" href="drawing.html">DRAWING</a><br> ');
	document.write('<a class="main_category" id="arch"   target="_self" href="architecture.html">ARCHITECTURE</a><br> ');
	document.write('<a class="main_category" id="illu"   target="_self" href="illustration.html">ILLUSTRATION</a><br> ');
	document.write('<a class="main_category" id="cont"   target="_self" href="contact.html">CONTACT</a><br>');
	  
	
	document.write('</div>');
	document.write('</div>');

	buildLogoBar();
	selectNavBar(nav);
}


function buildLogoBar( ){

	//alert("buildLogoBar");
		
	document.write('<div class="logo">');
	 
	document.write(' <h1><a class="logo_email" href="home.html">MARTA JOHANSEN</a></h1>');
	document.write('</div>');	
}


function preloadImages(backgroundImageArray, offset) {
	
	var imgCount=10;
	var path="";
	
	if(offset==0) {
		for(i=0; i<imgCount; i++) {
			
			path = 'background/'+i+'.jpg';
			backgroundImageArray[i]=new Image;
			backgroundImageArray[i].src=path;
		}
	}
	else if(offset==99) {
	
	for(i=0; i<imgCount; i++) {
			
			path = 'background/'+offset+'.jpg';
			//alert(path);
			backgroundImageArray[i]=new Image;
			backgroundImageArray[i].src=path;
		}
	}
	else {
		for(i=0; i<imgCount; i++) {
			
			path = 'background/'+offset+i+'.jpg';
			//alert(path);
			backgroundImageArray[i]=new Image;
			backgroundImageArray[i].src=path;
		}
	}
}