// JavaScript Document

$(function(){
		   
		// Add &middot; to each navigation item 
		
		var mainnavitems = $('#main-nav li a');
		
		mainnavitems.prepend('<span class="middot">&middot;</span>');
		mainnavitems.append('<span class="middot">&middot;</span>');
		
		// add &middot; to nvigation items in the sidebar ( just before not after )
		
		var sidebarnavitems = $('#sidebar .nav a');
		sidebarnavitems.prepend('&middot; ');
		
		
		// Show and hide the image info panel
		
		var imgcontent = $('.img-info');
		var imginfohide = $('.img-info-hide');
		var imginfoshow = $('.img-info-show');
		
		imginfoshow.hide();
		
		imginfohide.click(function(){
			imgcontent.slideToggle('slow');
			imginfoshow.slideToggle();
			return false;
		});
		
		imginfoshow.click(function(){
			imgcontent.slideToggle('slow');
			$(this).slideToggle();
			return false;
		});
		
		
		
		// add fancybox functionality
		
		$('.full-screen').fancybox({
				'overlayOpacity' : 0.8
				
		});
		
		// Add sliding functionality to the Display navigation 
		// used for first display option
		
		$('#display').easySlider({
			prevId: 'prevbtn',
			prevText: 'Prev',
			nextId: 'nextbtn',	
			nextText: 'Next',
			controlsFade: 'False',
			controlsBefore: '<div id="img-controls">',
			controlsAfter: '</div'
		});
		
		// Display two functionality 
		
		//hide all display images other than the first 
		
		var displayitems = $('#displaytwo-container .slide');
		displayitems.hide().filter(':first').show();
		
		var displaynavitems = $('#displaytwo-nav a');
		
		displaynavitems.hover(
				function() {
					$(this).fadeTo('slow','0.5');
				},
				function() {
					$(this).fadeTo('slow','1');
				}
		);
		
		displaynavitems.click(function(){
				
				displayitems.hide().filter(this.hash).fadeIn(2000);
				return false;
		});
		
		
		// Style switcher 
		// This replaces the classes on <body> and <div id="content">
		
		var dgbutton = $('.dark-grey-button');
		var mgbutton = $('.med-grey-button');
		var bluebutton = $('.blue-button');
		var greenbutton = $('.green-button');
		var redbutton = $('.red-button');
		
		var pagebody = $('body');
		var content = $('#content');
		
		dgbutton.click(function(){
				
				pagebody.removeClass("med-grey blue green red");
				content.removeClass("med-grey-bottom blue-bottom green-bottom red-bottom");
				
				pagebody.addClass('dark-grey');
				content.addClass('dark-grey-bottom');
								
		});
		
		mgbutton.click(function(){
				
				pagebody.removeClass("dark-grey blue green red");
				content.removeClass("dark-grey-bottom blue-bottom green-bottom red-bottom");
				
				pagebody.addClass('med-grey');
				content.addClass('med-grey-bottom');
								
		});
		
		bluebutton.click(function(){
				
				pagebody.removeClass("med-grey dark-grey green red");
				content.removeClass("med-grey-bottom dark-grey-bottom green-bottom red-bottom");
				
				pagebody.addClass('blue');
				content.addClass('blue-bottom');
								
		});
		
		greenbutton.click(function(){
				
				pagebody.removeClass("med-grey blue dark-grey red");
				content.removeClass("med-grey-bottom dark-grey-bottom green-bottom red-bottom");
				
				pagebody.addClass('green');
				content.addClass('green-bottom');
								
		});
		
		redbutton.click(function(){
				
				pagebody.removeClass("med-grey blue green dark-grey");
				content.removeClass("med-grey-bottom blue-bottom green-bottom dark-grey-bottom");
				
				pagebody.addClass('red');
				content.addClass('red-bottom');
								
		});
		
		
		
		// IE 6 png fix
		
		$('body').supersleight({shim:'/wp-content/themes/impressions/images/blank.gif'});
		
		// footer contact form 
		
		
		
		
		
		// Form validation
		
		$('#contactme-form').validate({
								
					rules: {
						name: "required",
						email: {
						required: true,
						email: true
						
						}
					},
					
					submitHandler: function(form){
						var options = {
							target: '#form-success',
							clearForm: true,
							success: function(){
								$('#form-success').html('<p>Thank you for your message</p>');
							}
						};
						$('#contactme-form').ajaxSubmit(options);
					}
		});
		
	
	
});
