function getWidth() {
  var myWidth = 0;
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
  }
	if (myWidth > 1250){
		document.getElementById('shell').style.width = "1200px"
		document.getElementById('utilities').style.width = "720px"
		if(document.getElementById('mainFlash')){
		document.getElementById('mainFlash').style.width = "720px"
		}
		document.main_image.src="common/images/L2.jpg";
	}
	else{
		document.getElementById('shell').style.width = "960px"
		document.getElementById('utilities').style.width = "480px"
		if(document.getElementById('mainFlash')){
		document.getElementById('mainFlash').style.width = "480px"
		}
		document.main_image.src="common/images/L2_sml.jpg";
	}
  
  
}

function loadFlash(divId, swfLoc, swfName, swfHeight, swfWidth, swfVar){
//window.onresize = getWidth;
		var flashVersion = 7;
		var so = new SWFObject(swfLoc, swfName, swfWidth, swfHeight, flashVersion, "#FFFFFF");
		so.addParam("wmode", "transparent");
		so.addParam("scale", "noscale");
		if (swfVar){
		so.addVariable("myVar", swfVar);
		}
		so.write(divId);
}
function loadPinkFlash(divId, swfLoc, swfName, swfHeight, swfWidth, swfVar){
//window.onresize = getWidth;
		var flashVersion = 7;
		var so = new SWFObject(swfLoc, swfName, swfWidth, swfHeight, flashVersion, "#CC99FF");
		//so.addParam("wmode", "transparent");
		so.addParam("scale", "noscale");
		if (swfVar){
		so.addVariable("myVar", swfVar);
		}
		so.write(divId);
}
// scroll the element vertically based on its width and the slider maximum value
function scrollVertical(value, element, slider) {
	element.scrollTop = Math.round(value/slider.maximum*(element.scrollHeight-element.offsetHeight));
}

function setScroll(id){
	/*document.body.style.overflow = "hidden";*/
	//document.getElementById("left-nav").style.height = "440px"; Commented out to fix ie7 projects image issue.
	document.getElementById("content").style.height = "480px";
	var area = document.getElementById(id);
	area.style.width = "230px";
	area.style.height = "395px";
	area.style.overflow = "hidden";
	var myTrack = document.createElement("div");
	var myHandle = document.createElement("div");
	myHandle.style.display = "none";
  	myTrack.setAttribute('id', 'track');
	myHandle.setAttribute('id', 'handle');
  	area.parentNode.insertBefore(myTrack, area.nextSibling);
	myTrack.appendChild(myHandle);
	
	
	// vertical slider control
	var slider1 = new Control.Slider('handle', 'track', {
		axis: 'vertical',
		onSlide: function(v) { scrollVertical(v, $(id), slider1);  },
		onChange: function(v) { scrollVertical(v, $(id), slider1); }
	});

	// disable vertical scrolling if text doesn't overflow the div
	if ($(id).scrollHeight <= $(id).offsetHeight) {
		slider1.setDisabled();
		$('track').hide();
		
	}
	else{
		myHandle.style.display = "block";
	}
	
}
var cLink = true;
function paginate(set){
	var h = document.getElementById("content").firstChild.firstChild.nodeValue;
	var nav = document.getElementById("left-nav");
	var arr = nav.getElementsByTagName('li');
	var thisSet = -1;
	
	for (i=0; i<arr.length; i++){
		if (arr[i].firstChild.firstChild.nodeValue == h)
		{
			thisSet = i;
		}

		if(i>=set && i<set+13){
			var cls =""
			if (thisSet == i){
				cls = "selected" ;
			}
			arr[i].className = cls;
			
		}
		else{
			arr[i].className = 'hide'
		}
	}

	var x = document.getElementById('lnk');
	if (x==null){
		var lnk = document.createElement("a")
		lnk.setAttribute('id', 'lnk')
		//lnk.setAttribute('class', 'lnk')
		lnk.setAttribute('href', 'javascript:paginate(13)')
		lnk.innerHTML = "More projects";
		nav.appendChild(lnk);
	}
	else{
		cLink = false;
		if (set>0){
			
			x.setAttribute('href', 'javascript:paginate(0)')
		}
		else{
			x.setAttribute('href', 'javascript:paginate(13)')
		}
	}
	if (set==0 && thisSet>=13 && cLink == true)
	{ 
		paginate(13);
	}
}

var nLink = true;
function paginateNews(set){
	var urlx = document.URL;
	var myId = urlx.substring(urlx.indexOf('id=')+3, urlx.indexOf('&'));
	var cls = document.getElementById("ttl").className;
	var h = document.getElementById("ttl").firstChild.nodeValue;
	
	var nav = document.getElementById("left-nav");
	var arr = nav.getElementsByTagName('li');
	var thisSet = -1;
	var arr2 = nav.getElementsByTagName('h2');
	
	for (i=0; i<arr.length; i++){
		if (arr[i].firstChild.firstChild.nodeValue == h)
		{
			thisSet = i;
		}

		if(i>=set && i<set+14){
			var cls =""
			//alert(arr[i].firstChild.href);
			if (arr[i].firstChild.href == urlx ){//thisSet == i){
				cls = "selected" ;
			}
			arr[i].className = cls;
			
		}
		else{
			arr[i].className = 'hide'
		}
	}

	var x = document.getElementById('lnk');
	if (x==null){
		var lnk = document.createElement("a")
		lnk.setAttribute('id', 'lnk')
		//lnk.setAttribute('class', 'lnk')
		lnk.setAttribute('href', 'javascript:paginateNews(14)')
		lnk.innerHTML = "More news";
		nav.appendChild(lnk);
	}
	else{
		nLink = false;
		if (set>0){
			
			x.setAttribute('href', 'javascript:paginateNews(0)')
		}
		else{
			x.setAttribute('href', 'javascript:paginateNews(14)')
		}
	}
	if (set==0 && thisSet>=14 && nLink == true)
	{ 
		paginateNews(14);
	}
}
/*
	var _global = this;
	
	var nav = document.getElementById("left-nav");
	var arr = nav.getElementsByTagName('li');
	
	
	//var top = Math.ceil(parseInt(arr.length)/10);
	/*var uli = document.createElement("ul");
	for (i=0; i<arr.length; i++){
		if (i%12 ==0 && i!= 0){
			alert(i);
			nav.appendChild(uli);
			//uli = document.createElement("ul");
			//uli.appendChild(arr[i]);
		}
		else{
			//inloop = true;
			uli.appendChild(arr[0]);
		}
		
	}*/
	/*var lili = arr[12];
	var uli = document.createElement("ul");
	uli.appendChild(lili);*/
	//nav.appendChild(uli);
	/*var uli = document.createElement("ul");
		uli.appendChild(arr[12]);
		nav.innerHTML = "";
		uli.appendChild(arr[12]);
		nav.appendChild(uli);
	var uli = document.createElement("ul");
	var nav = document.getElementById("left-nav");
	var arr = nav.getElementsByTagName('li');
	//removeChild(olddiv)
	var inloop = false;
	var d = document.createElement("div")
	for (i=0; i<arr.length; i++){
		if (i%12 ==0){
			inloop = false;
			alert(uli.childNodes.length);
			d.appendChild(uli);
			uli = document.createElement("ul");
			uli.appendChild(arr[i])
			
		}
		else{
			inloop = true;
			uli = document.createElement("ul");
		}
	}
	if (inloop){
		d.appendChild(uli);
	}
	alert(d.childNodes[0].nodeName);
	//nav.parentNode.insertBefore(uli, nav.firstChild);
	
*/