$(document).ready(function(){
		
	$('.topnavi').bind('mouseover',function(){
						var has = $(this).children('img').attr("class");
						//if(has!='active'){
							var src = $(this).children('img').attr('alt');
							$(this).children('img').attr('src','images/navi_button/'+src+'_m.png');
							$(this).children('.navi_text').html(src.toUpperCase());
						//}
	});
	$('.topnavi').bind('mouseout',function(){
					var has = $(this).children('img').attr("class");
						//if(has!='active'){
							var src = $(this).children('img').attr('alt');
							$(this).children('img').attr('src','images/navi_button/'+src+'.png');	
							$(this).children('.navi_text').html('');			
						//}
	});
	$('.topnavi').bind('click',function(){
					var has = $(this).children('img').attr("class");
					var scl = $(this).children('img').attr("id");
						//if(has!='active'){
							var src = $(this).children('img').attr('alt');
							//$('.active').attr('src','images/navi_button/'+$('.active').attr('alt')+'.png');
							//$('.navi_text').html('');
							$('.topnavi').children('img').attr('class','');
							//$(this).children('img').attr('class','active');
							//$(this).children('img').attr('src','images/navi_button/'+src+'_m.png');
							$(this).children('.navi_text').html(src.toUpperCase());					
						//}
						$(window).scrollTo( scl,500);
	});
	
	/* BIG NAVI */
	
	$('.bignavi').bind('mouseover',function(){
							var src = $(this).children('img').attr('alt');
							$(this).children('img').attr('src','images/big_navi/'+src+'_m.png');				
	});
	$('.bignavi').bind('mouseout',function(){
							var src = $(this).children('img').attr('alt');
							$(this).children('img').attr('src','images/big_navi/'+src+'.png');			
						
	});
	$('.bignavi').bind('click',function(){
							var src = $(this).children('img').attr('alt');
							$(this).children('img').attr('src','images/big_navi/'+src+'_m.png');
							var scl = $(this).children('img').attr("id");
							$(window).scrollTo( scl,500);
	});
	
	
	/* AUTO PAGE SELECT */
	/*var page=1;
	
	function autopage(div,pg){
		var has = div.children('img').attr("class");
						if(has!='active'){
							var src = div.children('img').attr('alt');
							div.children('img').attr('src','images/navi_button/'+src+'_m.png');
							
							$('.active').attr('src','images/navi_button/'+$('.active').attr('alt')+'.png');
							$('.navi_text').html('');
							$('.topnavi').children('img').attr('class','');
							div.children('img').attr('class','active');
							
							div.children('.navi_text').html(src.toUpperCase());
						}
						page=pg;
	}*/
	
	
	/* CONTACT FORM */
	
	$(".form_error").hide();
	 
	$("#contact_form").fancybox({
		'scrolling'		: 'no',
		'titleShow'		: false,
		'overlayOpacity': 0.8,
		'onClosed'		: function() {
			 $(".form_error").hide();
		}
	});
	
	$("#form").bind("submit", function() {
		
		if ($("#form_name").val().length < 1 || $("#form_email").val().length < 1 || $("#form_message").val().length < 1) {
			 $(".form_error").html('Please make sure all fields are filled in.');
			 $(".form_error").show();
			 $.fancybox.resize();
			 return false;
		}
		
		var email = $("#form_email").val()
		var apos = email.indexOf("@");
		var dotpos = email.lastIndexOf(".");
		if (apos<1||dotpos-apos<2) 
		{
			$(".form_error").html('Please input an valid email address.');
			$(".form_error").show();
			$.fancybox.resize();
			return false;
		}
		
		$.fancybox.showActivity();
		
		$.ajax({
			type		: "POST",
			cache	: false,
			url		: "data/mail.php",
			data		: $(this).serializeArray(),
			success: function(data) {
				$.fancybox('<span id="form_success">Your message has successfully been set</span>');
			}
		});
	
		return false;
});

	/*
	$(window).scroll(function () { 
		var sl = $(window).scrollLeft();
		if(sl<570 && page!=1){
						autopage($('.navi1'),1);					
		}
		else if(sl>1000 &&sl<1690 && page!=2){
						autopage($('.navi2'),2);						
		}
		else if(sl>1900 && sl<2600 && page!=3){
						autopage($('.navi3'),3);					
		}
		else if(sl>3300 && sl <4000 && page!=4){
						autopage($('.navi4'),4);
		}
		else if(sl>4700 && sl <5800 && page!=5){
						autopage($('.navi5'),5);
		}
    });	
	 */
		
});

