function bw2_ToggleMenu(whichButton,whichPage)
	{
		
		var pImg = new qm_GetObj('Preview');
		pImg.obj.src = "../images/portfolio_preview/"+whichPage+"_preview"+whichButton+".jpg";
		pImg = null;
		
		var pImg = new qm_GetObj('my-popup-link');
		pImg.obj.href = "imageviewer/"+whichPage+whichButton+".html?curProj="+whichPage+"_slider"+whichButton;
		pImg = null;
		
		var pPreviewbox = new qm_GetObj('portfolio_preview');
		pPreviewbox.obj.style.display = 'block';
		pPreviewbox = null;
		
		var pCurrentbox = new qm_GetObj('Project'+whichButton);
		currentBox.obj.style.display = 'none';
		pCurrentbox.obj.style.display = 'block';
		currentBox = pCurrentbox;
		pCurrentbox = null;
		
	
	}

	

function bw2_DisplayDescription(whichButton,whichPage) {
		var pDesc = new qm_GetObj('RolloverDescription');
		
		if (whichPage == 'cons') {
			switch(whichButton) {
				case "1":
					pDesc.obj.innerHTML='Derby Hospital';
					break;
				case "2":
					pDesc.obj.innerHTML='Jordan Valley';
					break;
				case "3":
					pDesc.obj.innerHTML='Cross City Tunnel';
					break;
				case "4":
					pDesc.obj.innerHTML='Orange Phone Communication (Risk Management)';
					break;
				case "5":
					pDesc.obj.innerHTML='WSP Group (Electric Schematic)';
					break;
				case "6":
					pDesc.obj.innerHTML='BIO 21';
					break;
				case "8":
					pDesc.obj.innerHTML='Royal Womens Hospital';
					break;
				case "9":
					pDesc.obj.innerHTML='Single Leap Project';
					break;
				case "10":
					pDesc.obj.innerHTML='Eagles Nest';
					break;
				case "11":
					pDesc.obj.innerHTML='Orange Health Campus';
					break;
				case "14":
					pDesc.obj.innerHTML='Royal North Shore Hospital';
					break;
				case "15":
					pDesc.obj.innerHTML='NSW Mine';
					break;
				case "0":
					pDesc.obj.innerHTML='...rollover an icon and click for further details'
					break;
			}
			
		} else if (whichPage == 'corp') {
			switch(whichButton) {
				case "1":
					pDesc.obj.innerHTML='Playground Music (Presentation)';
					break;
				case "2":
					pDesc.obj.innerHTML='WSP Environmental (Presentation)';
					break;
				case "3":
					pDesc.obj.innerHTML='WSP Real World Training (Promotional CD-ROM)';
					break;
				case "4":
					pDesc.obj.innerHTML='VCIP - Margoneet Correctional Centre';
					break;
				case "5":
					pDesc.obj.innerHTML='Grevillea Security Redevelopment';
					break;
				case "6":
					pDesc.obj.innerHTML='WEDO Corporate Identity';
					break;
				case "7":
					pDesc.obj.innerHTML='Charlotte Dodson website';
					break;
				case "8":
					pDesc.obj.innerHTML='Justice Facilities Master Planning';
					break;
				case "9":
					pDesc.obj.innerHTML='Orange Phone Communication (Risk Management)';
					break;
			    case "10":
					pDesc.obj.innerHTML='WSP Group (Electric Schematic)';
					break;
				case "0":
					pDesc.obj.innerHTML='Rollover an icon for further details...'
					break;
			}
			
		} else if (whichPage == 'film') {
			switch(whichButton) {
				case "1":
				pDesc.obj.innerHTML='test video 1...'
					break;
				case "2":
				pDesc.obj.innerHTML='test video 2...'
					break;
				case "3":
				pDesc.obj.innerHTML='test video 3...'
					break;
				case "4":
				pDesc.obj.innerHTML='test video 4...'
					break;
				case "5":
				pDesc.obj.innerHTML='test video 5...'
					break;
				case "6":
				pDesc.obj.innerHTML='test video 6...'
					break;
				case "7":
				pDesc.obj.innerHTML='Part 1'
					break;
				case "8":
				pDesc.obj.innerHTML='Part 2'
					break;
				case "9":
				pDesc.obj.innerHTML='Part 3'
					break;
				case "10":
				pDesc.obj.innerHTML='Part 4'
					break;
					case "lct1":
				pDesc.obj.innerHTML='Part 1'
					break;
						case "lct2":
				pDesc.obj.innerHTML='Part 2'
					break;
						case "lct3":
				pDesc.obj.innerHTML='Part 3'
					break;
						case "lct4":
				pDesc.obj.innerHTML='Part 4'
					break;
				case "0":
					pDesc.obj.innerHTML='Rollover an icon for further details...'
					break;
					case "sl1":
				pDesc.obj.innerHTML='Part 1'
					break;
						case "sl2":
				pDesc.obj.innerHTML='Part 2'
					break;
						case "sl3":
				pDesc.obj.innerHTML='Part 3'
					break;
						break;
					case "oppp1":
				pDesc.obj.innerHTML='Part 1'
					break;
						case "oppp2":
				pDesc.obj.innerHTML='Part 2'
					break;
						case "oppp3":
				pDesc.obj.innerHTML='Part 3'
					break;
						case "ex1":
				pDesc.obj.innerHTML='TV Ad for Esting'
					break;
					    case "ex2":
				pDesc.obj.innerHTML='Experiment with Reactor'
					break;
					    case "ex3":
				pDesc.obj.innerHTML='Experiment with Real Flow'
					break;
			}
		}
		
		if (whichButton != '0') {
			var pImg = new qm_GetObj('Thumb'+whichButton);
			pImg.obj.src = "../images/portfolio_thumbs/"+whichPage+"_thumb"+whichButton+".gif";
		} else {
			var pImg = new qm_GetObj('Thumb'+lastButton);
			//pImg.obj.src = "../images/portfolio_thumbs/cutout.gif";
			pImg.obj.src = "../images/portfolio_thumbs/"+whichPage+"_thumb"+lastButton+"_off.gif";
		}
		
		pDesc = null;
		
		lastButton = whichButton;
		
}

function qm_GetObj(name)
	{
		
		if (document.getElementById)
		{
			this.obj = document.getElementById(name);
			//Styles are commented out here as they throw errors if no inline style is attached
			//this.style = document.getElementById(name).style;
		}
		else if (document.all)
		{
			this.obj = document.all[name];
			//this.style = document.all[name].style;
		}
		else if (document.layers)
		{
			this.obj = document.layers[name];
			//this.style = document.layers[name];
		}
	}




// POP-UP ///////////////////////////////////////////////////////////////////////////////////////
// Modified from : v1.0 | www.TJKDesign.com
function fBWD_popup(){ 
	var pWinName = "LE_ImageViewer"
	var pPopupAttributes = 'location=no,menubar=no,status=no,toolbar=no,scrollbars=yes,width=660,height=500';
	
	var e = document.getElementById('portfolio_preview');
	if (e) {
		var a=e.getElementsByTagName('a');
		for (var i=0;i<a.length;i++){
			if (a[i].getAttribute('href') != null) {
				a[i].className += a[i].className?' outlink':'outlink';
				a[i].title +=' (opens in new window)';
				a[i].onclick = function(){
					//To open in _blank style new window:
					//newWin=window.open(this.href,pWinName);
					//To open in popup:
					newWin=window.open(this.href,pWinName,pPopupAttributes);
					if(window.focus){newWin.focus()} return false;
				}
			}
		}
	}
}

// DOM LISTENERS ///////////////////////////////////////////////////////////////////////////////
// Modified from http://www.alistapart.com/articles/popuplinks
function listen(event, elem, func) {
    elem = getElem(elem);
    if (elem.addEventListener)  // W3C DOM
        elem.addEventListener(event,func,false);
    else if (elem.attachEvent)  // IE DOM
        elem.attachEvent('on'+event, function(){ func(new W3CDOM_Event(elem)) } );
        // for IE we use a wrapper function that passes in a simplified faux Event object.
    else throw 'cannot add event listener';
}

function W3CDOM_Event(currentTarget) {
    this.currentTarget  = currentTarget;
    this.preventDefault = function() { window.event.returnValue = false }
    return this;
}

function getElem(elem) {
    if (document.getElementById) {
        if (typeof elem == "string") {
            elem = document.getElementById(elem);
            if (elem===null) throw 'cannot get element: element does not exist';
        } else if (typeof elem != "object") {
            throw 'cannot get element: invalid datatype';
        }
    } else throw 'cannot get element: unsupported DOM';
    return elem;
}

// ON WINDOW LOAD: ///////////////////////////////////////////////////////////////////////////////
listen('load', window, function() {
		//listen('click', 'my-popup-link', event_popup);
		if (document.getElementById) { fBWD_popup(); }
		currentBox = new qm_GetObj('Project1');
	}
);