function popWin(url,width,height,posx,posy) {
var myWindow = window.open(url, "mainWin", 'resizable=0,toolbar=0,location=0,directories=0,status=0,menubar=0,scrollbars=1,width='+width+',height='+height+',screenX='+posx+',screenY='+posy+',left='+posx+',top='+posy+'');
myWindow.focus()
}

var layers = new Array("boxes","contact_clickme");
var ProjectsLayer = new Array("skills_start","experience_start","projects_start","projects_lucid","projects_hotsocket","projects_kesler","projects_hubco","projects_jewelry","contactme_click","contactme_thankyou");
var Projects_subnavLayer = new Array("projects_subnav");


function showLayer(id,whichArray) {
	if (ie == true) {
	for (i=0; i<eval(whichArray+'.length'); i++) {
	object = docRef + eval(whichArray+'[i]') + docStyle;
	if (eval(object + ".display") == 'block')
		eval(object + ".display = 'none'");
	}
		object = docRef + id + docStyle;
		if (eval(object + ".display") == 'block') {
		eval(object + ".display = 'none'");
		}
		else {
		eval(object + ".display = 'block'");
		}
	}
	else if (ns4 == true) {
	for (i=0; i<eval(whichArray+'.length'); i++) {
	object = docRef + eval(whichArray+'[i]') + docStyle;
	if (eval(object + ".visibility") == 'show')
		eval(object + ".visibility = 'hide'");
	}
	object = docRef + id + docStyle;
		if (eval(object + ".visibility") == 'show') {
		eval(object + ".visibility = 'hide'");
		}
		else {
		eval(object + ".visibility = 'show'");
		}
	}
	else if (ns5 == true) {
	for (i=0; i<eval(whichArray+'.length'); i++) {
	object = docRef + eval(whichArray+'[i]') + docStyle;
	if (eval(object + ".display") == 'block')
		eval(object + ".display = 'none'");
	}
	object = docRef + id + docStyle;
		if (eval(object + ".display") == 'block') {
		eval(object + ".display = 'none'");
		}
		else {
		eval(object + ".display = 'block'");
		}
	}
	else {}
}

// load events
document.observe('dom:loaded', function() {
var hoverboxes = $$('.hoverbox');


	
	
	if(hoverboxes.length > 0) {
		hoverboxes.each(function(hb) {
			var preview = hb.down('.preview');
			Event.observe(hb, 'mouseenter', function() {
				hb.style.position  = "relative";
				preview.style.display = "block";
			});
			Event.observe(preview, 'mouseleave', function() {
			hb.style.position  = "static";
				preview.style.display = "none";
			});
		});
	}
	

});