function photoPos() {
	var actOn = $('#gallery-exd'),
	photoHeight = actOn.height(),
	halfHeight = photoHeight / 2,
	newHeight = halfHeight + "px";
	actOn.removeAttr('style');
	actOn.css("margin-top",newHeight);
}

function buildPhotoUrl(xhr,display) {
	var collectionId = xhr.collection_id,
	photo_key = xhr.photo_key,
	photo_title = xhr.photo['0'].photo_title,
	nonSeoUrl = "view_item.php?item="+photo_key+"&type=photos&collection="+collectionId,
	theSeoUrl = "item/photos/"+collectionId+"/"+photo_key+"/"+photo_title,
	mainUrl = nonSeoUrl;

	if (seoUrls == 'yes' && display == 'aho') {
		mainUrl = theSeoUrl;
	} else if (display == 'aho') {
		mainUrl = nonSeoUrl;
	} else {
		mainUrl += "&moto=ajax";
	}
	
	return mainUrl;
}

// event which brings previous image from the collection 	
$(document).on("click", "#mainNextBtn,#mainPrevBtn", function () {
//	var curr_photo = d;
	var user_admin = user;
	var check = $(this).data('check');
	if(check == "prev") {
		var pre_next = "prev";
	}
	if(check == "next"){
		var pre_next = "next";
	}
	data = {
		'mode': mode,
		'photo_pre' : curr_photo,
		'user': user_admin,
		'item': pre_next,
	}

	$.ajax({
		url: baseurl+'/ajax.php'+'?moto=ajax', 
		type: "post",
		data: data,
		dataType: 'json',
		beforeSend: function() {
			$('.photo-view').append(r);
			$('#gallery').fadeTo( "slow", 0.33 );
			$('.overlay-content').append(b);
			$('#gallery-exd').fadeTo( "slow", 0.33 );
			$('.view-photo').prop("disabled",true);
		},
		success:function(xhr) {	
				photoPos();
				var getUrl = baseurl + "/" + buildPhotoUrl(xhr);
				console.log(getUrl);
				$.get( getUrl, function( data ) {
			  	$('#main').html(data);
			  	$('.view-photo').prop("disabled",false);
				$("#gallery").fadeTo("normal",0.99);
				$('#gallery-exd').fadeTo( "normal", 0.99 );
				//d = xhr.photo[0];
				$('#gallery-exd').attr("src",key_globel);	
				$("#gallery").attr("src",key_globel);


				 	window.history.pushState("", "", baseurl+"/"+buildPhotoUrl(xhr,"aho"));
				 	$('.dropdown-toggle').dropdown();
				$('.pic-glyp').remove();
			});
  			/*$("#main").load("view_item.php?item="+xhr.photo_key+"&type=photos&collection="+xhr.collection_id+"&moto=ajax",function(){
  					$('.view-photo').prop("disabled",false);
					$("#gallery").fadeTo("normal",0.99);
					$('#gallery-exd').fadeTo( "normal", 0.99 );
					//d = xhr.photo[0];
					$('#gallery-exd').attr("src",key_globel);	
					$("#gallery").attr("src",key_globel);


  				 	window.history.pushState("", "", baseurl+"/view_item.php?item="+xhr.photo_key+"&type=photos&collection="+xhr.collection_id);
  				 	$('.dropdown-toggle').dropdown();
					$('.pic-glyp').remove();
  			});*/
  			
			
		}

	})

});


// Event which enlarge the image size in model. 

$(document).on("click", ".en-large", function () {
	var curr_photo = d;
	var check = $(this).data('check');
	if(check == "prev") {
		var pre_next = "prev";	
	}
	if(check == "next"){
		var pre_next = "next";
	}	
		data = {
		'mode': mode,
		'photo_pre' : curr_photo,
		'item': pre_next,
	}

	$.ajax({
		url: baseurl+'/ajax.php',
		type: "post",
		data: data,
		dataType: 'json',
		beforeSend: function() {
			$('.overlay-content').append(b);
			$('.en-large').prop("disabled",true);
		},
		success:function(xhr) {	
			photoPos();
			$('.en-large').prop("disabled",false);
			$("#gallery").fadeTo("normal",0.99);
			d = xhr.photo[0];
			key_globel = xhr.src_string;
			console.log(key_globel);
			collection_id = xhr.collection_id;
			$('#gallery-exd').attr("src",key_globel);
			$("#btn-close").attr("data-check",key);
			$('.pic-glyp').remove();
		}
	});

});

$(document).on("click", "#enlarge", function () {
	$('body').addClass('image-zoom');
	document.getElementById("myNav").style.width = "100%";
	document.getElementById("myNav").style.left = "0";
	$('#gallery-exd').attr("src",srcFirst);
	d=curr_photo;
	photoPos();
});

// On closing modal update image source..
$(document).on("click", "#btn-close", function () {
	$('body').removeClass('image-zoom');
	 document.getElementById("myNav").style.left = "-100%";

});

$( document ).on( 'keydown', function ( e ) {
    if ( e.keyCode === 27 ) { // ESC
       document.getElementById("myNav").style.left = "-100%";
    }
});

window.onresize = doALoadOfStuff;

function doALoadOfStuff() {
    photoPos();
}