function preLoadImgs(){
	var imgpreload = document.getElementById('imgPreload');
	imgpreload.innerHTML = "<img src=\"img/grey_tab.gif\"><img src=\"img/nav_about2.gif\"><img src=\"img/nav_contact2.gif\"><img src=\"img/nav_art2.gif\"><img src=\"img/nav_web2.gif\"><img src=\"img/nav_product2.gif\"><img src=\"img/nav_experience2.gif\">"
}

function rollOver(val,srcd){
	var img = document.getElementById(val);
	img.src = srcd;
}

function mouseOver(val){
	var img = document.getElementById('nav_'+val);
	img.src = "img/nav_"+val+"2.gif";
	if(val == "about" || val == "contact"){
		var tab1 = document.getElementById('tab_'+val);
		tab1.src = "img/blue_tab.gif";
	}
	
	var tab2 = document.getElementById('tab_nav');
	tab2.src = "img/grey_tab.gif";
}

function mouseOut(val){
	var img = document.getElementById('nav_'+val);
	img.src = "img/nav_"+val+".gif";
	if(val == "about" || val == "contact"){
		var tab1 = document.getElementById('tab_'+val);
		tab1.src = "img/grey_tab.gif";
	}
	
	var tab2 = document.getElementById('tab_nav');
	tab2.src = "img/blue_tab.gif";
}

function resizeThumb(val,startW,startH,endW,endH,offsetX,offsetY){
	if(val.thumbResizeTimer){
		window.clearInterval(val.thumbResizeTimer);
	}
	var rate = 20;
	var step = 10;
	var flag;
	if(startW < endW){
		val.flag = 'bigger';
	} else {
		val.flag = 'smaller';
	}
	val.thumbResizeTimer = window.setInterval( function(){
									  var objW = val.style.width;
									  var objH = val.style.height;
									  var w = parseInt(objW.substr(0,objW.length-2));
									  var h = parseInt(objH.substr(0,objH.length-2));
									  if(val.flag == 'bigger'){
										  if(w <endW || h<endH){
											  if(w<endW){
												 if(Math.abs(parseInt(w)-parseInt(endW))<step){
													val.style.width = endW+"px";
												 } else {
													val.style.width = parseInt(w)+step+"px";
												 }
											  }
											  if(h<endH){
												 if(Math.abs(parseInt(h)-parseInt(endH))<step){
													val.style.height = endH+"px";
												 } else {
													val.style.height = parseInt(h)+step+"px";
												 }
											  }
										  } else {
											window.clearInterval(val.thumbResizeTimer);
										  }
											val.style.backgroundPosition = "0px 0px";
									  } else{
										  if(w >endW || h>endH){
											  if(w>endW){
											  	if(Math.abs(parseInt(w)-parseInt(endW))<step){
													val.style.width = endW+"px";
												} else {
													val.style.width = parseInt(w)-step+"px";
												}
											  }
											  if(h>endH){
												 if(Math.abs(parseInt(h)-parseInt(endH))<step){
													val.style.height = endH+"px";
												 } else {
													val.style.height = parseInt(h)-step+"px";
												 }
											  }
										  } else {
											window.clearInterval(val.thumbResizeTimer);
										  }
										  	val.style.backgroundPosition = offsetX+"px "+offsetY+"px";
									  }
							  },rate);
}
function warnDelete(val){
	check = confirm("Are you sure you want to delete "+val+" ?");
	if(check == true){
		return true;
	} else {
		return false;
	}
}
function popUp(varLink){
	day = new Date();
	id = day.getTime();
eval("page" + id + " = window.open('"+varLink+"', '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width=500,height=400;left = 10,top = 10');");
}

function bigPic(img,width,height){
	day = new Date();
	id = day.getTime();
eval("page" + id + " = window.open('"+img+"', '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=0,menubar=0,resizable=0,width="+width+",height="+height+",left = 10,top = 10');");

}
function changePic(img,w,h,sw,sh,caption){
	var get = document.getElementsByName("mainImg");
	get[0].src = 'img/loading.gif';
	
	var imgdiv = document.getElementById("mainImageDiv");
	imgdiv.style.width = sw+"px";
imgdiv.style.height = sh+"px";


	get[0].src = img;

	
	var getlink = document.getElementById("mainImageLink");
	getlink.href = "javascript: bigPic('"+img.replace('_m','_l')+"','"+w+"','"+h+"')";
	
	var getcap = document.getElementById("mainImageCaption");
	if(caption.length > 0){
		getcap.style.display = "block";
getcap.style.width = (parseInt(sw)-5)+"px";
	} else {
		getcap.style.display = "none";
	}
	getcap.innerHTML = caption;
}
function flashVid(val,w,h){
	var height = screen.height;
	//var posY = (height - h)/3;
	var posY = 50;
	var posX = 50;
	var width = screen.width;
	//var posX = (width - w)/2;
	var holder = document.getElementById("videoHolder");
	holder.style.top = posY+"px";
	holder.style.left = posX+"px";
	holder.style.width = w+"px";
	holder.style.display="block";
	//holder.style.height = h+"px";
	
	var stuff = "<div class=\"vidTopBar\"><a href=\"javascript:closebox()\" title=\"Click to Close Popup Box\">Click to Close</a></div><object classid=\"clsid:D27CDB6E-AE6D-11cf-96B8-444553540000\" codebase=\"http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0\" width=\""+w+"\" height=\""+h+"\">";
	stuff += "<param name=\"movie\" value=\""+val+"\">";
	stuff += "  <embed src=\""+val+"\" quality=\"high\" pluginspage=\"http://www.macromedia.com/go/getflashplayer\" type=\"application/x-shockwave-flash\" width=\""+w+"\" height=\""+h+"\"></embed>";
	stuff += "</object>";
	//alert(stuff);
	
	holder.innerHTML = stuff;
	//alert(posX+" "+posY);
}
function closebox(){
	var holder = document.getElementById("videoHolder");
	holder.innerHTML = '';
	holder.style.left = "0px";
	holder.style.top = "-100px";
	holder.style.display="none";
}
function revbox(id){
	var holder = document.getElementById(id);
	holder.style.display = 'block';
}