//Swap images, much simpler that way.
function swapImage(pElement) {
    if (pElement) {
        pElement.src = (pElement.src.indexOf('x.png') >= 0) ? pElement.src.replace('x.png', '.png') : pElement.src.replace('.png', 'x.png');
    } 
}

//Flash
function showFlash(pIndex) {
    var tempElement = document.getElementById(pIndex);
    tempElement.style.display = 'block';
    
    var tempElement3 = document.getElementById('Flashbackground');
    tempElement3.style.display = 'block';


    var tempElement2 = document.getElementById('divslider');
    tempElement2.style.display = 'none';    
    
    
}




function hideFlash(pIndex) {
    var tempElement3 = document.getElementById('Flashbackground');
    tempElement3.style.display = 'none';

    var tempElement = document.getElementById(pIndex);  
    tempElement.style.display = 'none';
    
    
    var tempElement2 = document.getElementById('divslider');
    tempElement2.style.display = 'block';  
    
    location.href="index.aspx";  
    
}



//Slider
var mCurrentElement = 0;
var mElements = new Array(1);
var mSlideAmount = 10;
var mSlideTime = 10;
var mSlideMax = 792;
var mSlideMin = 0; //Margin mit einberechnen!
var mBlocked = false;

mElements[0] = 'images/Index/startbild_01.jpg';
mElements[1] = 'images/Index/startbild_02.jpg';
mElements[2] = 'images/Index/startbild_03.jpg';
mElements[3] = 'images/Index/startbild_04.jpg';

function moveElementLeft(pIndex, pIndexTo) {
    var tempElement = document.getElementById(pIndexTo);
    var tempSlide = document.getElementById(pIndex);

    if ((tempElement) && (tempSlide)) {
        tempElement.style.left = (tempElement.offsetLeft - (mSlideAmount + mSlideMin)) + 'px';
        tempSlide.style.right = (mSlideMax - tempElement.offsetLeft + mSlideMin * 2) + 'px';
        
        if (tempElement.offsetLeft > mSlideMin) window.setTimeout("moveElementLeft('" + pIndex + "', '" + pIndexTo + "')", mSlideTime);
        if (tempElement.offsetLeft <= mSlideMin) {
            tempSlide.src = tempElement.src;
            tempElement.style.display = 'none';
            tempElement.style.left = mSlideMin + 'px';
            tempSlide.style.right = '';
            tempElement.src = '';
            mBlocked = false;
        }
    }
}

function moveElementRight(pIndex, pIndexTo) {
    var tempElement = document.getElementById(pIndexTo);
    var tempSlide = document.getElementById(pIndex);
    
    if ((tempElement) && (tempSlide)) {
        tempElement.style.left = (tempElement.offsetLeft + mSlideAmount - mSlideMin) + 'px';
        tempSlide.style.right = (mSlideMax - tempElement.offsetLeft + mSlideMin*2) + 'px';

        if (tempElement.offsetLeft < mSlideMax) window.setTimeout("moveElementRight('" + pIndex + "', '" + pIndexTo + "')", mSlideTime);
        if (tempElement.offsetLeft >= mSlideMax) {       
            tempElement.style.display = 'none';
            tempElement.style.left = mSlideMin + 'px';
            tempSlide.style.right = '';
            tempElement.src = '';
            mBlocked = false;
        }
    }
}

function swapElement(pAmount) {
    if (mElements[mCurrentElement + pAmount]) mCurrentElement = mCurrentElement + pAmount;
    else if ((mCurrentElement + pAmount) >= mElements.length) mCurrentElement = 0;
    else if ((mCurrentElement + pAmount) < 0) mCurrentElement = mElements.length-1;

    return mElements[mCurrentElement];
}

function doSlide(pImageIndex, pImageToIndex, pAmount) {
    if (mBlocked == false) {
        var tempElement = document.getElementById(pImageIndex);
        var tempToElement = document.getElementById(pImageToIndex);

        if ((tempElement) && (tempToElement)) {
            //if (mCurrentElement + pAmount < mElements.length && mCurrentElement + pAmount >= 0) {
                tempToElement.style.display = 'block';
            
                if (pAmount < 0) {
                    mBlocked = true;

                    tempToElement.src = tempElement.src;
                    tempElement.src = swapElement(pAmount);
                    tempToElement.style.left = mSlideMin + 'px';
                    window.setTimeout("moveElementRight('" + pImageIndex + "', '" + pImageToIndex + "')", mSlideTime);
                }

                if (pAmount > 0) {
                    mBlocked = true;

                    tempToElement.src = swapElement(pAmount);
                    tempToElement.style.left = mSlideMax + 'px';
                    window.setTimeout("moveElementLeft('" + pImageIndex + "', '" + pImageToIndex + "')", mSlideTime);
                }
            }
        }
 //   } 
}