var IDImg = "galleryImages";
var IDMenu = "galleryMenu";
var k = 0;
var delay = 5000;
var auto = true;
var title = true;
var menu = true;
var LenMenu = 3;
var n = 0;
var m = LenMenu;
function nextImg() {
    n++; m++;
    showNextMenu();
}
function prevImg() {
    n--; m--;
    showNextMenu();
}
function showNextMenu() {
    var gMenu = document.getElementById(IDMenu);
    var nDiv = gMenu.getElementsByTagName("div").length;
    var divTag = gMenu.getElementsByTagName("div");
    if (LenMenu > nDiv) {
        LenMenu = nDiv;
    }
    if (m > nDiv) {
        m = nDiv;
        n = nDiv - LenMenu;
    }
    if (n < 0) {
        n = 0;
        m = LenMenu;
    }
    for (i = 0; i < nDiv; i++) {
        if (i >= n && i < m) divTag[i].style.display = 'inline';
        else divTag[i].style.display = 'none';
    }
}
function clickMe(p) {
    var gImg = document.getElementById(IDImg);
    var divTag = gImg.getElementsByTagName("div");
    var nDiv = gImg.getElementsByTagName("div").length;
    for (var i = 0; i < nDiv; i++) {
        if (i == p) divTag[i].style.display = 'block';
        else divTag[i].style.display = 'none';
    }
}
function LoadMenuGallery(gMenu) {
    var gMenu = document.getElementById(IDMenu);
    if (gMenu == NaN) return;
    var nDiv = gMenu.getElementsByTagName("div").length;
    var divTag = gMenu.getElementsByTagName("div");
    gMenu.innerHTML = "<img class='strImg' src='css/img/gallery/strLeft.gif' alt='' onclick='prevImg();'/>" + gMenu.innerHTML + "<img class='strImg' src='css/img/gallery/strRight.gif' alt='' onclick='nextImg();'/>";
    if (m > nDiv) m = nDiv;
    for (i = 0; i < nDiv; i++) {
        divTag[i].setAttribute("onclick", "clickMe("+i+")");
        if (i >= n && i < m) divTag[i].style.display = 'inline';
        
    }
}
function LoadGallery() {
    var gImg = document.getElementById(IDImg);
    var gMenu = document.getElementById(IDMenu);
    if (!gMenu) menu = false;
    var nDiv = gImg.getElementsByTagName("div").length;
    var nSpan = gImg.getElementsByTagName("span").length;
    var divTag = gImg.getElementsByTagName("div");
    var imgTag = gImg.getElementsByTagName("img");
    var prev, next;
    var text = "";
    for (i = 0; i < nDiv; i++) {
        if (i == k) {

            divTag[i].style.display = 'block';
        }
        else divTag[i].style.display = 'none';
        if (i > 0) prev = i - 1; else prev = nDiv-1;
        if (i < nDiv-1) next = i + 1; else next=0;
        if (menu) text += "<span class='strImgBlock'><table  border='0' cellpadding='0' cellspacing='0' align='left' class='strImg' onclick='clickMe(" + prev + ")'/><tr><td class='bgStrLeft'></td></tr></table><table border='0' cellpadding='0' cellspacing='0' align='right' class='strImg' onclick='clickMe(" + next + ")'/><tr><td class='bgStrRight'></td></tr></table></span>";
        text += divTag[i].innerHTML;
        //text += "<span class=\"galleryTitle\">" + imgTag[i].getAttribute('title') + "</span>";
        if (nSpan < nDiv && title) divTag[i].innerHTML = text;
        text = "";
    }
    k++;
    if (k == nDiv) k = 0;
   
    if (!menu&&auto)setTimeout("LoadGallery()", delay);
}
function startGallery() {
    LoadGallery();
    if (menu) LoadMenuGallery();
}