$(function() {
   
   var stage = 1;
   
   $('.workregion').load('templates/general/js/resources/workslide.html',function() {

        $('.workregion').everyTime(6000,function() 
        { 
            if(stage < (parseInt($('.slidefac').length)))
            {

                $('.workscroll').animate({ left:'-=' + 1024 },750);
                stage ++;

            }
            else
            {

                $('.workscroll').animate({ left:0 },'fast');
                stage = 1;

            }
            refreshStage();
        });

   });
   
   function refreshStage()
   {
       
       var i = 1; var writeStr = "";
       while(i <= 8)
       {

            var src = (i == stage) ? i + '-on.png' : i + '-off.png';
            writeStr = (writeStr + '<img src="img/stages/' + src + '" />');
            i ++;

       }
       $('.work-region-stage').html(writeStr);
       $('.work-region-stage img').unbind('click');
       $('.work-region-stage img').bind('click',function() {
       
            var obj = this;
            var count = 0; var activenum = 0;
            $('.work-region-stage img').each(function() {

               if(this == obj)
               {

                    activenum = count;

               }
               count ++;

            });
            var pos = (1024 * activenum);
            $('.workscroll').animate({ left:'-' + pos },750);
            stage = (activenum + 1);
            refreshStage();
       
        });
       
   }
   
   function init()
   {
       
       refreshStage();
       
   }
   
   init();
    
});