/** PageIndex.class.js
*
* @desc javascript index page implementation
* 
* @author DEV5
* @copyright iMeal Ltd.
* @package iMeal
* @version 1.00.20100721
* @kit ignore
* 
* @revision 2010-01-17 DEV5: file created
* @revision 2010-08-16 DEV5: new index-design created
* @revision 2010-11-11 DEV5: new design and new features uploaded
* @revision 2010-12-10 DEV5: new start image added
*/

var iMainImageInterval = null;

var PageIndex = function()
{
    return{
        m_nActualMainImage : 1,
        //function to change the main-image on page index
        changeMainImage : function( oEvent )
        {
            if(oEvent == undefined)
            {
                var nNumber = this.m_nActualMainImage + 1;
                if(nNumber > 3)
                {
                    nNumber = 1;
                }
            }
            else
            {
                var sClass = $(oEvent.currentTarget).attr("class").replace("image", "").replace("active", "");
                sClass = trim(sClass);
                sClass = sClass.replace("nr_", "");
                
                var nNumber = Number(sClass);
            }
            
            this.m_nActualMainImage = nNumber;
            
            $('.main_image').unbind("click");
            $('.main_image').removeClass("clickable");
            
            $GetElement(".main_image").css("background-image", "url(" + eval("INDEX_MAIN_IMAGE_" + nNumber) + ")");
            $GetElement(".main_image .title_text").html(eval("TXT_INDEX_MAIN_IMAGE_TITLE_TEXT_" + nNumber));
            $GetElement(".main_image .title.text").html(eval("TXT_INDEX_MAIN_IMAGE_TITLE_" + nNumber));
            $GetElement(".little_images_container .image").removeClass("active");
            $(".little_images_container .image.nr_" + nNumber).addClass("active");
            
            clearInterval(iMainImageInterval);
            iMainImageInterval = setInterval("PageIndex.changeMainImage()", 5000);
        }
    }
}();

$(document).ready(function()
{
    //sets the functions for the little info boxes under the main image
    $GetElement(".main_image .info_box.nr_1").click(function(e) {
        AlertBox.Show("", "page/Index/layers/alert_delivery_help.tpl");
        e.stopPropagation();
    })
    
    $GetElement(".main_image .info_box.nr_2").click(function(e) {
        AlertBox.Show("", "page/Index/layers/alert_reservation_help.tpl");
        e.stopPropagation();
    })
    
    
    $GetElement(".main_image .info_box.nr_3").click(function(e) {
        AlertBox.Show("", "page/Index/layers/alert_take_away_help.tpl");
        e.stopPropagation();
    })
    
    //sets the interval to change the image
    $GetElement('.little_images_container .image').mouseover(function(e) {
        PageIndex.changeMainImage(e);
    })
    iMainImageInterval = setInterval("PageIndex.changeMainImage()", 5000);
    
    $('.main_image').addClass("clickable");
    $('.main_image').click(function() {
        location.href = '/page/blog/item/716';
    })
});