var index = 0;
var img33 = new Image();
img33.src = "images/ar11.png";
var img44 = new Image();
img44.src = "images/ar22.png";

var img22 = new Image();
img44.src = "images/gallery/cup02.jpg";
var img23 = new Image();
img44.src = "images/gallery/mez05.jpg";
var img24 = new Image();
img44.src = "images/gallery/mez6.jpg";


var obg = new Object();
obg.pic = "cup02.jpg";
obg.name = "Handmade Kiddush cup";
obg.des = "Judaica item. Kiddush cup. Made of olive wood and sterling silver (925). Decorated with a Star of David and the walls of Jerusalem. ";
var obg1 = new Object();
obg1.pic = "mez06.jpg";
obg1.name = "Mezuzah Case";
obg1.des = "Handmade mezuzah case. Made of olive wood, Decorated with sterling silver (925). Glass tube protected the klaf";
var obg2 = new Object();
obg2.pic = "mez05.jpg";
obg2.name = "Handmade Mezuzah case";
obg2.des = "Mezuzah case. Made of olive tree root, Studded with amatist stone, Unique judaica creation.";

// var img2 = new Image();
var arr = new Array(obg, obg1, obg2);
var xxx = "";
var yyy = "";



function change(a) {
    var why = document.getElementById("img1");
    // var why2 = document.getElementById("img2");
    var kotText = document.getElementById("theKot");
    var kotText2 = document.getElementById("theKot2");

    // xxx = "images/gallery/" + arr[index].pic;
    if (a == "down") {
        index -= 1;
        if (index < 0) { index = 2; }
    }
    else {
        index += 1;
        if (index > 2) { index = 0; }
    }
    yyy = "images/gallery/" + arr[index].pic;

    //  main.style.background = "url("+img.src+") no-repeat";
   // fadeOut();
    why.src = yyy;
    // why2.src = yyy;
    kotText.innerHTML = arr[index].name;
    kotText2.innerHTML = arr[index].des;
    fadeIn();
    //alert(index);
    //alert(arr[index].pic);
}


var duration = 500;  /* 1000 millisecond fade = 1 sec */
var steps = 10;       /* number of opacity intervals   */
var delay = 5000;     /* 5 sec delay before fading out */
function setOpacity(level) {
    e = document.getElementById("img2");
    e.style.opacity = level;
    e.style.MozOpacity = level;
    e.style.KhtmlOpacity = level;
    e.style.filter = "alpha(opacity=" + (level * 100) + ");";
}



function fadeIn() {
    for (i = 0; i <= 1; i += (1 / steps)) {
        setTimeout("setOpacity(" + i + ")", i * duration);
    }
    //setTimeout("fadeOut()", delay);
}

function fadeOut() {
    for (i = 0; i <= 1; i += (1 / steps)) {
        setTimeout("setOpacity(" + (1 - i) + ")", i * duration);
    }
    //setTimeout("fadeIn()", duration);
}