function initial(){
            if(document.getElementById('slide_holder'+num)){
                var content = "";
                content += '<div id="slide_wrapper'+num+'" >\n\r';
                content += '    <div id="dummy_holder'+num+'">\n\r';
                content += '        <div id="sholder'+num+'">\n\r';
                content += '            <nobr>\n\r';
                                        for(var i = 0; i<image_num;i++){
                content += '<img src="'+root_dir +'images/'+image_dir +"/" +(i+1)+'.jpg"/>\n\r'
                                        }
                content += '            </nobr>\n\r';
                content += '        </div>\n\r';
                content += '    </div>\n\r';
                content += '</div>\n\r';
                content += '<div id="thumb_holder'+num+'">\n\r';
                                        for(var i = 0; i<image_num;i++){
                content += '<img onclick="slider(' +((slide_width*i)*-1) +', \''+num+'\')" src="'+root_dir +'thumbs/'+image_dir +"/" +(i+1)+'thumbn.jpg" onmouseout="this.src=\''+root_dir +'thumbs/'+image_dir +"/" +(i+1)+'thumbn.jpg\'" onmouseover="this.src=\''+root_dir +'thumbs/'+image_dir +"/" +(i+1)+'thumb_hover.jpg\'" />\n\r';
                                        }
                content += '</div>\n\r';
        
                //alert(content);
                document.getElementById('slide_holder'+num).innerHTML = content;
                
               to_slide = document.getElementById('sholder'+num);
               to_slide.style.left = 0;
               
               document.getElementById('slide_holder'+num).style.width = (slide_width + 2) +"px";
               document.getElementById('slide_wrapper'+num).style.width = slide_width +"px";
               document.getElementById('dummy_holder'+num).style.width = slide_width +"px";
               document.getElementById('thumb_holder'+num).style.width = slide_width +"px";
            }
        }
//        window.onload = initial
        
        function moveright(num){
            to_slide = document.getElementById('sholder'+num);
            if(parseInt(to_slide.style.left) < cnt){
                to_slide.style.left =  parseInt(to_slide.style.left) +slide_step +"px";
            }else{
                clearTimeout(lefttime);
                //to_slide.style.left  = cnt;
            }
            
        }
        
        function moveleft(num){
            to_slide = document.getElementById('sholder'+num);
            if(parseInt(to_slide.style.left) > cnt){
                to_slide.style.left =  parseInt(to_slide.style.left) -slide_step +"px";
            }else{
                clearTimeout(lefttime);
               // to_slide.style.left  = cnt;
            }
        }
        
        function slider(n, num){
             cnt = n;
             to_slide = document.getElementById('sholder'+num);
             //alert("to: " +cnt +" from: " +to_slide.style.left);
             if(lefttime){
                alert(lefttime);
                var lefttime = null;
             }else{
                if(parseInt(to_slide.style.left) > cnt)
                   lefttime=setInterval("moveleft("+num+")",slide_step);
                else
                   lefttime=setInterval("moveright("+num+")",slide_step); 
             }
        }