// Case-carussel
if (typeof (SkybrudDk) == "undefined") SkybrudDk = {};
SkybrudDk.CaseView = SkybrudDk.CaseView || {
    initialize: function() {
        var _me = this;
        $('.caseviewPicture').cycle({
            fx: 'scrollRight',
            delay: 0,
            speed: 500,
            timeout: 4000,
            before: _me.onBefore,
            after: _me.onAfter,
            pager: '#caseNaviLeft',
            next: '#caseNext',
            prev: '#casePrev',
            prevNextClick: _me.onBefore
        });
    },
    onBefore: function(cuurSlideElement, nextSlideElement, options, forwardFlag) {
        //nulstill counter
        $('#timelineContainer').stop();
        $('#timelineContainer').width(0);

    },
    onAfter: function(cuurSlideElement, nextSlideElement, options, forwardFlag) {
        //kør counter animation
        $('#timelineContainer').animate({
            width: "440px"
        }, 3500);
    }

};

var showStatus = true;

//statusmsg
function showStatusMsg(message) {
    if(showStatus) {
        var statusMsg = $('.statusMsg');
        statusMsg.html(message)
        statusMsg.animate({top: '0'}, 350);
        setTimeout(function() {
            hideStatusMsg();
        }, 2000);
    }
}

function hideStatusMsg() {
    var statusMsg = $('.statusMsg');
    if(statusMsg.css("top") == '0px') {
        statusMsg.html('');
        statusMsg.animate({top: '-40'}, 350);
    }
}

//init
$(document).ready(function() {
    $(".caseviewPicture").click(function() {
        hideStatusMsg();
        if($('.caseviewPicture').height() == 210)
        {
            $('.caseviewPicture').animate({
                height: "420px"
            }, 500)
        } else {
            $('.caseviewPicture').animate({
                height: "210px"
            }, 500)
        }     
    });
    
    $(".caseviewPicture").mouseover(function() {
        if($('.caseviewPicture').height() == 210)
        {
            showStatusMsg('Klik for stor størrelse');
        } else {
            showStatusMsg('Klik for lille størrelse');
        }
        showStatus = false;
    });
    
    $(".caseviewPicture").mouseout(function() {
        showStatus = true;
        hideStatusMsg();
    });
});

$(window).load(function() {
    SkybrudDk.CaseView.initialize();
});