<!-- expand/collapse div
		function switchMenu(obj) {
			var el = document.getElementById(obj);
			if ( el.style.display != "none" ) {
				el.style.display = 'none';
			}
			else {
				el.style.display = '';
			}
		}

		
		function $() {
		var elements = new Array();
		for (var i = 0; i < arguments.length; i++) {
		var element = arguments[i];
		if (typeof element == 'string')
		element = document.getElementById(element);
		if (arguments.length == 1)
		return element;
		elements.push(element);
		}
		return elements;
		}
		
		function collapseAll(objs) {
		var i;
		for (i=0;i<objs.length;i++ ) {
		objs[i].style.display = 'none';
		}
		}
		function pageLoad() {
		collapseAll($('myvar'));
		}
		addEvent(window,'load',pageLoad);

		function doBoth(objNameChg,imgNameChg,imgSrcChg){ //imgSrcGrey){
//		     clearpic(imgSrcGrey);
		     movepic(imgNameChg,imgSrcChg);
		     changeIt(objNameChg);
		 }
		 
		 function clearpic(imgSrcClr){
		     document.button1.src=imgSrcClr;
		     document.button2.src=imgSrcClr;
		     document.button3.src=imgSrcClr;
		     document.button4.src=imgSrcClr;
		     document.button5.src=imgSrcClr;
		     document.button6.src=imgSrcClr;
			 document.button7.src=imgSrcClr;
		     document.button8.src=imgSrcClr;
		     document.button9.src=imgSrcClr;
		
		 }
		 function movepic(img_name,img_src) {
		     document[img_name].src=img_src;
		 }
		
		function changeIt(objName)
		{
//The image object accessed through its id we mentioned in the DIV block which is going to be visible currently
			var obj = document.getElementById(objName);
			
//An array that hold the IDs of images that we mentioned in their DIV blocks
			var objId = new Array();
		
			objId[0] = "image01";
			objId[1] = "image02";
			objId[2] = "image03";
			objId[3] = "image04";
			objId[4] = "image05";
			objId[5] = "image06";
			objId[6] = "image07";
			objId[7] = "image08";
			objId[8] = "image09";
		
//A counter variable going to use for iteration
			var i;
			
//A variable that can hold all the other object references other than the object which is going to be visible
			var tempObj;
			
//The following loop does the display of a single image based on its ID. The image whose ID we passed into 
//this function will be the only image that is displayed rest of the images will be hidden based on their 
//IDs and that part has been handled by the else part of the if statement within this loop.

			for(i=0;i<objId.length;i++)
			{
				if(objName == objId[i])
				{
					obj.style.display = "block";
				}
				else
				{
					tempObj = document.getElementById(objId[i]);
					tempObj.style.display = "none";	
				}
			}
			return;	
		}