var t;

$(document).ready(function (){
/*
  $("a.fancybox").fancybox({
    'speedIn' : 600,
    'speedOut' : 300
  });*/
  

    $("#teaser2").hide();
    
    t= setTimeout('nextTeaser()',10000);
    
    //prelaod
    var images = new Array();
    for (var i = 0;teaser.length;i++) {
        images[i] = new Image();
        images[i].src = teaser[i].image;
    }
    
    $("body").bind('keypress',function (e) {
        alert(e.keyCode);
    });
    
    
    
});


var teaserNo = 0;


function handleArrowKeys(evt) {
    evt = (evt) ? evt : ((window.event) ? event : null);
    if (evt) {
        switch (evt.keyCode) {
            case 37:
                prevTeaser();
                break;        
            case 39:
                nextTeaser();
                break;    
         }
    }
}

document.onkeyup = handleArrowKeys;


function prevTeaser() {

    clearTimeout(t);
    teaserNo--;
    var teaserNoPrev = Math.abs((teaserNo)%teaser.length);

    //alert(teaserNoPrev);
    $("#prevtreaser").addClass("teaserarrow-active");
    $("#teaser2").css("background-image","url("+teaser[teaserNoPrev].image+")");
    $("#teaser .details").attr("href",teaser[teaserNoPrev].details);
    $("#teaser .appstore a").attr("href",teaser[teaserNoPrev].appstore);
    $("#teaser2").fadeIn(function() {
        $("#teaser").css("background-image","url("+teaser[teaserNoPrev].image+")");
        $("#teaser2").hide();
        $("#prevtreaser").removeClass("teaserarrow-active");
        t=setTimeout('nextTeaser()',10000);
    });
}


function nextTeaser() {
    clearTimeout(t);
    teaserNo++;
    var teaserNoNext = Math.abs((teaserNo)%teaser.length);

    //alert(teaserNoNext);
    $("#nexttreaser").addClass("teaserarrow-active");
    $("#teaser2").css("background-image","url("+teaser[teaserNoNext].image+")");
    $("#teaser .details").attr("href",teaser[teaserNoNext].details);
    $("#teaser .appstore a").attr("href",teaser[teaserNoNext].appstore);
    $("#teaser2").fadeIn(function() {
        $("#teaser").css("background-image","url("+teaser[teaserNoNext].image+")");
        $("#teaser2").hide();
        $("#nexttreaser").removeClass("teaserarrow-active");
        t=setTimeout('nextTeaser()',10000);
    });
}