// JavaScript Document
	var doc = document;
	window.onload = function(){
		//addLightboxMarkup_2();
		if(doc.getElementsByClassName('lightbox_link')){
			var d = doc.getElementsByClassName('lightbox_link');
			for(var i=0; i<d.length; i++){
				var obj = d[i];
				if(obj.attachEvent){
					obj.onclick = ie_sample;
				}
				else{
					obj.addEventListener('click', function(){ firefox_sample(this);}, false );
				}
			}
		}
		
	}
	function ie_sample(){
		if(navigator.appName != "Netscape"){
			ie_fixes_getScroll();
			ie_fixes_prepareIE('100%', 'hidden');
			ie_fixes_setScroll(0,0);
		}
		var currentImgSrc = this.rel;
		var currentImgId = this.id;
		var currentATagName = this.name;
		var currentTitle    = this.title;
		var arrCurrentImgId = currentImgId.split('_');
		var prev = 0;
		if(arrCurrentImgId[0]!="1"){
			prev = parseInt(arrCurrentImgId[0]) - 1;
		}
		var next = parseInt(arrCurrentImgId[0]) + 1;
		
		var d = doc.getElementsByName(currentATagName);
		
		
		if((d.length-1) < next){
			next = 0;
		}
		
		doc.getElementById('lightbox-overlay').style.display = 'block';
		doc.getElementById('getInvolved-lightboxs').style.display = 'block';
		var lightbox = '<div id="lightbox-header">'+
						  '<div class="left_top_image1">&nbsp;</div>'+
						  '<div class="middle_top_image1" id="middleTitleBar">'+
							'<div style="padding: 5px 0 0 15px; font-size: 12px;">'+currentTitle+'</div>'+
						  '</div>'+
						  '<div class="right_top_image1">'+
							'<div style="padding:0 0 0 0;"><a href="#" style="color: #FFF; text-decoration: none;" onclick="close_lightbox();"><b>X</b></a></div>'+
						  '</div>'+
						'</div>'+
						'<div id="lightbox_image_content"><table style="margin:20px 0 15px 0px;"><tr>';
							if(prev!=0){
								lightbox+= '<td width="30px"><div id="prevDiv"><a href="#" onclick="prev_next('+prev+',\''+currentATagName+'\');"><img src="images/left_arrow.jpg" style="border:0px;" alt="" /></a></div></td>';
							}
							else{
								lightbox+= '<td width="30px"><div id="prevDiv">&nbsp;</div></td>';
							}
							lightbox+= '<td><div style="padding:0 10px 0 10px;"><img src="'+currentImgSrc+'" alt="" id="dynamicImg" /></div></td>';
							if(next!=0){
								lightbox+= '<td width="30px"><div id="nextDiv"><a href="#" onclick="prev_next('+next+',\''+currentATagName+'\');"><img src="images/right_arrow.jpg" style="border:0px;" alt="" /></a></div></td>';
							}							
							else{
								lightbox+= '<td width="30px"><div id="nextDiv">&nbsp;</div></td>';
							}
						lightbox+= '</tr></table></div>'+
						'<div id="lightbox-bottom">'+
						  '<div class="bottom_left_image"></div>'+
						  '<div class="bottom_middle" id="middleBottomBar"></div>'+
						  '<div class="bottom_right_image"></div>'+
						'</div>';
		//alert(lightbox);
		doc.getElementById('getInvolved-lightboxs').innerHTML = lightbox;
		var dynamicImgWidth = doc.getElementById('dynamicImg').width;
		doc.getElementById('middleTitleBar').style.width = (dynamicImgWidth + 94)+"px";
		doc.getElementById('lightbox_image_content').style.width = (dynamicImgWidth + 94)+"px";
		doc.getElementById('lightbox-header').style.top = "-28px";
		doc.getElementById('lightbox-header').style.width = (dynamicImgWidth + 78 + 60)+"px";
		doc.getElementById('lightbox-header').style.left = "4px";
		doc.getElementById('middleBottomBar').style.width = (dynamicImgWidth + 76)+"px";
	}
	function firefox_sample(e){
		ie_fixes_getScroll();
		ie_fixes_prepareIE('100%', 'hidden');
		ie_fixes_setScroll(0,0);
		
		var currentImgSrc = e.rel;
		var currentImgId = e.id;
		var currentATagName = e.name;
		var currentTitle    = e.title;
		var arrCurrentImgId = currentImgId.split('_');
		var prev = 0;
		if(arrCurrentImgId[0]!="1"){
			prev = parseInt(arrCurrentImgId[0]) - 1;
		}
		var next = parseInt(arrCurrentImgId[0]) + 1;
		var d = doc.getElementsByName(currentATagName);
		if(d.length < next){
			next = 0;
		}		
		doc.getElementById('lightbox-overlay').style.display = 'block';
		doc.getElementById('getInvolved-lightboxs').style.display = 'block';
		var lightbox = '<div id="lightbox-header">'+
						  '<div class="left_top_image1">&nbsp;</div>'+
						  '<div class="middle_top_image1" id="middleTitleBar">'+
							'<div style="padding: 5px 0 0 15px; font-size: 12px;">'+currentTitle+'</div>'+
						  '</div>'+
						  '<div class="right_top_image1">'+
							'<div style="padding:0 0 0 0;"><a href="#" style="color: #FFF; text-decoration: none;" onclick="close_lightbox();"><b>X</b></a></div>'+
						  '</div>'+
						'</div>'+
						'<div style="background:#FFFFFF repeat; margin:0 0 0 6px;"><table style="margin:20px 0 15px 0;"><tr>';
							if(prev!=0){
								lightbox+= '<td width="30px"><div id="prevDiv"><a href="#" onclick="prev_next('+prev+',\''+currentATagName+'\');"><img src="images/left_arrow.jpg" width="18" height="27" style="border:0px;" alt="" /></a></div></td>';
							}
							else{
								lightbox+= '<td width="30px"><div id="prevDiv">&nbsp;</div></td>';
							}
							lightbox+= '<td><div style="padding:0 10px 0 10px;"><img src="'+currentImgSrc+'" alt="" id="dynamicImg" /></div></td>';
							if(next!=0){
								lightbox+= '<td width="30px"><div id="nextDiv"><a href="#" onclick="prev_next('+next+',\''+currentATagName+'\');"><img src="images/right_arrow.jpg" width="18" height="30" style="border:0px;" alt="" /></a></div></td>';
							}							
							else{
								lightbox+= '<td width="30px"><div id="nextDiv">&nbsp;</div></td>';
							}
						lightbox+= '</tr></table></div>'+
						'<div id="lightbox-bottom">'+
						  '<div class="bottom_left_image">&nbsp;</div>'+
						  '<div class="bottom_middle" id="middleBottomBar">&nbsp;</div>'+
						  '<div class="bottom_right_image">&nbsp;</div>'+
						'</div>';
		//alert(lightbox);
		doc.getElementById('getInvolved-lightboxs').innerHTML = lightbox;
		//doc.getElementById('lightboxs').style.left = "50%";
		var dynamicImgWidth = doc.getElementById('dynamicImg').width;
		doc.getElementById('middleTitleBar').style.width = (dynamicImgWidth + 88)+"px";
		doc.getElementById('lightbox-header').style.top = "-28px";
		doc.getElementById('lightbox-header').style.width = (dynamicImgWidth + 78 + 60)+"px";
		doc.getElementById('middleBottomBar').style.width = (dynamicImgWidth + 70)+"px";
	}
	function addLightboxMarkup_2() {		
		bod 				= doc.getElementsByTagName('body')[0];
		overlay 			= doc.createElement('div');
		overlay.id		    = 'lightbox-overlay';
		lb					= doc.createElement('div');
		lb.id				= 'getInvolved-lightboxs';
		lb.className 	    = 'loading';
		lb.innerHTML	    = '<div id="lbLoadMessage">' +
							  '<p>Loading....</p>'+
							  '</div>';
		alert(doc.getElementById('overlay').innerHTML);				  
		bod.appendChild(overlay);
		bod.appendChild(lb);		
	}
	function close_lightbox(){
		doc.getElementById('lightbox-overlay').style.display = 'none';
		doc.getElementById('getInvolved-lightboxs').style.display = 'none';
		//if(navigator.appName != "Netscape"){
		//ie_fixes_setScroll(0,this.yPos);
		ie_fixes_prepareIE("auto", "auto");
		//}
	}
	function prev_next(page, currentATagName){
		var ImgId;
		if(currentATagName == "aTag_1"){
			ImgId = page+"_"+currentATagName;
		}
		else if(currentATagName == "aTag_2"){
			ImgId = page+"_"+currentATagName;
		}
		else{
			ImgId = page+"_"+currentATagName;
		}
		//alert(ImgId);
		var ImgSrc = doc.getElementById(ImgId).rel;
		doc.getElementById('dynamicImg').src = ImgSrc;
		if(page!=1){
			var prev = page - 1;
			doc.getElementById('prevDiv').innerHTML = '<a href="#" onclick="prev_next('+prev+', \''+currentATagName+'\');"><img src="images/left_arrow.jpg" style="border:0px;" alt="" /></a>';
		}
		else{
			doc.getElementById('prevDiv').innerHTML = "";
		}
		var d = doc.getElementsByName(currentATagName);
		if(navigator.appName != "Netscape"){
			if(page < (d.length-1)){
				var next = page + 1;
				doc.getElementById('nextDiv').innerHTML = '<a href="#" onclick="prev_next('+next+', \''+currentATagName+'\');"><img src="images/right_arrow.jpg" style="border:0px;" alt="" /></a>';
			}
			else{
				doc.getElementById('nextDiv').innerHTML = "";
			}
		}
		else{
			if(page < d.length){
				var next = page + 1;
				doc.getElementById('nextDiv').innerHTML = '<a href="#" onclick="prev_next('+next+', \''+currentATagName+'\');"><img src="images/right_arrow.jpg" style="border:0px;" alt="" /></a>';
			}
			else{
				doc.getElementById('nextDiv').innerHTML = "";
			}
		}
		var newImgCreateObj = doc.createElement('IMG');
		newImgCreateObj.src = ImgSrc;
		//doc.getElementById('dummyImg').src = ImgSrc;
		var dummyImgWidth = newImgCreateObj.width;
		//alert(ImgSrc);
		//alert(dummyImgWidth);
		
		if(navigator.appName != "Netscape"){
			doc.getElementById('middleTitleBar').style.width = (dummyImgWidth + 94)+"px";
			doc.getElementById('lightbox_image_content').style.width = (dummyImgWidth + 94)+"px";
			doc.getElementById('middleBottomBar').style.width = (dummyImgWidth + 76)+"px";
		}
		else{
			doc.getElementById('middleTitleBar').style.width = (dummyImgWidth + 88)+"px";	
			doc.getElementById('middleBottomBar').style.width = (dummyImgWidth + 70)+"px";
		}
		doc.getElementById('lightbox-header').style.width = (dummyImgWidth + 78 + 60)+"px";
		
		//doc.getElementById('nextDiv').innerHTML = "";
	}
	function ie_fixes_prepareIE(height, overflow){
		if(navigator.appName != "Netscape" && typeof document.documentElement.style.maxHeight == 'undefined'){			
			bod = doc.getElementsByTagName('body')[0];
			bod.style.height = height;
			bod.style.overflow = overflow;
		}
  
		htm = doc.getElementsByTagName('html')[0];
		htm.style.height = height;
		htm.style.overflow = overflow;
	}
	function ie_fixes_getScroll(){
		if (self.pageYOffset) {
			this.yPos = self.pageYOffset;
		} else if (doc.documentElement && doc.documentElement.scrollTop){
			this.yPos = doc.documentElement.scrollTop;
		} else if (doc.body) {
			this.yPos = doc.body.scrollTop;
		}
	}
	function ie_fixes_setScroll(x, y){
		window.scrollTo(x, y);
	}