/**************************************
* Created by: ALEX and SLAVA          *
**************************************/
window.addEvent('domready',function(){
//Initialization
var parent_container = 'slider_wrapper';
var path_to_php = '/js/ajax/slider.php';
new Element('div', {id: 'preloader'}).inject($(parent_container)); //create preloader container
var myPreloadingImg = new Element('img', {id: 'loadingImg','class':'mainContentImage'}); //create image
myPreloadingImg.setProperty('src', '/images/slider_preloader.jpg'); //set the image source
$('preloader').grab(myPreloadingImg); //inject image after text string container
var images_array = '';
var req = new Request.HTML({url:path_to_php, methode:'POST',
    onSuccess: function(responseTree,responseElements,responseHTML) {
          images_array = responseHTML.split(',');
          var images_to_show = [];      
          new Element('div', {'id': 'images_conteiner','class':'images_conteiner'}).inject($(parent_container)).setStyle('visibility', 'hidden'); //create images container
    
          var myImages = new Asset.images(images_array, 
          {
            onComplete: function()
            {
              
                    images_array.each(function(im,i) 
                    {
                      var tmp = parseInt(i+1);
                          new Element('img',{ 
                              'src':im, 
                              'id':"main_slide_"+tmp, 
                              'class':"mainContentImage", 
                              'style':"visibility:hidden; opacity: 0; z-index:"+i
                            }).inject($('images_conteiner'));
                        
                    });
                    
                    
                    images = $$('#images_conteiner img');
    			          images.setStyle('opacity',0);
                    images[0].setStyle('opacity',1);
    			         
    
                    images.each(function(slide){
    
                    slide_to_show = new Fx.Morph(slide,{
                    transition: 'quart:out',
                    duration: 3000,
                    link: 'chain',
                    onStart: function(){
                        slide.setStyle('visibility','visible');
                    }
                   });
                    images_to_show.include(slide_to_show);
                    
                    });
                    last_elem = images.getLast();
                    max_index_main = parseInt(last_elem.getStyle('z-index'));

                    $('images_conteiner').setStyle('visibility', 'visible');            
             			  (function () { $('preloader').destroy(); begin(); } ).delay(1000);
              }
          });
    
          var slider = function() {
            passive_slide = new Fx.Morph;
            active_slide = new Fx.Morph;
            last_slide = images_to_show.getLast();
            i=0;
            while ( i<= max_index_main && (passive_slide.element == null || active_slide.element ==null))
                {    
                    temp = images_to_show[i];
                    if (  passive_slide.element != null && temp.element.getStyle('visibility') == 'hidden' ) {active_slide = temp;} 
                    if( temp.element.getStyle('visibility')== 'visible'  ) {passive_slide = temp;}
                    if (temp == last_slide && temp.element.getStyle('visibility')== 'visible') {active_slide = images_to_show[0];}
                    
                    i++;
                       
                }; 
            origin_z = active_slide.element.getStyle('z-index');
            active_slide.start({          
                'opacity':1
                });
            passive_slide.start({          
                'opacity':0
                });
                 
        };
        
        var begin = function() {gt_slider = (function() {slider();}).periodical(5000);};
    },
    onFailure: function() {
      images_array = '';
    }
 }).post(path_to_php);
 req.send();
});