$(document).ready(function() {
						   
				$('.box').append('<span class="overlay"></span>').hover(function() {
                    var self = $(this);
                    $('.overlay', self).css('opacity', '0.9').fadeIn(400);
                }, function() {
                    var self = $(this);
                    $('.overlay', self).fadeOut('fast');
                });		   

				  $('.box2').append('<span class="overlay2"></span>').hover(function() {
                    var self = $(this);
                    $('.overlay2', self).css('opacity', '0.9').fadeIn(400);
                }, function() {
                    var self = $(this);
                    $('.overlay2', self).fadeOut('fast');
                });
				  $('.box3').append('<span class="overlay3"></span>').hover(function() {
                    var self = $(this);
                    $('.overlay3', self).css('opacity', '0.9').fadeIn(400);
                }, function() {
                    var self = $(this);
                    $('.overlay3', self).fadeOut('fast');
                });
				$('.box4').append('<span class="overlay4"></span>').hover(function() {
                    var self = $(this);
                    $('.overlay4', self).css('opacity', '0.9').fadeIn(400);
                }, function() {
                    var self = $(this);
                    $('.overlay4', self).fadeOut('fast');
                });  
				  
				  
			 $('.box .overlay').click(function() {
			var self = $(this);
			var link = self.siblings('a:eq(0)');
			var href = link.attr('href');
			document.getElementById('submission').value = 1;
			var isrc = $('img', link).attr('src');
			var msrc = isrc.match(/([^\/]+?)\.jpg$/g);
			
			if (href && msrc.length > 0)
			window.location = href + '#' + msrc[0];
			else if (href)
			window.location = href;
			});	  
				  

			$('.box2 .overlay2').click(function() {
			var self = $(this);
			var link = self.siblings('a:eq(0)');
			var href = link.attr('href');
			document.getElementById('submission').value = 1;
			var isrc = $('img', link).attr('src');
			var msrc = isrc.match(/([^\/]+?)\.jpg$/g);
			
			if (href && msrc.length > 0)
			window.location = href + '#' + msrc[0];
			else if (href)
			window.location = href;
			});
					
			$('.box3 .overlay3').click(function() {
			var self = $(this);
			var link = self.siblings('a:eq(0)');
			var href = link.attr('href');
			document.getElementById('submission').value = 1;
			var isrc = $('img', link).attr('src');
			var msrc = isrc.match(/([^\/]+?)\.jpg$/g);
			
			if (href && msrc.length > 0)
			window.location = href + '#' + msrc[0];
			else if (href)
			window.location = href;
			});


			 $('.box4 .overlay4').click(function() {
			var self = $(this);
			var link = self.siblings('a:eq(0)');
			var href = link.attr('href');
			document.getElementById('submission').value = 1;
			var isrc = $('img', link).attr('src');
			var msrc = isrc.match(/([^\/]+?)\.jpg$/g);
			
			if (href && msrc.length > 0)
			window.location = href + '#' + msrc[0];
			else if (href)
			window.location = href;
			});


            });