// JavaScript Document

var Browser    =    document.all?true:false;
var Total;
var Pointer;
var H=40;
var W=40;
var MAX;
//var PreLoadImage	=	new Array();
            function InIT()
            {
				//alert(document.getElementById("DivMain"))
                var AllSpan    =     document.getElementById("DivMain").getElementsByTagName("span");
                //window.alert(AllSpan.length);
				Total			=		AllSpan.length;
				//alert(AllSpan.length)
                for(i=0;i<AllSpan.length;i++)
                {
                    AllSpan[i].onclick    =    ViewImages;
					 AllSpan[i].style.cursor		=		"hand";
					 var Imgs    =    AllSpan[i].getElementsByTagName("img");
					 Imgs[0].removeAttribute("alt");
					 //Imgs[0].id	=	"IMG"+i;
					// PreLoadImage[0]	=	Imgs[0];
					 
                }
                
            }
            function ViewImages(e)
            {
				
                var Container;
                if(Browser)
                {
                    Container    =    event.srcElement.parentNode;
                                    //alert(event.srcElement.parentNode.innerHTML);
                }
                else
                {
                    Container    =    e.target.parentNode;
                    //window.alert( e.target.parentNode.innerHTML);
                }
				ALLIMG =	document.getElementById("DivMain").getElementsByTagName("img")
				//alert(event.srcElement.id)
				//alert(ALLIMG[0].id);
				//alert(event.srcElement.getElementsByTagName("img")[0])
                for(i=0;i<ALLIMG.length;i++)
				{
					if(event.srcElement==ALLIMG[i] )
					{
						Pointer	=	i;
						Navigate();
						i	=	ALLIMG.length;
					}
					//alert(i);
				}
                //var    newdiv    =     document.createElement("Div");
                
                
                var newImages    =    document.createElement("img");
                //newImages.src    =    "Images/muss_activities (1).jpg";
                //newdiv.innerHTML    =    newImages.outerHTML;
                //window.alert(newdiv.innerHTML);
                var images    =    Container.getElementsByTagName("img");
                //window.alert(images[0].src)
                //document.getElementById().setAttribute("src",images[0].src);
                
                //newImages.src    =    images[0].src;
                newImages.setAttribute("src",images[0].src);
                //window.alert(newImages.outerHTML)
                var    newdiv    =    document.getElementById("DivShowImage");
                //var newImages    =    document.createElement("img");
                //newdiv.innerHTML    =    newImages.outerHTML;
                //document.getElementById().appendChild()""
				
                document.getElementById("DIVIMAGE").innerHTML    =    "";
				
				
				
                document.getElementById("DIVIMAGE").appendChild(newImages);
                newdiv.style.left    =    150+"px";
                
                newdiv.style.top    =    ((document.body.clientHeight-500)/2)+document.body.scrollTop+"px";
				var CloseImage    =    document.createElement("img");
				
				CloseImage.setAttribute("src","photo_gallery/Close.gif");
				CloseImage.setAttribute("id","NEWCloseButton");
				CloseImage.setAttribute("alt","Click to close");
				//CloseImage.setAttribute("style","CloseButto");
				CloseImage.style.position	=	"absolute";
				CloseImage.style.cursor		=		"hand";
				CloseImage.style.zIndex	=	"300";
				//CloseImage.style.width	=	"11px";
				//CloseImage.style.heigth	=	"10px";
				CloseImage.style.top		=	"-5px";
				CloseImage.style.left		=	"685px";
				document.getElementById("DIVIMAGE").appendChild(CloseImage);
				
				
				CloseImage.onclick	=	Close;
				//newdiv.onclick	=	Close;
				
				
            }
            function Close(e)
            {
				//img;
				 if(Browser)
                {
					//img=document.getElementById("DIVIMAGE").removeChild(event.srcElement);
                    img    =    event.srcElement;
                                    //alert(event.srcElement.parentNode.innerHTML);
                }
                else
                {
					//img=document.getElementById("DIVIMAGE").removeChild(e.target);
                    img    =    e.target;
                    //window.alert( e.target.parentNode.innerHTML);
                }
				//alert(img.outerHTML)
				//document.getElementById("DIVIMAGE").removeChild(img)
                //document.getElementById("DIVIMAGE").innerHTML    =    "";
                document.getElementById("DivShowImage").style.left="-900px";
				
//				document.getElementById("DivShowImage").style.width	=	"50";
            }
			function ShowMoveImage(ANK,MOV)
			{
				
				//for()
				//alert(Pointer +parseInt(MOV));
				if((Pointer +parseInt(MOV))>=0 && (Pointer +parseInt(MOV))<20 )
				{
					Pointer=Pointer +parseInt(MOV);
					ALLIMG =	document.getElementById("DivMain").getElementsByTagName("img");
					//alert(ALLIMG.length)
					//alert(document.getElementById("DIVIMAGE").getElementsByTagName("img")[0].outerHTML);
					document.getElementById("DIVIMAGE").getElementsByTagName("img")[0].src	=	ALLIMG[Pointer].src
					Navigate();
					//Effect();
				//return false;
					
					//ANK.getElementsByTag
				}
				//alert("Nitin");
			}
			function Navigate()
			{
				//alert(parseInt(Total+1))
				if(Pointer==0)
				{
					document.getElementById("imgPre").src	=	"left_D.gif";
				}
				else
				{
					document.getElementById("imgPre").src	=	"left_E.gif";
					
				}
				if(Pointer==parseInt(Total-1))
				{
					document.getElementById("imgNext").src	=	"right_D.gif";
				}
				else
				{
					document.getElementById("imgNext").src	=	"right_E.gif";
					
				}
			}
			function Effect()
			{
				MAX		=	document.body.clientWidth>=document.body.clientHeight?document.body.clientWidth:document.body.clientHeight;
				//alert(MAX)
				window.setInterval("FILL();",500);	
			}
			function FILL()
			{
				GENE	=	false;
				if(MAX+50>W || MAX+50>H)
				{
					if(MAX+50>W)
					{
						GENE	=	true;
						W+=50;
						document.getElementById("SPDIV").style.width	=	W;
						document.getElementById("SPDIV").style.left=((document.body.clientWidth/2))-(W/2);
					}
					if(MAX+50>H)
					{
						GENE	=	true;
						H+=50;
						document.getElementById("SPDIV").style.height	=	H;
						document.getElementById("SPDIV").style.top=((document.body.clientHeight/2))-(H/2);
					}
					//alert(W)
					
					
					//window.clearInterval();
					//alert(((document.body.clientWidth/2))-(W/2))
				}
				if(!GENE)
				{
					window.clearInterval();
					document.getElementById("SPDIV").style.left="0";
					document.getElementById("SPDIV").style.top="0";
					//alert(document.body.scrollWidth+document.body.clientWidth)
					document.getElementById("SPDIV").style.width=document.body.scrollWidth+document.body.clientWidth;
					document.getElementById("SPDIV").style.height=document.body.scrollTop+document.body.clientHeight;
				}
			}