var _MIN_IMG_NUMBER = 1;
var _MAX_IMG_NUMBER = 5;
var _currentImageNumber = 1;  //Math.floor(Math.random() * _MAX_IMG_NUMBER + _MIN_IMG_NUMBER)
var _controlTimer_name;
var _controlTimer_imageElement;
var _controlTimer_anchorElement;
var _controlTimer_delay;
var _controlTimer_timerId;
var _stopped = false;
var _imageExtension = 'png'
var divCategory;
var hlRecipeTitle;
var divCreator;

function showSequentialImages(imageId, anchorId, interval) {
    determineImageExtension();
    setArrowImages();
    _controlTimer_imageElement = document.getElementById(imageId);
    _controlTimer_anchorElement = document.getElementById(anchorId);
    _controlTimer_delay = interval;
    showImageNumber(_MIN_IMG_NUMBER);
    setDotAltText();
    _controlTimer_timerId = window.setInterval("switchImage();", interval);
}
function determineImageExtension() {
    if (navigator.appVersion.indexOf('MSIE 6.0')>0)
        _imageExtension = 'gif';
}
function setArrowImages() {
    document.getElementById('prevImgArrow').src = '/Images/Products/PieCrusts/arrowNav-Left.' + _imageExtension;
    document.getElementById('nextImgArrow').src = '/Images/Products/PieCrusts/arrowNav-Right.' + _imageExtension;
}
function switchImage() {
    showImageNumber(getNextImageSequenceNumber());
}
function showPreviousImage() {
    showImageNumber(getPreviousImageSequenceNumber());
    stopRandomImage();
}
function showNextImage() {
    showImageNumber(getNextImageSequenceNumber());
    stopRandomImage();
}
function showImageNumber(imageNumber) {
    if (_controlTimer_imageElement == null || _controlTimer_imageElement == 'undefinded' || !_controlTimer_imageElement) return;
    if (_controlTimer_anchorElement == null || _controlTimer_anchorElement == 'undefinded' || !_controlTimer_anchorElement) return;
        _currentImageNumber = imageNumber
        _controlTimer_imageElement.src = getImageUrl(_currentImageNumber);
        _controlTimer_anchorElement.href = getLinkUrl(_currentImageNumber);
        _controlTimer_imageElement.alt = getImageAltText(_currentImageNumber);
        clearAllImageSelectors()
        fillImageSelectorDot(_currentImageNumber);

        changeRecipeInfo(imageNumber);
}
function imageSelected(imageNumber) {
    _stopped = true;
    stopRandomImage();
    showImageNumber(imageNumber);
}
function getNextImageSequenceNumber() {
    if (_currentImageNumber >= _MIN_IMG_NUMBER && _currentImageNumber < _MAX_IMG_NUMBER)
        ++_currentImageNumber;
    else
        _currentImageNumber = _MIN_IMG_NUMBER;
    return _currentImageNumber;
}
function getPreviousImageSequenceNumber() {
    if (_currentImageNumber <= _MAX_IMG_NUMBER && _currentImageNumber > _MIN_IMG_NUMBER)
        --_currentImageNumber;
    else
        _currentImageNumber = _MAX_IMG_NUMBER;
    return _currentImageNumber;
}
function stopRandomImage() {
    window.clearInterval(_controlTimer_timerId);
   //window.setTimeout(switchImage(_controlTimer_delay), 15000);
}
function getLinkUrl() {
    switch (_currentImageNumber) {
        case 1: return '/Recipes/ShowRecipe.aspx?rid=47629';
        case 2: return '/Recipes/ShowRecipe.aspx?rid=47620';
        case 3: return '/Recipes/ShowRecipe.aspx?rid=47621';
        case 4: return '/Recipes/ShowRecipe.aspx?rid=47608';
        default: return '/Recipes/ShowRecipe.aspx?rid=47628';
    }
}
function getImageUrl() {
    switch (_currentImageNumber) {
        case 1: return '/Images/Products/PieCrusts/homeMain1.jpg';
        case 2: return '/Images/Products/PieCrusts/homeMain2.jpg';
        case 3: return '/Images/Products/PieCrusts/homeMain3.jpg';
        case 4: return '/Images/Products/PieCrusts/homeMain4.jpg';
        default: return '/Images/Products/PieCrusts/homeMain5.jpg';
    }
}
function getImageAltText(imageNumber) {
    if (imageNumber >= 1 && imageNumber <= 5) return 'Pie Crust Recipe';
    else return '';
}

function clearImageSelectorDot(imageNumber) {
    imageControl = document.getElementById('dot' + imageNumber);
    if (_stopped && imageControl.id == 'dot' + _currentImageNumber) return;
    imageControl.src = '/Images/Products/PieCrusts/arrowNav-empty.' + _imageExtension;
}
function fillImageSelectorDot(imageNumber) {
    imageControl = document.getElementById('dot' + imageNumber);
    imageControl.src = '/Images/Products/PieCrusts/arrowNav-full.' + _imageExtension;
}

function clearAllImageSelectors() {
    for (var i = _MIN_IMG_NUMBER; i <= _MAX_IMG_NUMBER; i++)
        clearImageSelectorDot(i);
}

function setDotAltText() {
    for (var i = _MIN_IMG_NUMBER; i <= _MAX_IMG_NUMBER; i++)
        document.getElementById('dot' + i.toString()).alt = getImageAltText(i);
}

function changeRecipeInfo(imageNumber) {

    for (var i = _MIN_IMG_NUMBER; i <= _MAX_IMG_NUMBER; i++) {
        var heroContainer = document.getElementById("hero" + i + "Container");
        if (i == imageNumber) {
            heroContainer.style.visibility = 'visible';
        }
        else {
            heroContainer.style.visibility = 'hidden';
        }
    }

}