$(document).ready(function()	
	{	
	
		  $('a[href*=#]').click(function() {
			if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'')
			&& location.hostname == this.hostname) {
			  var $target = $(this.hash);
			  $target = $target.length && $target
			  || $('[name=' + this.hash.slice(1) +']');
			  if ($target.length) {
				var targetOffset = $target.offset().top;
				$('html,body')
				.animate({scrollTop: targetOffset-170}, 1600);
			   return false;
			  }
			}
		  });

		$(".work_container a").click(function() {
		  var largeImg = new Image();
		  var toLoad = $(this).attr('href');
		  $('#loader').remove();
		  var parentId = ($(this).parents("div.work_container").attr('id'));
		  p = $(this).parents("div."+parentId);
		  loader = '<div id="loader" class="'+parentId+' loader">Loading...</div>';
		  $(this).parents("."+parentId).append(""+loader);
		  $('#loader.'+parentId).fadeIn('normal');
		  $('div#'+parentId+' a').removeClass('selected');
          $(this).addClass('selected');
		  $(largeImg)
			.load(function () {
				id = '#largeImg_'+parentId;
				$(id).fadeOut('normal', loadContent);					
				
				function loadContent() {
					$(this).attr({ src: toLoad });
					$('#largeImg_'+parentId).fadeIn('normal',hideLoader());
					
				}
		
				function hideLoader() {
					$('#loader.'+parentId).fadeOut('slow');					
				}

			})
			
			
			.attr({ src: toLoad})
			
			
			;
			
		  return false;
		  
		});
	
		$("img.largeImage").click(function() {
					toLoad = $(this).attr('src');
					//process images/work/unseen_magazine_02.jpg
					//1. split to unseen_magazine_02.jpg
					//2. split to unseen_magazine_02
					//3. split to 02
					//4. detect next element (unseen_magazine_03.jpg)
					//5. if next element exist, load it, else load first element
					var tmpArr = toLoad.split('/');
					var imgSrc = tmpArr[tmpArr.length-1];
					tmpArr = imgSrc.split('.');
					imgSrc = tmpArr[0];
					var imgSrcArr = imgSrc.split('_');
					var imgNumber = imgSrcArr[imgSrcArr.length-1];
					imgSrc = imgSrc.replace(imgNumber,'');
					imgNumber = parseInt(imgNumber);
					imgNumber++;
					if(imgNumber<10)
					{
						imgNumber = "0"+imgNumber;
					}
					nextImgSrc = imgSrc + imgNumber;
					nextLink = $('a[href*='+nextImgSrc+']');
					if( typeof(nextLink.attr('href'))=="undefined")//last image
					{
						imgSrc = imgSrc+"01";
						nextLink = $('a[href*='+imgSrc+']');
					}
					nextLink.click();
					});
		
	
	
		
	});