$(function(){
	var cache = new Object;
	$('.asp_descr').addClass('hide');
	$('.fun_img img').hover(function(){
		var tar = '.' + $(this).attr('class');
		$('.asp_des ' + tar).removeClass('hide');
	}, function(){
		var tar = 'div.' + $(this).attr('class');
		$('.asp_des ' + tar).addClass('hide');
	}).attr({alt : ''});
    
    $('.up_link').click(function(){
        $("html, body").animate({scrollTop: 0}, 1200, function() {} );
        return false;
    }); 
	
	$('.fun_img img').click(function(){
		var tar = '.' + $(this).attr('class');
		var coor = $('.tim_descr '+tar).offset().top - 15;
		$("html, body").animate({scrollTop: coor}, 1200, function() {/*scr_no = false;*/} );
	});
	
	$('#select_tim').change(function() {
		var value = $(this).val();	
		$('.fun_img').animate({opacity: 0}, 700, function() {	
			//$('.tim_name').animate({opacity: 0}, 700, function() {$(this).html(''); });
			$('.tim_name').html('');
			if(cache.rel !== undefined) {
				$.each(cache.rel, function(i,pair){
					$('.fun_img img[src="../img/'+ pair.asp + '.gif"]').removeClass(pair.func);
					$('.asp_des div[title="'+ pair.asp + '"]').removeClass(pair.func);
					$('.'+pair.func+' .fill').html('');
				});
			}
			if (value !== 'all') {
			$.getJSON("get_asp.php", { 'a' : value },
				function(data){
					cache = data;
					//$('.tim_name').animate({opacity: 0}, 700, function() {$(this).html(data.title).animate({opacity: 1}, 700); });
					$.each(data.rel, function(i,pair){
						$('.fun_img img[src="../img/'+ pair.asp + '.gif"]').addClass(pair.func);
						$('.asp_des div[title="'+ pair.asp + '"]').addClass(pair.func);
						$('.'+pair.func+' .fill').load('../descr/tim_descr/'+value+'_'+pair.asp+'.html', function() {
							$('.asp_des div[title="'+ pair.asp + '"] .asp_bor').clone().removeClass('asp_bor').addClass('asp_note').children('h6').addClass(pair.asp).end().prependTo('.'+pair.func+' .fill');
						});
					});	
					$('.fun_img').animate({opacity: 1}, 700).removeClass('hide'); 
					$('.asp_des').removeClass('hide');
					$('.all_descr').hide();
					$('.tim_name').html(data.title);//.animate({opacity: 1}, 700);
				});				
			//});
			} else {
			$('.all_descr').show();
			$('.tim_name').html('');
			//$('.tim_name').animate({opacity: 0}, 700, function() {$(this).html(''); });
			}
		});
        $('body').focus();
		$('.hack_focus').focus();
	}).change();//.blur();	
	
});