function ball()
{
	//$(document).oneTime(10000, function(){ ball1(); });
	ball1();
	$("#table_sub").css("height", $("#td_sub").innerHeight());
	
	$("#big_main").hover(
			function(){
				$("#big_main").attr("src", "/i/i/img/main_big.gif");
			},
			
			function(){
				$("#big_main").attr("src", "/i/i/img/main_smal.png");
			}
	);
	
	$("#big_gallary").hover(
			function(){
				$("#big_gallary").attr("src", "/i/i/img/gallary_big.png");
			},
			
			function(){
				$("#big_gallary").attr("src", "/i/i/img/gallary_small.png");
			}
	);
	
	$("#big_news").hover(
			function(){
				$("#big_news").attr("src", "/i/i/img/news_big.gif");
			},
			
			function(){
				$("#big_news").attr("src", "/i/i/img/news_small.png");
			}
	);
	
	$("#big_con").hover(
			function(){
				$("#big_con").attr("src", "/i/i/img/con_big.png");
			},
			
			function(){
				$("#big_con").attr("src", "/i/i/img/con_small.png");
			}
	);
	
}

function ball1(){
	var func = function(){
		var height = $(this).innerHeight();
		var width = $(this).innerWidth();
		var src = $(this).attr('src');
		//alert(src);
		if($(this).css('display') == 'none')
		{
			return true;
		}
		
		var top_img = $(this).attr('title').substring(0, $(this).attr('title').indexOf(','));
		var bottom_img = $(this).attr('title').substring($(this).attr('title').indexOf(',') + 1, $(this).attr('title').length);
		
		var table = $("<table>").insertAfter(this);
		$(table).attr('cellpadding', '0');
		$(table).attr('cellspacing', '0');
		$(table).css('background-image', 'url("' + src + '")');
		$(table).css('background-repeat', 'no-repeat');
		$(table).attr('height', height);
		$(table).attr('width', width);

		$(this).css('display', 'none');

		var tr;
		var td;
		
		if(top_img != '')
		{
			tr = $('<tr></tr>').appendTo( table );
			
			td = $('<td></td>').appendTo( tr );
			$(td).css('height', '10px');
			$(td).css('width', '10px');
			$(td).css('background-image', 'url("' + top_img + '")');
			$(td).css('background-position', 'left top');
	
			td = $('<td></td>').appendTo( tr );
			$(td).css('width', width - 20);
	
			td = $('<td></td>').appendTo( tr );
			$(td).css('height', '10px');
			$(td).css('width', '10px');
			$(td).css('background-image', 'url("' + top_img + '")');
			$(td).css('background-position', 'right top');
			
		}
		
		tr = $('<tr></tr>').appendTo( table );
		
		td = $('<td></td>').appendTo( tr );
		td = $('<td></td>').appendTo( tr );
		td = $('<td></td>').appendTo( tr );

		if(bottom_img != '')
		{
			tr = $('<tr></tr>').appendTo( table );
			
			td = $('<td></td>').appendTo( tr );
			$(td).css('height', '10px');
			$(td).css('width', '10px');
			$(td).css('background-image', 'url("' + bottom_img + '")');
			$(td).css('background-position', 'left bottom');
	
			td = $('<td></td>').appendTo( tr );
	
			td = $('<td></td>').appendTo( tr );
			$(td).css('height', '10px');
			$(td).css('width', '10px');
			$(td).css('background-image', 'url("' + bottom_img + '")');
			$(td).css('background-position', 'right bottom');
		}
	};
	
	setscroll();
	
	$('.ball').each(function(){
		var src = $(this).attr('src');
		var title = $(this).attr('title');
		
		$(this).css('display', 'none');
		//alert(src);
		var img = $("<img>").insertAfter(this);
		$(img).load(func);
		
		$(img).attr('title', title);
		$(img).attr('src', src);
	});
}