hs.graphicsDir = 'highslide/graphics/';
hs.showCredits = false;
//hs.creditsPosition = 'top right';
hs.outlineType = 'custom-new';
hs.fadeInOut = false;
hs.align = 'center';
hs.marginTop =  60;


hs.width = 600;
hs.allowSizeReduction = false;
hs.useBox= true;

if (hs.ie) {
//    hs.allowHeightReduction = true;
hs.height = 376;
hs.headingOverlay.position = 'top';

hs.allowSizeReduction = false;
//hs.headingOverlay.opacity = 1;
//hs.captionOverlay.height = '530px';

//hs.padToMinWidth = true;
} else {
hs.height = 340;
//hs.headingOverlay.position = 'top';

//hs.allowSizeReduction = false;

}

//hs.captionEval = 'this.thumb.alt';
//hs.captionText = 'Варианты исполнения';
//hs.captionOverlay.width = '100%';
hs.headingEval = 'this.a.title';
//hs.captionOverlay.position = 'bottom';
hs.lang.restoreTitle = 'Следующий вариант';

/*I'm setting this as per a previous forum post.*/
hs.dynamicallyUpdateAnchors = true;
// Add the slideshow controller
hs.addSlideshow({
      slideshowGroup: ['group1','group2','group3','group4','group5','group6','group7','group8','group9','group10','group11','group12','group13','group14','group15','group16','group17','group18'],
	interval: 5000,
	repeat: true,
	useControls: false
});
// gallery config object
var config1 = {
	slideshowGroup: 'group1',
	transitions: ['expand', 'crossfade']
};
var config2 = {
	slideshowGroup: 'group2',
	transitions: ['expand', 'crossfade']
};
var config3 = {
	slideshowGroup: 'group3',
	transitions: ['expand', 'crossfade']
};
var config4 = {
	slideshowGroup: 'group4',
	transitions: ['expand', 'crossfade']
};
var config5 = {
	slideshowGroup: 'group5',
	transitions: ['expand', 'crossfade']
};
var config6 = {
	slideshowGroup: 'group6',
	transitions: ['expand', 'crossfade']
};
var config7 = {
	slideshowGroup: 'group7',
	transitions: ['expand', 'crossfade']
};
var config8 = {
	slideshowGroup: 'group8',
	transitions: ['expand', 'crossfade']
};
var config9 = {
	slideshowGroup: 'group9',
	transitions: ['expand', 'crossfade']
};
var config10 = {
	slideshowGroup: 'group10',
	transitions: ['expand', 'crossfade']
};
var config11 = {
	slideshowGroup: 'group11',
	transitions: ['expand', 'crossfade']
};
var config12 = {
	slideshowGroup: 'group12',
	transitions: ['expand', 'crossfade']
};
var config13 = {
	slideshowGroup: 'group13',
	transitions: ['expand', 'crossfade']
};
var config14 = {
	slideshowGroup: 'group14',
	transitions: ['expand', 'crossfade']
};
var config15 = {
	slideshowGroup: 'group15',
	transitions: ['expand', 'crossfade']
};
var config16 = {
	slideshowGroup: 'group16',
	transitions: ['expand', 'crossfade']
};
var config17 = {
	slideshowGroup: 'group17',
	transitions: ['expand', 'crossfade']
};
var config18 = {
	slideshowGroup: 'group18',
	transitions: ['expand', 'crossfade']
};

hs.registerOverlay({
      html: '<div class="closebutton" onclick="return hs.close(this)" title="Close"></div>',
            position: 'bottom center',
            hideOnMouseOut: false,
            fade: 2 // fading the semi-transparent overlay looks bad in IE
            });

hs.registerOverlay({
      html: '<div class="prevbutton" onclick="return hs.previous(this)" title="Prev"></div>',
            position: 'bottom left',
            hideOnMouseOut: false,
            fade: 2 // fading the semi-transparent overlay looks bad in IE
            });

hs.registerOverlay({
      html: '<div class="nextbutton" onclick="return hs.next(this)" title="Next"></div>',
            position: 'bottom right',
            hideOnMouseOut: false,
            fade: 2 // fading the semi-transparent overlay looks bad in IE
            });



$(document).ready(function(){

$("div.highslide-gallery a").each( function(){

var eThis = $(this);
var galId = $(this).attr("id");
var galCaption = $(this).attr("title");

   $.post("loader_main.php", {
         id: galId,
         alt: galCaption
      }, function(data){
          eThis.after(function() {
             return '<div class="hidden-container">' + data + '</div>';
           });



      });
  
});

});