var satter = {
	init: function() {
        
        var from_top = get_from_top();
        $(window).scroll(function() {
            var scroll_top = $('body').scrollTop();
            $('#overlay').css('top', scroll_top+'px');
            $('#overlay').css('height', '100%');
            $('#lightbox').css('top', (scroll_top+from_top)+'px');
        });
        
	}
}

jQuery(document).ready(function() {
	satter.init();
});

function get_from_top() {
    var window_height = $(window).height();
    if (window_height > 440) {
        from_top = (window_height - 440) / 2;
    } else {
        from_top = 0;
    }
    from_top = parseInt(from_top);
    return from_top;
}


var overlay                 = $(jQuery('<div id="overlay" style="display:none;"></div>'));
var outer_container         = $(jQuery('<div id="lightbox" style="display:none;"></div>'));
var inner_container         = $(jQuery('<div class="inner_container"></div>'));
var target                  = $(jQuery('<div class="target"></div>'));
var close                   = $(jQuery('<div class="close"><a href="#close"></a></div>'));
var title                   = $(jQuery('<div class="video-title"></div>'));
var close_title_container   = $(jQuery('<div class="ct-container"></div>'));

var apiEndpoint = 'http://vimeo.com/api/v2/';
var oEmbedEndpoint = 'http://vimeo.com/api/oembed.json'
var oEmbedCallback = 'switchVideo';
var videosCallback = 'setupGallery';
var vimeoUsername = '823653';

function open_video(url) {
    var scroll_top = $('body').scrollTop();
    var from_top = get_from_top();

    overlay.css(
        {
            'top': (scroll_top) + 'px'
        }
    );

    $('body').append(overlay).append(outer_container);

    close_title_container.append(title);
    close_title_container.append(close);
    outer_container.append(close_title_container);
    inner_container.append(target);
    outer_container.append(inner_container);

    outer_container.show().css(
            {
            'top': (scroll_top+from_top) + 'px',
            'margin-left': 0
            }
            ).hide();
    
    overlay.click(function(c) {
        c.preventDefault();
        target.children().remove();
        outer_container.remove();
        overlay.add(outer_container).fadeOut('normal');
    });
    close.click(function(c) {
        c.preventDefault();
        target.children().remove();
        outer_container.remove();
        overlay.add(outer_container).fadeOut('normal');
    });

    if (outer_container.is(':visible')) {
        target.children().fadeOut('normal', function() {
            target.children().remove();
            //loadImage(url);
        });
    } else {
        target.children().remove();
        overlay.add(outer_container).fadeIn('normal',function() {
            //loadImage(url);
        });
    }

    getVideo(url);
    $('#overlay').fadeTo("fast", 0.8);

}
function getVideo(url) {
    $.getScript(oEmbedEndpoint + '?url=' + url + '&title=false&autoplay=true&byline=false&width=800&height=450&callback=switchVideo');
}

function switchVideo(video) {
    $('.target').html(unescape(video.html));
    $('.video-title').html(unescape(video.title));
}




function open_photo(url, photo_title) {
    var scroll_top = $('body').scrollTop();
    var from_top = get_from_top();
    
    overlay.css(
        {
            'top': (scroll_top) + 'px'
        }
    );
    
    
    var img = new Image();
    //img.src = image_src;
    
    var photo   = $(jQuery('<img id="portfolio_photo" src="'+url+'" height="450" border="0" />'));
        $('body').append(overlay).append(outer_container);
    
        close_title_container.append(title);
        close_title_container.append(close);
        outer_container.append(close_title_container);
        inner_container.append(target);
        outer_container.append(inner_container);
    
    
        outer_container.show().css(
                {
                'top': (scroll_top+from_top) + 'px',
                'margin-left': 0
                }
                ).hide();
        
        overlay.click(function(c) {
            c.preventDefault();
            target.children().remove();
            outer_container.remove();
            overlay.add(outer_container).fadeOut('normal');
        });
        close.click(function(c) {
            c.preventDefault();
            target.children().remove();
            outer_container.remove();
            overlay.add(outer_container).fadeOut('normal');
        });
    
        if (outer_container.is(':visible')) {
            target.children().fadeOut('normal', function() {
                target.children().remove();
                //loadImage(url);
            });
        } else {
            target.children().remove();
            overlay.add(outer_container).fadeIn('normal',function() {
                //loadImage(url);
            });
        }
        //$('.target').html('<img id="portfolio_photo" src="'+url+'" height="450" border="0" />');
        
        //var photo_width = $('#portfolio_photo').width();
        $('.target').html(photo);
        
        
        
    
    
    $(img).load(function () {
        var real_image_width        = img.width;
        var real_image_height       = img.height;
        var scale = 450/real_image_height;
        var photo_width = parseInt(real_image_width*scale);
        
        
        
    
        
        
        $('.ct-container').css("width", photo_width);
        
        $('.video-title').html(unescape(photo_title));
        $('#overlay').fadeTo("fast", 0.8);

        
        
        
        
        
    }).attr('src', url);
    

    

}

function open_photo_dep(url) {
    scroll_top = $('body').scrollTop();
    from_top = get_from_top();
    
    title.css(
        {
            'top': (scroll_top+from_top-30) + 'px'
        }
    );
    close.css(
        {
            'top': (scroll_top+from_top-16) + 'px'
        }
    );
    overlay.css(
        {
            'top': (scroll_top) + 'px'
        }
    );
    
    $('body').append(overlay).append(container).append(close).append(title);
    container.append(target);
    container.show().css(
            {
            'top': (scroll_top+from_top) + 'px',
            'margin-top': 0,
            'margin-left': 0
            }
            ).hide();
    
    
    overlay.click(function(c) {
        c.preventDefault();
        target.children().remove();
        container.remove();
        title.remove();
        close.remove();
        overlay.add(container).fadeOut('normal');
    });
    close.click(function(c) {
        c.preventDefault();
        target.children().remove();
        container.remove();
        title.remove();
        close.remove();
        overlay.add(container).fadeOut('normal');
    });
    
    



    if (container.is(':visible')) {
        target.children().fadeOut('normal', function() {
            target.children().remove();
            //loadImage(url);
        });
    } else {
        target.children().remove();
        overlay.add(container).fadeIn('normal',function() {
            //loadImage(url);
        });
    }



    $('.target').html('<img src="'+url+'" height="450" border="0" />');
    $('#overlay').fadeTo("fast", 0.8);

}