$( document ).ready( function() {
	$( '.scroll' ).jScrollPane( {
		showArrows: true,
		scrollbarWidth: 11,
		scrollbarMargin: 20,
		reinitialiseOnImageLoad: false
	} );
	
	$( '.jScrollPaneContainer' ).bind( 'focus', function() { $( this ).blur(); } );
	
	if( typeof section != 'undefined' && section == 'content' ) {
		var top = '100px';
		if( $.browser.msie() && $.browser.version.number() < 8 ) { top = '120px'; }
		$( '.jScrollPaneContainer' ).css( {
			'top': top,
			'left': '220px'
		} );
	}
	
	if( !$.browser.msie() ) {
        $( '#image_panel_left' ).css( { 'opacity': '1', 'background-color': 'transparent', 'filter': 'none' } );
        $( '#image_panel_right' ).css( { 'opacity': '1', 'background-color': 'transparent', 'filter': 'none' } );
    }
} );

function show_popup( obj, obj_id )
{
	
	var __obj = '#' + obj_id;
	
	// custom position with IE prior to version 8
	if( $.browser.msie() && $.browser.version.number() < 8 ) {
		var __offset_t = $( obj ).offset().top;
		var __offset_l = $( obj ).offset().left;
		
		var __scroll_max = 108;
		var __scroll = Math.abs( $( '.scroll' ).offset().top );
		var __scroll_diff = ( __scroll_max - __scroll );
		
		var __diff_t = 58;
		var __diff_l = 600;
		
		var __top = ( ( __offset_t - __diff_t ) + __scroll_diff );
		var __left = ( __offset_l - __diff_l );
		if( __left < 0 ) { // IE 7 on mac condition
			__left = __left + 335;
		}
		
		$( __obj ).css( { 'top': __top + 'px' } );
		$( __obj ).css( { 'left': __left + 'px' } );
	}
	
	$( __obj ).show();
}

function hide_popup( obj_id )
{
	$( '#' + obj_id ).hide();
}