// JavaScript Document



// PAGE SCROLL

		$(function() {
			$('.anchor').bind('click',function(event){
				var $anchor = $(this);
								
				$('html, body').stop().animate({
					scrollTop: $($anchor.attr('href')).offset().top
				}, 1500,'easeInOutExpo');
					event.preventDefault();
			});
		});

			
			
			
// FADE


		$(document).ready(function(){ 
						
			$("ul li").hover(function() {
				$(this).siblings().stop().fadeTo(400,0.3);
			}, function() {
				$(this).siblings().stop().fadeTo(400,1);
			});
		
		});
		
		


// TABS

		function tabSwitch(new_tab, new_content) {
			
			document.getElementById('content_1').style.display = 'none';
			document.getElementById('content_2').style.display = 'none';
			document.getElementById('content_3').style.display = 'none';		
			document.getElementById('content_4').style.display = 'none';		
			document.getElementById('content_5').style.display = 'none';		
			document.getElementById('content_6').style.display = 'none';		
			document.getElementById(new_content).style.display = 'block';	
			
		
			document.getElementById('tab_1').className = '';
			document.getElementById('tab_2').className = '';
			document.getElementById('tab_3').className = '';		
			document.getElementById('tab_4').className = '';		
			document.getElementById('tab_5').className = '';		
			document.getElementById('tab_6').className = '';		
			document.getElementById(new_tab).className = 'active';		
		
		}
		
		// Ties a set of tabs and content id's together, and switches between them
		// <div id='tab_1'> and <div id="content_1"> for example
		// Usage: tabswitch(1, 4, 'tab', 'panel') would switch on tab_1 and panel_1
		
		function tabSwitch_2(active, number, tab_prefix, content_prefix) {
			
			for (var i=1; i < number+1; i++) {
			  document.getElementById(content_prefix+i).style.display = 'none';
			  document.getElementById(tab_prefix+i).className = '';
			}
			document.getElementById(content_prefix+active).style.display = 'block';
			document.getElementById(tab_prefix+active).className = 'active';	
			
		}





// VALIDATE

    $(document).ready(function() {
      $("#form").validate({
        rules: {
          name: "required",// simple rule, converted to {required:true}
          email: {// compound rule
          required: true,
          email: true
        },
        comment: {
          required: true
        }
        },
        messages: {
          comment: "Please enter a message."
        }
      });
    });