/* Author: Jordan
*/
function getYOffset() {
    var pageY;
    
    if(typeof(window.pageYOffset) == 'number'){
       pageY = window.pageYOffset;
    }else{
       pageY = document.documentElement.scrollTop;
    }
    return pageY;
}
// Bootstrap
$(function(){
    
    $(window).load(function(){
        // Lazy Load for images
        $(".item img").lazyload({
         placeholder : URL + "static/img/loading.png",
         threshold : 400
        });
    });
    
    // Height and Position
    $('#worksWrap .work .workText').each(function(){
        var firstPos        = $(this).offset(); // offset of an element
        var elHeight        = $(this).height() + 50;
        var parentElement   = $(this).parent('.work');
        var parentOffset    = parentElement.offset();
        var parentPos       = parentOffset.top;
        var lastPos         = parentPos + parentElement.height() - elHeight;
        
        $(this).attr('data-firstpos',firstPos.top);
        $(this).attr('data-lastpos',lastPos);
    });
    
    // First Element Position Fixed
    $('#worksWrap .work:first .workText').css({'position' : 'fixed', 'left' : '60px', 'top' : '150px'});
    
    $(window).scroll(function () {
        var scrolled = getYOffset();
        
        // Height and Position
        $('#worksWrap .work .workText').each(function(){
            var firstpos    = parseInt($(this).attr('data-firstpos'));
            var lastpos     = parseInt($(this).attr('data-lastpos'));
            
            if((scrolled + 150) >= firstpos && (scrolled + 150) < lastpos){
                $(this).css({'position' : 'fixed', 'left' : '60px', 'top' : '150px'});
            }else{
                if(scrolled >= (lastpos - 150)){
                    $(this).css({'position' : 'absolute', 'left' : '-190px', 'top' : (lastpos - firstpos + 150) + 'px'});
                }else if(scrolled < (firstpos - 150)){
                    $(this).css({'position' : 'absolute', 'left' : '-190px','top' : '150px'});
                }
            }
        });
    });
    
})