// JavaScript Document
function openCenteredNormal(url, width, height) {
    var left = parseInt((screen.availWidth/2) - (width/2));
    var top = parseInt((screen.availHeight/2) - (height/2));
    var windowFeatures = "width=" + width + ",height=" + height + 
        ",status,resizable,left=" + left + ",top=" + top + 
        ",screenX=" + left + ",screenY=" + top + ", status=yes, menubar=yes, scrollbars=yes";
    myWindow = window.open(url, "CenteredWindow", windowFeatures);
}

// ADD EVENT TO OBJECT
function addEvent( obj, type, fn ){  // the add event function
	if (obj.addEventListener) obj.addEventListener( type, fn, false );
	else if (obj.attachEvent) {
	  obj["e"+type+fn] = fn;
	  obj[type+fn] = function() {
		obj["e"+type+fn]( window.event );
	  };
	  obj.attachEvent( "on"+type, obj[type+fn] );
	}
}

// PRELOAD IMAGES
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}

function MM_findObj(n, d) { //v4.01
  var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
    d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
  if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
  for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
  if(!x && d.getElementById) x=d.getElementById(n); return x;
}
function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
}
function preload() {
	MM_preloadImages('images/nav_about_roll.gif','images/nav_work_roll.gif','images/nav_contact_roll.gif');
}

// ADD EVENT TO PRELOAD IMAGES
addEvent(window, 'load', preload);

// HANDLE MOUSE OVER IN MAIN MENU
// set images folder
var imgDir = 'images/';
// set mouse over images sufix
var imgSufix = '_roll';
// set images type
var imgType = 'gif';
// set menu items
var navItems = new Array();
navItems.push('nav_about');
navItems.push('nav_work');
navItems.push('nav_contact');
navItems.push('nav_experience');
navItems.push('nav_capabilities');
navItems.push('nav_meaning');
navItems.push('nav_portfolio');
navItems.push('nav_clist');
navItems.push('nav_ccomments');

// over handling
function navOver(nav) {
	nav.src = imgDir+nav.id+imgSufix+'.'+imgType;
}
// out handling
function navOut(nav) {
	nav.src = imgDir+nav.id+'.'+imgType;
}

function myAlert(txt) {
	alert(txt);
}
// all together now! :)
function navHandle() {
	for(key in navItems) {
		nav = document.getElementById(navItems[key]);		
		if(nav != null) {			
			addEvent(nav, 'mouseover', function () { navOver(this); });
			addEvent(nav, 'mouseout', function () { navOut(this); });
		}
	}
}

// attach call to window
addEvent(window, 'load', navHandle);

// submenus
var subNav = new Array();
subNav.push('nav_about_sub');
subNav.push('nav_work_sub');

function showSub(sub) {
	for(key in subNav) {
		currSub = document.getElementById(subNav[key]);	
		currSub.style.display = 'none';
		
		if(subNav[key] == sub+'_sub'){
		nav = document.getElementById(subNav[key]);	
			
			if(nav.style.display != 'block') {			
				nav.style.display = 'block';
			}
		}
	}
}
function handleSubmenus() {
	var aboutNavItem = document.getElementById('nav_about');	
	addEvent(aboutNavItem, 'mouseover', function() { showSub(aboutNavItem.id); });
	var workNavItem = document.getElementById('nav_work');	
	addEvent(workNavItem, 'mouseover', function() { showSub(workNavItem.id); });
}
addEvent(window, 'load', handleSubmenus);

// JavaScript Document
//open normal centered window
function openCenteredNormal(url, width, height) {
    var left = parseInt((screen.availWidth/2) - (width/2));
    var top = parseInt((screen.availHeight/2) - (height/2));
    var windowFeatures = "width=" + width + ",height=" + height + 
        ",status,resizable,left=" + left + ",top=" + top + 
        ",screenX=" + left + ",screenY=" + top + ", status=yes, menubar=yes, scrollbars=yes";
    myWindow = window.open(url, "CenteredWindow", windowFeatures);
}