// JavaScript Document
$(document).ready(function(){
	var ng2_el = $(".nb_2, .nb_2a"); 
	var c_Offset = $('#core').offset();
	var granica_Lo = c_Offset.left+$('#core').width();
	$.each(ng2_el, function (){ 
		var t_H = 24-$(this).height()/2;
		$(this).css('padding-top',t_H+'px');
		$(this).css('height',50-t_H+'px');
	});
	$('.ng_1, .ng_1a').live('mouseover',function(){
		var index = $('.ng_1, .ng_1a').index(this);
		var t_offset = $(this).offset();
		var naw_offset = $(this).parent().offset();
		var t_W = $(this).width();
		t_W += parseFloat($(this).css('padding-left').replace('px',''));
		t_W += parseFloat($(this).css('padding-right').replace('px',''));
		t_W += parseFloat($(this).css('border-left-width').replace('px',''));
		t_W += parseFloat($(this).css('border-right-width').replace('px',''));
		if(el_m1 && el_m1 != $('.png2').eq(index)){
			jQuery.naw_ukryj(1);
		}
		el_m1 = $('.png2').eq(index);
		el_m1.css("top",t_offset.top-naw_offset.top+42+'px');
		
		var e1_W = el_m1.width();
		var e1_Wn = e1_W*0.6;
		var e1_L = t_offset.left+5;
		var t_o =  e1_L+e1_Wn;
		if(t_o>granica_Lo){
			// el_m2.css("left",t_offset.left-naw_offset.left-e2_W+1+'px');
			var ton = t_offset.left-naw_offset.left+t_W-e1_W;
			el_m1.css("left",ton+'px');
		} else {
			el_m1.css("left",t_offset.left-naw_offset.left+5+'px');
			// el_m1.css('width',e1_W+'px');
		}
		
		
		
		// el_m1.fadeIn(200);
		el_m1.css('display','block');
		el_m1.attr('alt','aktiv');
		return false;
	});
	
	$('.ng_1, .ng_1a').live('mouseout',function(){
		el_m1.attr('alt','');
		setTimeout("jQuery.naw_ukryj(1)",250);
	});					   
	
	$('.png2').live('mouseover', function(){
			var index = $('.png2').index(this);
			el_m1 = $('.png2').eq(index);
			el_m1.attr('alt','aktiv');
			if($('.ng_1, .ng_1a').eq(index).attr('class')=='ng_1'){
				$('.ng_1, .ng_1a').eq(index).addClass('ng_1h');
			}
			return false;
		});
		
	$('.png2').live('mouseout', function(){
		var index = $('.png2').index(this);
		// alert($('.ng_1, .ng_1a').eq(index).attr('class'));
		if($('.ng_1, .ng_1a').eq(index).attr('class')=='ng_1 ng_1h'){
			$('.ng_1, .ng_1a').eq(index).removeClass('ng_1h');
		}
		el_m1 = $('.png2').eq(index);
		el_m1.attr('alt','');
		setTimeout("jQuery.naw_ukryj(1)",250);
		return false;
	});					   
		

	$('.ng_2, .ng_2a').live('mouseover',function(){
		var index = $('.ng_2, .ng_2a').index(this);
		var p_index = $('.png2').index($(this).parent().parent());
		if($('.ng_1, .ng_1a').eq(p_index).attr('class')=='ng_1'){
				$('.ng_1, .ng_1a').eq(p_index).addClass('ng_1h');
		}
		$(this).parent().parent().attr('alt','aktiv');
		var t_W = $(this).width();
		t_W += parseFloat($(this).css('padding-left').replace('px',''));
		t_W += parseFloat($(this).css('padding-right').replace('px',''));
		t_W += parseFloat($(this).css('border-left-width').replace('px',''));
		t_W += parseFloat($(this).css('border-right-width').replace('px',''));
		var t_offset = $(this).offset();
		var naw_offset = $(this).parent().offset();
		if(el_m2 && el_m2 != $('.png3').eq(index)){
			jQuery.naw_ukryj(2);
		}

		el_m2 = $('.png3').eq(index);

		el_m2.css("top",t_offset.top-naw_offset.top-1+'px');
		var e2_W = el_m2.width();
		var e2_Wn = e2_W*0.9;
		var e2_L = t_offset.left+t_W-1;
		var t_o =  e2_L+e2_Wn;
		if(t_o>granica_Lo){
			el_m2.css("left",t_offset.left-naw_offset.left-e2_W+1+'px');
		} else {
			el_m2.css("left",t_offset.left-naw_offset.left+t_W-1+'px');
		}
		el_m2.css('width',e2_W+'px');
		//el_m2.fadeIn(200);
		el_m2.css('display','block');
		el_m2.attr('alt','aktiv');
		// alert(t_o+' > '+granica_Lo);
		return false;
	});
	
	$('.ng_2, .ng_2a').live('mouseout',function(){
		el_m2.attr('alt','');
		setTimeout("jQuery.naw_ukryj(2)",250);
	});					   
	$('.png3').live('mouseover', function(){
			var index = $('.png3').index(this);
			el_m2 = $('.png3').eq(index);
			el_m2.attr('alt','aktiv');
			$('.ng_2, .ng_2a').eq(index).parent().parent().attr('alt','aktiv');
			if($('.ng_2, .ng_2a').eq(index).attr('class')=='ng_2'){
				$('.ng_2, .ng_2a').eq(index).addClass('ng_2h');
			}
			if($('.ng_2, .ng_2a').eq(index).attr('class')=='ng_2a'){
				$('.ng_2, .ng_2a').eq(index).addClass('ng_2ah');
			}
			var p_index = $('.png2').index($(this).parent().parent());
			if($('.ng_1, .ng_1a').eq(p_index).attr('class')=='ng_1'){
				$('.ng_1, .ng_1a').eq(p_index).addClass('ng_1h');
			}
			return false;
		});
		
	$('.png3').live('mouseout', function(){
		var index = $('.png3').index(this);
		// alert($('.ng_2, .ng_2a').eq(index).attr('class'));
		if($('.ng_2, .ng_2a').eq(index).attr('class')=='ng_2 ng_2h'){
			$('.ng_2, .ng_2a').eq(index).removeClass('ng_2h');
		}
		if($('.ng_2, .ng_2a').eq(index).attr('class')=='ng_2a ng_2ah'){
			$('.ng_2, .ng_2a').eq(index).removeClass('ng_2ah');
		}
		var p_index = $('.png2').index($(this).parent().parent());
		if($('.ng_1, .ng_1a').eq(p_index).attr('class')=='ng_1 ng_1h'){
			$('.ng_1, .ng_1a').eq(p_index).removeClass('ng_1h');
		}
		el_m2 = $('.png3').eq(index);
		el_m2.attr('alt','');
		$('.ng_2, .ng_2a').eq(index).parent().parent().attr('alt','');
		setTimeout("jQuery.naw_ukryj(1)",250);
		setTimeout("jQuery.naw_ukryj(2)",250);
		return false;
	});			
	
	
	
	
	
	
	$('.nb_2, .nb_2a').hover(
		function(){
			var index = $('.nb_2, .nb_2a').index(this);
			var t_offset = $(this).offset();
			var t_W = $(this).parent().width();
			var t_H = $(this).height();
			var t_offset = $(this).parent().offset();
			var naw_offset = $(this).parent().parent().offset();
			if(el_m1 && el_m1 != $('.pnb3').eq(index)){
				jQuery.naw_ukryj(1);
			}
			// $(this).parent().css('margin-left','6px');
			el_m1 = $('.pnb3').eq(index);
			var el_W = el_m1.width();
			var el_T = t_offset.top-naw_offset.top;
			// alert(el_T);
			el_m1.css('top',el_T+'px');
			el_m1.css('left',t_W-4+'px');
			el_m1.css('width',el_W+'px');
			el_m1.css('display','block');
			//el_m1.fadeIn(500);
			el_m1.attr('alt','aktiv');
			return false;
		},
		function(){
			// $(this).parent().css('margin-left','0px');
			el_m1.attr('alt','');
			setTimeout("jQuery.naw_ukryj(1)",250);
		}
	);	

	$('.pnb3').live('mouseover', function(){
			var index = $('.pnb3').index(this);
			// $('.nb_2, .nb_2a').eq(index).parent().css('margin-left','6px');
			el_m1 = $('.pnb3').eq(index);
			el_m1.attr('alt','aktiv');
			if($('.nb_2, .nb_2a').eq(index).attr('class')=='nb_2'){
				$('.nb_2, .nb_2a').eq(index).addClass('nb_2h');
			}
			return false;
		});
		
	$('.pnb3').live('mouseout', function(){
			var index = $('.pnb3').index(this);
			// $('.nb_2, .nb_2a').eq(index).parent().css('margin-left','0px');
			if($('.nb_2, .nb_2a').eq(index).attr('class')=='nb_2'){
				$('.nb_2, .nb_2a').eq(index).removeClass('nb_2h');
			}
			el_m1 = $('.pnb3').eq(index);
			el_m1.attr('alt','');
			setTimeout("jQuery.naw_ukryj(1)",250);
			return false;
		});				   
		
	$('.np_3, .np_3a').live('mouseover', function(){
				var index = $('.np_3, .np_3a').index(this);
				$(this).parent().parent().attr('alt','aktiv');
				var t_offset = $(this).offset();
				var t_W = $(this).width();
				var t_H = $(this).height();
				var t_offset = $(this).offset();
				var naw_offset = $(this).parent().offset();
				
				if(el_m2 && el_m2 != $('.pnp4').eq(index)){
					jQuery.naw_ukryj(2);
				}
				
				el_m2 = $('.pnp4').eq(index);	
				
				el_m2.css("top",t_offset.top+'px');
				el_m2.css("left",t_offset.left+t_W+20+'px');
				el_m2.fadeIn(500);
				el_m2.attr('alt','aktiv');
				
				return false;
		});
		
	$('.np_3, .np_3a').live('mouseout', function(){
			el_m2.attr('alt','');
			setTimeout("jQuery.naw_ukryj(2)",250);
	});		

	$('.pnp4').live('mouseover', function(){
			
			$(this).parent().parent().attr('alt','aktiv');
			var index = $('.pnp4').index(this);
			$('.np_3, .np_3a').eq(index).parent().parent().attr('alt','aktiv');
			// alert(index);
			el_m2 = $('.pnp4').eq(index);
			el_m2.attr('alt','aktiv');
			if($('.np_3, .np_3a').eq(index).attr('class')=='np_3'){
				$('.np_3, .np_3a').eq(index).addClass('np_3h');
			}
			return false;
		});
		
	$('.pnp4').live('mouseout', function(){
			var index = $('.pnp4').index(this);
			if($('.np_3, .np_3a').eq(index).attr('class')=='np_3'){
				$('.np_3, .np_3a').eq(index).removeClass('np_3h');
			}
			el_m2 = $('.pnp4').eq(index);
			el_m2.attr('alt','');

			$('.np_3, .np_3a').eq(index).parent().parent().attr('alt','');
			setTimeout("jQuery.naw_ukryj(1)",250);
			setTimeout("jQuery.naw_ukryj(2)",250);
			return false;
		});	
	
});