﻿var _MIN_IMG_NUMBER = 1;
var _MAX_IMG_NUMBER = 2;
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'




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/FBG/btn_FlipperLeft.gif';
    document.getElementById('nextImgArrow').src = '/Images/products/FBG/btn_FlipperRight.gif';
}
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(document.getElementById('dot' + _currentImageNumber));
}
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=45706&WT.ac=cf2_recipe_41926_11-4-08';
        case 2: return '/Recipes/ShowRecipe.aspx?rid=41926&WT.ac=cf2_recipe_43527_11-4-08';
        default: return '#';
    }
}
function getImageUrl() {
    switch (_currentImageNumber) {
        case 1: return '/Images/products/FBG/header-main1a.jpg';
        case 2: return '/Images/products/FBG/header-main2.jpg';
        default: return '';
    }
}
function getImageAltText(imageNumber) {
    switch (imageNumber) {
        case 1: return 'Quick and Easy Chicken Pot Pies';
        case 2: return 'Caramel-Nut Breakfast Biscuits';
        default: return '';
    }
}
function clearImageSelectorDot(imageControl) {
    if (_stopped && imageControl.id == 'dot' + _currentImageNumber) return;
    imageControl.src = '/Images/products/FBG/btn_FlipperCircleEmpty.gif';
}
function fillImageSelectorDot(imageControl) {
    imageControl.src = '/Images/products/FBG/btn_FlipperCircleFull.gif';
}
function clearAllImageSelectors() {
    for(var i = _MIN_IMG_NUMBER; i <= _MAX_IMG_NUMBER; i++)
        clearImageSelectorDot(document.getElementById('dot' + i.toString()));
    
}
function setDotAltText() {
    for (var i = _MIN_IMG_NUMBER; i <= _MAX_IMG_NUMBER; i++)
        document.getElementById('dot' + i.toString()).alt = getImageAltText(i);
}
