(function ($, Drupal, window, document, undefined) {
  Drupal.behaviors.sinodisHomePage = {
    attach: function (context, settings) {
      if(jQuery('body').is('.node-type-homepage')) {
 				var slideshowBG = jQuery('.field-name-field-hompeage-slideshow > .field-items > .field-item');
        if(slideshowBG.length) {
          var bgWrapper = jQuery('<div id="background-slideshow">');
          var slideshowMain = slideshowBG.parent();
          bgWrapper.addClass('flexslider');
          slideshowMain.addClass('slides');
          slideshowBG.addClass('slide');
          
          slideshowBG.each(function(i, item){
            jQuery(item).find('.field-name-field-homepage-image .field-item')
            .css({'background':'url('+jQuery(item).find('.field-name-field-homepage-image img').attr('src')+')',
                  'background-position': '50% 50%',
                  'background-repeat': 'no-repeat no-repeat',
                  'background-size':'cover', 
                  'height':'170px', 
				  'filter' : "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"
				  +jQuery(item).find('.field-name-field-homepage-image img').attr('src')+ "',sizingMethod='scale')",
				 '-ms-filter' :  "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='"+jQuery(item).find('.field-name-field-homepage-image img').attr('src')+"',sizingMethod='scale')"
				  });
            jQuery(item).find('.field-name-field-homepage-image .field-item img').remove();
          
          });
		  
		  /*
		   filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='http://10.0.0.30/sinodis/sites/default/files/styles/homepage-slideshow/public/woman_2.jpg?itok=fjj3aZL9',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://10.0.0.30/sinodis/sites/default/files/styles/homepage-slideshow/public/woman_2.jpg?itok=fjj3aZL9',sizingMethod='scale')";
          */
          child = slideshowBG.children();
          child.find('').css({});
          child.css({
            left:0,
            right:0,
            bottom:0,
            top:0
          });
          
          child.find('img').css({ 'max-width':'none', 'height':'auto' });
          
          // Append the list to the wrapper
          bgWrapper.append(slideshowMain);
          
          // Place the wrapper of the slideshow
          jQuery('.field-name-field-hompeage-slideshow').prepend(bgWrapper);
          
          this.slideshowWrapper = bgWrapper;
          
          
          // Function for the slideshow
          jQuery('#background-slideshow').flexslider({
            animation: "slide",
            selector: ".slides > .slide",
            controlNav: false,
            keyboard: false,
            pauseOnAction: false,
            pauseOnHover: true,
            slideshowSpeed: 3000
          });
        }
      }
    }
  };
})(jQuery, Drupal, this, this.document);
