// JavaScript Document ＠。

$(function() {
	function close_photo(event) {
		$('#popup_window').hide();
		$('#popup_contents').hide();
	}
	function open_photo(event) {
		event.preventDefault();
		get_top = Math.round($(this).parent().offset().top);
		get_left = Math.round($(this).parent().offset().left);
		
		//alert(get_top);
		//alert(get_left);
//		get_img_width = $(this).children('img').width();
//alert(get_img_width);
		get_window_width = $(window).width();
		get_window_height = $(document).height();
		get_src = $(this).attr('src');
		get_l_img = $(this).parent('a').attr('href');
		get_img_width = $(this).attr('width');
		get_img_height = $(this).attr('height');
		$('#popup_contents p img').attr('src', get_src).width(get_img_width).height(get_img_height);
		$('#popup_window').width(get_window_width).height(get_window_height).show();
		$('#popup_bg').css('opacity', '0');
		$('#popup_contents > div').text($(this).text());
		$('#popup_contents p img').attr('src', get_src).animate(
			{
				width:get_img_width * 5,
				height:get_img_height * 5	
			},
			500,
			'',
			function() {
				$('#popup_contents p img').attr('src', get_l_img);
			}
		);//.attr('src', get_src).width(get_img_width).height(get_img_height);
		
		//alert($('#popup_contents p img').width());
		
		
		$('#popup_contents').show();
		//$('#popup_contents p img').attr('src', get_src);
		get_img_width = $('#popup_contents p img').width();
		//alert(get_img_width);
		if(get_left + get_img_width > get_window_width) {
			get_left = Math.round(get_left - ((get_left + get_img_width) - get_window_width) - 10);	
		}
		$('#popup_contents')
		.css(
			{
				'width':get_img_width + 'px',
				'top':get_top + 'px', 
				'left':get_left + 'px'
			}
		);
		//alert($('#popup_contents p img').width());
		$('#popup_contents').hide();
		$('#popup_contents').fadeIn();
		//alert(get_top);
		//alert(get_left);
		//alert(get_window_width);
		//alert(get_window_height);
	}

	$('#bbs_contents dl dd img')
	.bind('click', open_photo);
	$('#popup_contents img')
	.bind('click', close_photo);
	
					 
});
//＠。