﻿// global variable
index = 0;
curId = -1;

$(function() {
    if ($.browser.msie) {
        $('html').addClass('ie');
    }
    animateTopDiv();
});

function startSlide() {
    $.getJSON('controls/home_slide.ashx',
        { index: index,
            id: -1
        },
        function(data) {
            if (data[0].drankName != "") {
                $('.drank_title_slide').empty();
                $('.drank_title_slide').append(data[0].drankName);
                var src = "img/dranken_big/" + data[0].drankPath;
                $('.home_slide_drank').attr("src", src);
                Cufon.replace('h1,h2,.menuItem');
                curId = data[0].drankId;
            }

        }
     );
    }

    function loadDrank(number) {
        index = number;
        startSlide();
    }

function nextDrank() {
    index++;
    startSlide();
}

function priviusDrank() {
    index--;
    startSlide();
}

function changeDrank(index, id) {
    $.getJSON('../controls/home_slide.ashx',
        { index: index,
          id:id },
        function(data) {
            $('.drank_h1').empty();
            $('.drank_h1').append(data[0].drankName);
            $('.drank_lang_desc').empty();
            $('.drank_lang_desc').append(data[0].drankDesc);
            $('.hh_tips').empty();
            $('.hh_tips').append("<b>Hooghoudt tip: </b>" + data[0].hhTip);

            var src = "";
            if (data[0].drankGlass == null) {
                src = "../img/dranken_big/" + data[0].drankPath;
            } else {
                src = "../img/dranken_glass/" + data[0].drankGlass;
            }
            
            $('.drank_bigPic').attr("src", src);
            Cufon.replace('h1,h2,.menuItem');
        }
    );
}

function showDrank() {
    document.location ="pages/Dranken.aspx?id="+curId;
}


function animateTopDiv() {
    $('#topDiv').animate({
        backgroundPosition: parseInt($('#topDiv').css('backgroundPosition'), 10) + 960 + "px 0px"
    }, 40000, 'linear', function() {
        animateTopDiv();
    });
}




