$(document).ready(function(){

	$("#thumbnails a.thumbpic").click(function(){
		$("a.thumbpic").css({'border-color' : '#FFFFFF' , 'border-style' : 'solid' , 'border-width' : '1px'});
		$("a.thumbpicLast").css({'border-color' : '#FFFFFF' , 'border-style' : 'solid' , 'border-width' : '1px'});
		$(this).css({'border-color' : '#272727' , 'border-style' : 'solid' , 'border-width' : '1px'});
		var largePath = $(this).attr("desc");
		$("#largeImage").attr({src: largePath});
	});

	$("#thumbnailsNext a.thumbpic").click(function(){
		$("a.thumbpic").css({'border-color' : '#FFFFFF' , 'border-style' : 'solid' , 'border-width' : '1px'});
		$(this).css({'border-color' : '#272727' , 'border-style' : 'solid' , 'border-width' : '1px'});
		var largePath = $(this).attr("desc");
		$("#largeImage").attr({src: largePath});
	});
	$("#thumbnails a.thumbpicLast").click(function(){
		$("a.thumbpic").css({'border-color' : '#FFFFFF' , 'border-style' : 'solid' , 'border-width' : '1px'});
		$(this).css({'border-color' : '#272727' , 'border-style' : 'solid' , 'border-width' : '1px'});
		var largePath = $(this).attr("desc");
		$("#largeImage").attr({src: largePath});
	});

	$("#thumbnailsNext a.thumbpicLast").click(function(){
		$("a.thumbpic").css({'border-color' : '#FFFFFF' , 'border-style' : 'solid' , 'border-width' : '1px'});
		$(this).css({'border-color' : '#272727' , 'border-style' : 'solid' , 'border-width' : '1px'});
		var largePath = $(this).attr("desc");
		$("#largeImage").attr({src: largePath});
	});
	
	$("#rollup").click(function(){
		$("#contactform").slideUp();
	});
	
	$("a.rolldownform").click(function(){
		if ($("#contactform").is(":hidden")) {
		        $("#contactform").slideDown();
		      } else {
		        $("#contactform").slideUp();
		      }		
	});
	
	$('#contact_form').validate({
	
		rules: {
		    name: "required",
			email: {
				required: true,
				email: true
			},
			phone: "required",
		  }
		
	});
	
	
	$('#slideshow').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});

	$('#slideshow2').cycle({
		fx: 'fade' // choose your transition type, ex: fade, scrollUp, shuffle, etc...
	});
	
	
	$("a.nextbutton").click(function(){
		$("#thumbnails").hide();
		$("#thumbnailsNext").show();
		$(".prevbuttoninactive").hide();
		$(".prevbutton").show();
		$(".nextbutton").hide();
		$(".nextbuttoninactive").show();
	});

	$("a.prevbutton").click(function(){
		$("#thumbnails").show();
		$("#thumbnailsNext").hide();
		$(".prevbutton").hide();
		$(".prevbuttoninactive").show();
		$(".nextbuttoninactive").hide();
		$(".nextbutton").show();
		
	});
	
});