
		function homepageButton(imgID1,img1,imgID2,img2)
		{
			changeImage(imgID1,img1);
			changeImage(imgID2,img2);
			doChange = false;
		}

		function homepageButtonPause(imgID,img)
		{
			doChange = false;
		}

		function homepageButtonReplay(imgID,img)
		{
			changeImage('SlideShow','homePageMainImage_1.jpg');
			doChange = true;
		}

		var doChange = true;

		

<!-- Original:  CodeLifter.com (support@codelifter.com) -->
<!-- Web Site:  http://www.codelifter.com -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
// Set slideShowSpeed (milliseconds)
var slideShowSpeed = 6000;
// Duration of crossfade (seconds)
var crossFadeDuration = 3;
// Specify the image files
var Pic = new Array();
// to add more images, just continue
// the pattern, adding to the array below

Pic[0] = '/Markslist/images/ext/nccc/homePageMainImage_1.jpg'
Pic[1] = '/Markslist/images/ext/nccc/homePageMainImage_2.jpg'
Pic[2] = '/Markslist/images/ext/nccc/homePageMainImage_3.jpg'

// do not edit anything below this line
// do not edit anything below this line
var t;
var j = 0;
var p = Pic.length;
var preLoad = new Array();
for (i = 0; i < p; i++) {
preLoad[i] = new Image();
preLoad[i].src = Pic[i];
}
function runSlideShow() 
{
if(doChange)
	{
		if (document.all) 
	   	{
	   		document.images.SlideShow.style.filter="blendTrans(duration=2)";
	   		document.images.SlideShow.style.filter="blendTrans(duration=crossFadeDuration)";
	   		document.images.SlideShow.filters.blendTrans.Apply();
	   	}
		document.images.SlideShow.src = preLoad[j].src;
		if (document.all) 
		{
			document.images.SlideShow.filters.blendTrans.Play();
		}
		j = j + 1;
		if (j > (p - 1)) j = 0;
	}
		t = setTimeout('runSlideShow()', slideShowSpeed);
}//  End -->
	
		function getLinkOfImage(imgID) 
		{ 
			var s = document.getElementById(imgID).src;
			//alert('zzz - ' + s);
			if(s.indexOf('homePageMainImage_1') >= 0)
			{
				location.href='/Markslist/ext/nccc/about.do';
			}else if(s.indexOf('homePageMainImage_2') >= 0)
			{
				location.href='/Markslist/ext/nccc/smallBusinesses.do';
			}else if(s.indexOf('homePageMainImage_3') >= 0)
			{
				location.href='/Markslist/ext/nccc/businesspersons2010.do';
			}
			return; 
		}
	
	
		function changeImage(imgID,img)
		{
			document.getElementById(imgID).src = "/Markslist/images/ext/nccc/" + img;	
		}
	
	
		function changeClass(obj,newClass) 
		{ 
			obj.setAttribute("class", newClass); 
			obj.setAttribute("className", newClass); 

			return; 
		} 

		function changeClassWithID(id,newClass) 
		{ 
			changeClass(document.getElementById(id),newClass); 

			return; 
		} 


		function expandEvent(id)
		{
			//I'm coming into a bug that I can't figure out...
			//temporary solution is to not allow you to expand the last 2 events in your list
			//otherwise the bug is when you contract it, either straight contract, or when expand another it breaks
		
			if( (hpEventsEnd - id) > 1)
			{

		//alert(hpEventsStart + '- before - hpEventsStart');
		//alert(hpEventThatIsExpanded + '- before - hpEventThatIsExpanded');
		//alert('eventContainerWrapper' + id + '- eventContainerWrapper');
			changeClass(document.getElementById('eventContainerWrapper' + id),'hidden');
			changeClass(document.getElementById('eventContainerExpandedWrapper' + id),'eventContainerExpandedWrapper');

			//check to see if there is another expanded, if so, contract it - only 1 expand at a time
		//alert('- 1');
			if (hpEventThatIsExpanded != 0)
			{
		//alert('- 2a');
				contractEvent(hpEventThatIsExpanded);
		//alert('- 2b');
			}

			//then mark this as expanded
		//alert('- 3');
			hpEventThatIsExpanded = id;
		//alert('- 4');

			//now we have to hide 2 events because the expanded takes up room for 2 others
			//we have to figure out if we need to hide in front or back of expanded cell
			if( ((hpEventsStart + 7)) - id >= 2  )
			{
		//alert('- 5a');
				//if to left, hide last 2
		    	hideEvent(hpEventsStart + 8 - 2);
		//alert('- 5b');
				hideEvent(hpEventsStart + 8 - 1);
		//alert('- 5c');
			} else 
			{
				//if to left, hide first 2
		//alert('- 6a');
				hideEvent(hpEventsStart);
		//alert('- 6b');
				hideEvent(hpEventsStart + 1);
		//alert('- 6c');

				//then we have to change the hpEventsStart
				hpEventsStart = hpEventsStart + 2;
			} 

			
		//alert(hpEventsStart + '- after - hpEventsStart');
		//alert(hpEventThatIsExpanded + '- after - hpEventThatIsExpanded');

			//this closes the all encompassing if statement
			}
		}
	
		function contractEvent(id)
		{
	   //alert(hpEventsStart + '- before - hpEventsStart');
	   //alert(hpEventThatIsExpanded + '- before - hpEventThatIsExpanded');
			changeClass(document.getElementById('eventContainerWrapper' + id),'eventContainerWrapper');
			changeClass(document.getElementById('eventContainerExpandedWrapper' + id),'hidden');

	
			//now we have to show 2 events because the expanded takes up room for 2 others
			//we have to figure out if we need to show in front or back of expanded cell
	   
			if( ((hpEventsStart + 7)) - id >= 2  )
			{
				//if to left, hide last 2
				showEvent(hpEventsStart + 8 - 2);
		   		showEvent(hpEventsStart + 8 - 1);
			} else 
			{
				//if to left, hide first 2
				showEvent(hpEventsStart);
				showEvent(hpEventsStart + 1);
			} 
	
	
			hpEventThatIsExpanded = 0;
		//alert(hpEventsStart + '- after - hpEventsStart');
		//alert(hpEventThatIsExpanded + '- after - hpEventThatIsExpanded');
	
		}
	
		function hideEvent(id)
		{
			changeClass(document.getElementById('eventContainerWrapper' + id),'hidden');
			changeClass(document.getElementById('eventContainerExpandedWrapper' + id),'hidden');
		}
	
		function showEvent(id)
		{
			changeClass(document.getElementById('eventContainerWrapper' + id),'eventContainerWrapper');
			changeClass(document.getElementById('eventContainerExpandedWrapper' + id),'hidden');
		}
	
		var hpEventsStart = 1;

		//get this by passing it in from jsp in method call for right left arrows or wherever I need it
		var hpEventsEnd = 15;
		function sethpEventsEnd(num)
		{
			hpEventsEnd = num;
		}
		
		var hpEventThatIsExpanded = 0;
		  
		
		function hpEventsRightArrow()
		{
		//alert(hpEventsStart + '- before - hpEventsStart');
		//alert(hpEventThatIsExpanded + '- before - hpEventThatIsExpanded');
			if(hpEventThatIsExpanded == 0)
			{
			//alert('no expanded');
				if((hpEventsStart + 8) <= hpEventsEnd)
				{
			//alert('in 1');
					showEvent(hpEventsStart + 8);
			//alert('in 2');
					hideEvent(hpEventsStart);
			//alert('in 3');
				
				hpEventsStart = hpEventsStart + 1;
				}else
				{
					alert('Please click on the Events tab for more Events.');
				}
			}else if(hpEventThatIsExpanded == hpEventsStart)
			{
			//alert('1st is expanded');
				if((hpEventsStart + 8) <= hpEventsEnd)
				{
					//alert('do some stuff');
			
					showEvent(hpEventsStart + 8);
					showEvent(hpEventsStart + 7);
					showEvent(hpEventsStart + 6);
					hideEvent(hpEventsStart);
				
					hpEventThatIsExpanded = 0;
				
					hpEventsStart = hpEventsStart + 1;
				}else
				{
					//alert('revert to normal');
					for (i=hpEventsEnd-7;i<=hpEventsEnd;i=i+1)
					{
						showEvent(i);
					}
					hpEventThatIsExpanded = 0;
					hpEventsStart = hpEventsEnd-7;

				}


			}else
			{
			//alert('any other is expanded');
				if((hpEventsStart + 6) <= hpEventsEnd)
				{
					showEvent(hpEventsStart + 6);
					hideEvent(hpEventsStart);
				
				hpEventsStart = hpEventsStart + 1;
				}else
				{
					alert('Please click on the Events tab for more Events.');
				}
		
		
			}
	
			
		//alert(hpEventsStart + '- after - hpEventsStart');
		//alert(hpEventThatIsExpanded + '- after - hpEventThatIsExpanded');
			
		}

		function hpEventsLeftArrow()
		{
		//alert(hpEventsStart + '- before - hpEventsStart');
		//alert(hpEventThatIsExpanded + '- before - hpEventThatIsExpanded');
			if(hpEventThatIsExpanded == 0)
			{
		//alert('none expanded');
				showEvent(hpEventsStart - 1);
				hideEvent(hpEventsStart + 7);
		
		  		hpEventsStart = hpEventsStart - 1;
			}else if(hpEventThatIsExpanded == hpEventsStart + 5)
			{
		//alert('last one is expanded');
				//if hpEventsStart minus 1 or 2 or 3 is less than 1, than just revert to starting
				//else, do some stuff
				if((hpEventsStart - 3)<=0)
				{
					//alert('revert to normal');
					for (i=1;i<=8;i=i+1)
					{
						showEvent(i);
					}
					hpEventThatIsExpanded = 0;
					hpEventsStart = 1;
				}else
				{
					showEvent(hpEventsStart - 1);
					showEvent(hpEventsStart - 2);
					showEvent(hpEventsStart - 3);
					hideEvent(hpEventsStart + 5);
					
					hpEventThatIsExpanded = 0;
			
					hpEventsStart = hpEventsStart - 3;
				}
			
			}else
			{
		//alert('non-last one is expanded');
				showEvent(hpEventsStart - 1);
				hideEvent(hpEventsStart + 5);
			
				hpEventsStart = hpEventsStart - 1;
			}

	
		//alert(hpEventsStart + '- after - hpEventsStart');
		//alert(hpEventThatIsExpanded + '- after - hpEventThatIsExpanded');
	
		}



		
		function hpShowNewsItem(number)
		{
			//alert('hi');
			//hide all divs then show this one
		
			changeClass(document.getElementById('story_1'),'hidden');
			changeClass(document.getElementById('story_2'),'hidden');
			changeClass(document.getElementById('story_3'),'hidden');
		
			changeClass(document.getElementById('story_' + number),'storyBody');

			//change all tabs to off then make this one on

			changeClass(document.getElementById('hpStoryTab_1'),'hpStoryTab_off');
			changeClass(document.getElementById('hpStoryTab_2'),'hpStoryTab_off');
			changeClass(document.getElementById('hpStoryTab_3'),'hpStoryTab_off');
		
			changeClass(document.getElementById('hpStoryTab_' + number),'hpStoryTab_on');

			//change all tabs titles to off then make this one on

			changeClass(document.getElementById('hpStoryTabTitle_1'),'hpStoryTabTitle_off');
			changeClass(document.getElementById('hpStoryTabTitle_2'),'hpStoryTabTitle_off');
			changeClass(document.getElementById('hpStoryTabTitle_3'),'hpStoryTabTitle_off');
		
			changeClass(document.getElementById('hpStoryTabTitle_' + number),'hpStoryTabTitle_on');

			//hide all titles to off then make this one on

			changeClass(document.getElementById('storyTitle_1'),'hidden');
			changeClass(document.getElementById('storyTitle_2'),'hidden');
			changeClass(document.getElementById('storyTitle_3'),'hidden');
		
			changeClass(document.getElementById('storyTitle_' + number),'storyTitle');

			//change the bottom part with the whole
			changeImage('newsBottom','hp_tab_bottom_' + number + '.jpg');


		}

		var leftNavItemOpened	= '';
		function mouseoverLeftNavItem(obj) 
		{ 
			if(obj.id != 'listItem_' + leftNavItemOpened)
			{
				changeClass(obj,'listItemRollover'); 
			}

			return; 
		} 
	
		function mouseoutLeftNavItem(obj) 
		{ 
			if(obj.id != 'listItem_' + leftNavItemOpened)
			{
				changeClass(obj,'listItemOff'); 
			}

			return; 
		} 
	
		function onclickLeftNavItem(subListNumber) 
		{ 
			if(leftNavItemOpened == '')
			{
				changeClass(document.getElementById('subListWrapper_' + subListNumber),'subListWrapper');
				changeClass(document.getElementById('listItem_' + subListNumber),'listItemOn');
				changeImage('listItemImage_' + subListNumber,'leftNav_orangeMinus.jpg');
				
				leftNavItemOpened = subListNumber; 
			} else if(subListNumber == leftNavItemOpened)
			{
				changeClass(document.getElementById('subListWrapper_' + subListNumber),'hidden');
				changeClass(document.getElementById('listItem_' + subListNumber),'listItemOff');
				changeImage('listItemImage_' + subListNumber,'leftNav_grayPlus.jpg');
				
				leftNavItemOpened = ''; 
			} else
			{
				//hide the one that is open now
				changeClass(document.getElementById('subListWrapper_' + leftNavItemOpened),'hidden');
				changeClass(document.getElementById('listItem_' + leftNavItemOpened),'listItemOff');
				changeImage('listItemImage_' + leftNavItemOpened,'leftNav_grayPlus.jpg');
			
				changeClass(document.getElementById('subListWrapper_' + subListNumber),'subListWrapper');
				changeClass(document.getElementById('listItem_' + subListNumber),'listItemOn');
				changeImage('listItemImage_' + subListNumber,'leftNav_orangeMinus.jpg');
				
				leftNavItemOpened = subListNumber; 
			}

			return; 
		} 

