var imgPath = '../images/pulsetech/';
var home1 = new Image();
var home2 = new Image();
var home3 = new Image();

home1.src = imgPath + 'homeDemo1.png'
home2.src = imgPath + 'homeDemo2.png'
home3.src = imgPath + 'homeDemo3.png'

var currentImg = 1;

function changeRight() {
    var homeImg = document.getElementById('homeActiveImage');
    currentImg++;
    if (currentImg <= 3 && currentImg > 0) {

        homeImg.src = eval("home" + currentImg + ".src");
        changeMap(currentImg);

    } else {
        homeImg.src = home1.src;
        currentImg = 1;
        changeMap(currentImg);
    }
    fadeImage('homeActiveImage', currentImg);

}

function changeLeft() {
    var homeImg = document.getElementById('homeActiveImage');
    currentImg--;
    if (currentImg >= 1 && currentImg < 4) {

        homeImg.src = eval("home" + currentImg + ".src");
        changeMap(currentImg);

    } else {
        homeImg.src = home3.src;
        currentImg = 3;
        changeMap(currentImg);
    }
    fadeImage('homeActiveImage', currentImg);

}

function fadeImage(imageId, num) {
    image = document.getElementById(imageId);
    setOpacity(image, 0);
    image.style.visibility = 'visible';
    fadeIn(imageId, 0, num, false, null);
}


function setOpacity(obj, opacity) {
    opacity = (opacity == 100) ? 99.999 : opacity;

    // IE/Win
    obj.style.filter = "alpha(opacity:" + opacity + ")";

    // Safari<1.2, Konqueror
    obj.style.KHTMLOpacity = opacity / 100;

    // Older Mozilla and Firefox
    obj.style.MozOpacity = opacity / 100;

    // Safari 1.2, newer Firefox and Mozilla, CSS3
    obj.style.opacity = opacity / 100;
}

var inMotion = {
    list: new Array(),

    start: function(threadNum) {
        // kill last thread
        if (inMotion.list.length > 0) {
            inMotion.list = null;
            inMotion.list = new Array();
        
        }

        inMotion.list["test"] = threadNum;
    },
    continueThread: function(threadNum) {
      
        if (inMotion.list["test"] == threadNum) {
         
            return true;
        } else {
            return false;
        }
    }

};
var baseThreadNum = 0;
function fadeIn(objId, opacity, num, recursiveCall, threadNum) {

  
        obj = document.getElementById(objId);
      
        if (opacity <= 100) {
            setOpacity(obj, opacity);
            opacity += 1;
          
            if (recursiveCall == true) {
                var cont = inMotion.continueThread(threadNum);
         
                if (cont == false) { return; }
            } else {
          
                threadNum = baseThreadNum++;
                inMotion.start(threadNum);
             
            }
            var meth = "fadeIn('" + objId + "'," + opacity + "," + num + "," + true + "," + threadNum + ")";
            
            var timeout = window.setTimeout(meth, 1);
         
            
        }
        
    

}




function changeMap(num) {
    if (num == 1) {
        document.getElementById('homeActiveImage').useMap = "#powerpulse";
    } else if (num == 2) {
        document.getElementById('homeActiveImage').useMap = "#redipulse";
    } else if (num == 3) {
        document.getElementById('homeActiveImage').useMap = "#solarpulse";
    }
}
    var leftHomeArrow = document.getElementById('leftHomeArrow');
    if (leftHomeArrow != null) {
        leftHomeArrow.onclick = changeLeft;
        leftHomeArrow.ondblclick = changeLeft;
    }
    var rightHomeArrow = document.getElementById('rightHomeArrow');
    if (rightHomeArrow != null) {
        rightHomeArrow.onclick = changeRight;
        rightHomeArrow.ondblclick = changeRight;
    }

    $(function() {
        $('#btn_slide_left').click(function() {
            var activeslide = $('#slideshow > a:visible');
            var nextslide = $(activeslide).next();

            $(activeslide).hide();

            if ($(nextslide).length == 1)
                $(nextslide).fadeIn();
            else
                $(activeslide).parent().find('a').first().fadeIn();
            return false;
        });

        $('#btn_slide_right').click(function() {
            var activeslide = $('#slideshow > a:visible');
            var prevslide = $(activeslide).prev();

            $(activeslide).hide();

            if ($(prevslide).length == 1)
                $(prevslide).fadeIn();
            else
                $(activeslide).parent().find('a').last().fadeIn();
            return false;
        });
    });