// JavaScript Document

//creates catagory arrays
//Colored Pencil Start
var cp = new Array();
cp[0]="dog-chasing-cat";
cp[1]="horse";
cp[2]="little-girl";
cp[3]="girl-reading";

//End Colored Pencil
//Illustrations Start
var il = new Array();
il[0]="PJ-Climbed-up-and-Found-a-D"
il[1]="The-Voyage-Tina-Bilbrey"
il[2]="light-traveling-thru-space"
il[3]="Hippo-Dance"
il[4]="light-around-the-world"
il[5]="Lucky-n-Bone"
il[6]="Lucky-Walking-with-Bone"
il[7]="Car-Plane-Rocket"
il[8]="Apollo-sun-god"
il[9]="jules-verne"
il[10]="patriotic-boy"
il[11]="Capsules"

//End Illustrations Art
//Fine Art Start
var fa = new Array();
fa[0]="TulipsPainting"
fa[1]="Ellie"
fa[2]="DayDreaming"
fa[3]="Siblings-By-Heart"
fa[4]="OilStillLife"
fa[5]="Peaceful-Road"
fa[6]="stillife"
fa[7]="Horse"
fa[8]="Stearman-Biplane"
fa[9]="Plane2"
fa[10]="Sunrise"
fa[11]="zebras"
fa[12]="Building1"
fa[13]="germanshepherd"
fa[13]="Building"
fa[14]="Rocky"
fa[14]="germanshepherd"






/*#################################################
###############  End Edit Section #################
#################################################*/

function loadthumbs(catname){
var z = new Array();
var artclass = catname
	switch (catname){
		case "ColoredPencil":
		z = cp;
		break;
		case "FineArt":
		z = fa;
		break;
		case "Illustrations":
		z = il;
		break;
		default:
		z = il;
	}
picnum=z.length
for (i=0;i<picnum;i++){
		document.write("<div class=\"thumbnail\"><a href=\"#\" onclick=\"chgeventimg(\'"+z[i]+"\',\'"+catname+"\')\"><img src=\"/art/"+catname+"/"+z[i]+"_thumb.jpg\" border=\"false\" /></a></div>");
	}
}
//http://www.tinabilbrey.com/art/undefined/Building,FineArt.jpg
function changeclass(x){
	var obj = document.getElementById(x);
	var divs = new Array();
//makes a class findable like id in DOM
	divs = document.getElementsByTagName('div');
		for (j=0;j<divs.length;j++){
			if(divs[j].className=='thumbs') {
				divs[j].style.display='none';
			}
		}
	var tagline;
		switch (x){
			case "cp":
			tagline="Illustrations by Tina are done in colored pencil and pencil.";
			break;
			case "fa":
			tagline="Tina's Fine Art is a combination of Oil, Watercolor, and Pencil.";
			break;
			case "il":
			tagline="Illustrations by Tina are mixed media using Watercolor and Photoshop.";
			break;
			default:
			tagline="Illustrations by Tina are a combination of Watercolor, Digital and Colored Pencil."
		}
	document.getElementById('img_title').innerHTML=tagline;
	obj.style.display="block";
}

function placeimg() {
var obj=document.getElementById('eventimg');
var obj2=document.getElementById('event');
var ht=obj.offsetHeight;
var wt=obj.offsetWidth;
var st="padding-top:"
 if(ht<390){
 var dif = (400-ht)/2;
 obj2.style.paddingTop=dif+"px";
 }
}

function chgeventimg(pic,cat){
var obj=document.getElementById('eventimg');
var obj2=document.getElementById('event');
obj2.style.padding="0px";
obj.src="/art/"+cat+"/"+pic+".jpg";
var t=setTimeout('placeimg()',500);
}

function rollover(img){
	var obj=document.getElementById(img);
	obj.src="/images/"+img+"_hover.jpg";
}

function rollback(img){
	var obj=document.getElementById(img);
	obj.src="/images/"+img+".jpg";
}