$(document).ready(function(){
 var slidesList = $.ajax({
  type: "GET",
  async: false,
  url: "images.php?name=slides",
  dataType: "text"
 }).responseText;
 
 var titlesList = $.ajax({
  type: "GET",
  async: false,
  url: "vars.php?name=slidetitles",
  dataType: "text"
 }).responseText;
 
 var sidsList = $.ajax({
  type: "GET",
  async: false,
  url: "vars.php?name=slidesids",
  dataType: "text"
 }).responseText;
 
 var descsList = $.ajax({
  type: "GET",
  async: false,
  url: "vars.php?name=slidedescs",
  dataType: "text"
 }).responseText;

var slides = [];
var titles = [];
var descs = [];
var sids = [];

getSlides = function(list){
  files = list.split("\n");
  for (i=0;i<files.length-1;i++) {
	slides.push(files[i]);
  }
}

getTitles = function(list){
  items = list.split("#");
  for (i=0;i<items.length-1;i++) {
	titles.push(items[i]);
  }
}

getDescs = function(list){
  items = list.split("#");
  for (i=0;i<items.length-1;i++) {
	descs.push(items[i]);
  }
}

getSids = function(list){
  items = list.split("#");
  for (i=0;i<items.length-1;i++) {
	sids.push(items[i]);
  }
}

getSlides(slidesList);
getTitles(titlesList);
getDescs(descsList);
getSids(sidsList);
 
var delay = 7000;
var transition = 2000;
var dotTagName = ".slideDot";
 
var j = 0;
var k = slides.length-1;
getSlide = function(x){
  return {
    background: 'url("' + slides[x] + '") no-repeat center center',
    width:      '192px',
    height:     '127px',
    left:'0px',
    top:'0px'
  }
}

nextSlide = function(){
  var oldImg = getSlide(j);
  var oldDot = dotTagName +(j+1);
  j++;
  if (j > k) j = 0;
  var currentDot = dotTagName + (j+1);
  var newImg = getSlide(j);
  $(oldDot).attr({src:'images/GalleryDot.bmp'});
  $(currentDot).attr({src:'images/GalleryDotActive.bmp'});
  $('#slideimglink').attr("href", "index.php?pid="+sids[j]);
  $('#slidetitlelink').attr("href", "index.php?pid="+sids[j]);
  $('#slidedesclink').attr("href", "index.php?pid="+sids[j]);
  $('#slideTitle').text(titles[j]);
  $('#slideDescription').text(descs[j]);
  //$('#slidedesclink').text(descs[j]);
  $('.display4').css(oldImg).show();
  $('.display3').hide().css(newImg).fadeIn(transition);
  $('.display4').fadeOut(transition);
  setTimeout( function(){ nextSlide() }, delay );
}
nextSlide();

 loadSlide = function(x){
   var loadDot = dotTagName + x;
   var oldDot = dotTagName + (j+1);
   $(loadDot).attr({src:'images/GalleryDotActive.bmp'});
   $(oldDot).attr({src:'images/GalleryDot.bmp'});
   var newImg = getSlide(x-1);
   $('#slideimglink').attr("href", "index.php?pid="+sids[x-1]);
  $('#slidetitlelink').attr("href", "index.php?pid="+sids[x-1]);
  $('#slidedesclink').attr("href", "index.php?pid="+sids[x-1]);
   $('#slideTitle').text(titles[x-1]);
  $('#slideDescription').text(descs[x-1]);
  //$('#slidedesclink').text(descs[x-1]);
   $('.display3').hide().css(newImg).fadeIn(transition);
   $('.display4').fadeOut(transition);
   j = x-1;
 }
});