var opacityValue = 0;
            var handler; 
			var SlideNumber = getSlidesNumber();
			//alert(SlideNumber);
			
			//init opacity
			function initOpacity(index)
			{
				var slideEl;				
				
				for(var i=0; i<eval(SlideNumber); i++)
				{				
					tempIndex = eval(i) + 1;
					slideEl = document.getElementById("slide" + tempIndex);
					
					if(i == index)				
						setAttrForElement("class", "slide", slideEl);					
					else
						setAttrForElement("class", "slideDisappear", slideEl);
				}								
				setOpacity();
			}
			     
            //set opacity
            function setOpacity()
            {
				 for(var i=1; i<=eval(SlideNumber); i++)
				 {
					 document.getElementById("slide" + i).style.opacity = opacityValue/10;
					 document.getElementById("slide" + i).style.filter = "alpha(opacity=" + opacityValue*10 + ")";
				 }
	 
				 handler = window.setTimeout("setOpacity()", 10);             
				 opacityValue = opacityValue + 0.2;
	 
				 //close timer
				 if(opacityValue > 10)
				 {
					clearTimeout(handler); 
					opacityValue = 0;  
				 }
            }
			
			function getSlidesNumber()
			{
				var mainEl, divs;
				var result = 0;
				var attr;												
								
				mainEl = document.getElementById("CloserLookDiv");
				divs = mainEl.getElementsByTagName("div");
				
				
				for(var i=0; i<divs.length; i++)
				{
					attr = divs[i].getAttribute("type");
					if(attr == "slide")
						result++;
				}										
				return result;			
			}
			

			//set attribute to the element
			function setAttrForElement(attr_name, attr_value, element)
			{
				var attr;
				
				attr = document.createAttribute(attr_name);
				attr.value = attr_value;
				element.setAttributeNode(attr);	
				
				//element.attributes[attr_name].value = attr_value;
			}				
			
			//set the opacity
			initOpacity(0);