$(document).ready(function(){
    init_thumbs();
    $('a.lightbox').lightBox();
    $('<div id="loading" class="hide"><img src="'+bluesky.MEDIA_URL+'/img/stylesheet/core/loading.gif" alt="Loading" /></div>').insertBefore($('#property-image'))
    var tabView = new YAHOO.widget.TabView('media-list');
})
function switch_vertical(fullsize, vertical, title){
    	$('#loading').fadeIn(100);
        var msg = title + ' - click for fullsize image.';
        var img = new Image;
        img.src = vertical ;
        img.onload = function(){   
            $('#vertical-image').attr('title', title);
            $('#vertical-image').attr('href', fullsize);
            $('#property-image').attr('src', img.src) ;
            $('#property-large-image p.img-title').empty().append(msg);
    	    $('#loading').fadeOut();
        }
        if ( img.complete == true ) {   
            $('#vertical-image').attr('title', title);
            $('#vertical-image').attr('href', fullsize);
            $('#property-image').attr('src', img.src) ;
            $('#property-large-image p.img-title').empty().append(msg);
    	    $('#loading').fadeOut();
        }
}
function init_thumbs(){
    if($('#thumbnails a')){
        oHolder = $('#thumbnails a');
        for (var i = 0; i < oHolder.length; i++){
            var tmp = oHolder[i].rel.split(' ');
            image = {};
            image.fullsize = tmp[1];
            image.vertical = tmp[0];
            oHolder[i].image = image;
            oHolder[i].f = 'image';
            oHolder[i].href = '#media';
            oHolder[i].onclick = function(){
                switch_vertical(this.image.fullsize, this.image.vertical, this.title);
            }
        }
    }
}