var pic = new Image();
var timer;
var first_pic = 100;
var second_pic = 0;
var sec = 0;
var currentPictureId = 0;
var slideshow_started = false;

var disabled_opacity = false;
var step_opacity = 1;
var step_time = 80;

// Путь к слайдам
var picture_dir = "image/";

// Список слайдов
var pictures = new Array("us.jpg", "us2.jpg", "us3.jpg");
var total_pictures = pictures.length;

var before = document.getElementById("before_div");
var after = document.getElementById("after_div");

function changePicture(pictureId) {

if (currentPictureId == pictureId || first_pic != 100) {

ShowNextImage();
return false;
}

currentPictureId = pictureId;

pic = new Image();
pic.src = picture_dir + pictures[pictureId];
timer = setTimeout("checkLoading()", 3000);
}

function checkLoading() {

if (pic.complete == true) {

if (disabled_opacity == true) {

document.getElementById("before").src = pic.src;
if (slideshow_started == true) {

ShowNextImage();
}

} else {

changeSlide();
document.getElementById("after").src = pic.src;
timer = setTimeout("changeSlide()", step_time);
}

} else {

timer = setTimeout("checkLoading()", 1000);
}
}

function changeSlide() {

first_pic = first_pic - step_opacity;
second_pic = second_pic + step_opacity;

before.style.opacity = first_pic / 100;
after.style.opacity = second_pic / 100;
after.style.filter = "alpha(opacity=" + second_pic + ")";
before.style.filter = "alpha(opacity=" + first_pic +")";

if (second_pic > 99) {

clearTimeout(timer);
document.getElementById("before").src = pic.src;
before.style.opacity = 100;
before.style.filter = "alpha(opacity=0)";
after.style.opacity = 0;
after.style.filter = "alpha(opacity=100)";
first_pic = 100;
second_pic = 0;

if (slideshow_started == true) {

ShowNextImage();
}

} else {

timer = setTimeout("changeSlide()", step_time);
}
}

function ShowNextImage() {

var pictureId = Math.floor(Math.random()*total_pictures);
changePicture(pictureId); 
} 

function StartSlideShow() {

if (slideshow_started == false) {

slideshow_started = true;
ShowNextImage();

} else {

slideshow_started = false;
}
}

function findPos(obj){

var posX = obj.offsetLeft;
var posY = obj.offsetTop;

while(obj.offsetParent){

if(obj == document.getElementsByTagName('body')[0]) { 

break

} else {

posX=posX + obj.offsetParent.offsetLeft;
posY=posY + obj.offsetParent.offsetTop;
obj = obj.offsetParent;
}
}

var posArray=[posX,posY]
return posArray;
}