$(function(){
	var step = 302;
	if($("#pro_navi_mini").hasClass("pro_navi_mini")){step = 288;}	
	if($("#pro_navi_skrl .element").length>3){
		$(".keyright,.keyleft").css({display:'block'})
		var navSkrol = 0;		
		var namberElement = 3;
		var namberElementAll = $("#pro_navi_skrl .element").length;
		var goF = true;
		
		$("#pro_navi_skrl").html($("#pro_navi_skrl").html()+$("#pro_navi_skrl").html())
		$(document).pngFix();
		$(".keyright").click(function(){
			if(goF){
				goF = false;
				if(navSkrol<namberElementAll*step){
					navSkrol+=step;
				}else{				
					navSkrol=navSkrol - namberElementAll*step;
					$("#pro_navi_skrl").css({left: -navSkrol})
					navSkrol+=step;
				}
				$("#pro_navi_skrl").animate({left: -navSkrol},700,function(){goF = true;});
			}
		});
		$(".keyleft").click(function(){
			if(goF){
				goF = false;
				if(navSkrol>0){
					navSkrol-=step;
				}else{				
					navSkrol=navSkrol + namberElementAll*step;
					$("#pro_navi_skrl").css({left: -navSkrol})
					navSkrol-=step;
				}
				$("#pro_navi_skrl").animate({left: -navSkrol},700,function(){goF = true;});
			}
		});
	}else{
		$(document).pngFix();
	}		
	
	var lastImg;
	$('.miniImg a:first');
	lastImg = $('.miniImg a:first');
	lastImg.addClass('actImg');
	
	$('.miniImg a').click(function(){		
		lastImg.removeClass("actImg")
		lastImg = $(this);
		$(this).addClass('actImg')
		$('.bigImg img').attr('src', $(this).attr('rel'));
	})
	
	
	var FirstArea = $('#usmap area:first');
	
	for(var i=0; i<$('#usmap area').length; i++){
		$('#bigPik').html($('#bigPik').html()+'<img src="" class="Vsplpick" />');
	};
	
	var acept = false;
	var FirstImg = $('#bigPik img:first');
	var i=0;
	function set(){
		if(i<$('#usmap area').length){
			i++;
			FirstArea.attr('rel', FirstArea.attr('rel') +","+ FirstArea.attr('href'));
			FirstArea.attr('href','JavaScript:');
			FirstImg = FirstImg.next();
			
			tmpArr = FirstArea.attr('rel').split(',');
			relLeft = 	tmpArr[0];
			relTop =  	tmpArr[1];
			relWidth =  tmpArr[2];
			relHeight = tmpArr[3];
			relSrc =	tmpArr[4];			
				PikWidth = 	FirstImg.innerWidth();
				PikHeight = FirstImg.innerHeight();						
				FirstImg.attr('src',relSrc);	
				relAll = relLeft+','+relTop+','+relWidth+','+relHeight+','+PikWidth+','+PikHeight;
				FirstImg.attr('rel',relAll);		
				FirstImg.addClass('ko'+i);				
				FirstArea.attr('rel','ko'+i);				
				FirstArea.mousemove(function(){
				if(acept){
					acept = false;
					FirstImg = $("."+$(this).attr('rel'));
					tmpArr = $("."+$(this).attr('rel')).attr('rel').split(',');
					lastOver =  $("."+$(this).attr('rel'));
					PikWidth =  FirstImg.innerWidth();
					PikHeight = FirstImg.innerHeight();
					relLeft = 	tmpArr[0];
					relTop =  	tmpArr[1];
					relWidth =  tmpArr[2];
					relHeight = tmpArr[3];
					relLeft = Math.ceil (relLeft);
					PikWidth= Math.ceil (PikWidth);
					relWidth= Math.ceil (relWidth);
					relTop = Math.ceil(relTop);
					PikHeight= Math.ceil(PikHeight);
					relHeight= Math.ceil(relHeight);
					FirstImg.css({width:relWidth, height:relHeight, left:relLeft, top:relTop, displey:'block'})
					FirstImg.animate({width:PikWidth, height:PikHeight,left:(relLeft +relWidth/2 - PikWidth/2),top:(relTop +relHeight/2 - PikHeight/2)},150)	
				}					
			}).mouseout(function(){
				if(!acept){
					FirstImg.mouseleave(function(){
							lastOver.stop();
							lastOver.animate({width:relWidth, height:relHeight,left:relLeft,top:relTop},90,function(){
								lastOver.css({display:'none',width:'auto',height:'auto'});
								acept = true;
							})
					})
				};
			})
			FirstArea = FirstArea.next();
			set();
		}else{
			acept = true;
		}	
	};
	set();
});