// JavaScript Document
//find elements which contains links and images
//example: <div class="foto-gallery"> <a href="thumbs_img1.jpg"><img src="slides_img1.jpg" /></a> </div>
//example 2: <div class="foto-gallery"> <a href="thumbs_img1.jpg">...</a> </div>


//Parent element
var find_elements = ".gallery";
//Links on images
var var_find_link = "a[rel^='lightgallery']";
//speed aminate
var spid_animate = 800;
//710 x 616
var const_widht_container = 850+28;
var const_height_container = 616+164;
var const_widht = const_widht_container-28;
var const_width_img = 443;
var const_height_img = const_height_container-164;

if ( const_height_container > $(window).height() ) {
var const_widht_container = 605;
var const_height_container = 554;
var const_widht = 576;
var const_width_img = 443;
var const_height_img = 390;
}

/*var const_widht_container = 605;
var const_height_container = 554;
var const_widht = 576;
var const_width_img = 443;
var const_height_img = 390;*/

var attr_src = null;
var var_prev_img_attr_src = null;
function change_size(width_container, width_img, height_img, attr_src) {
	    $("#gallery_content").css({width: width_container});
		$("#gallery_container").css({width: width_container+28});
		$("#gallery_image_site img").attr("height", height_img);
		//$("#gallery_image_site img").attr("width", width_img);
		
		$("#gallery_header").css({width: width_container});
		$("#gallery_footer").css({width: width_container});
		$("#gallery_footer_top_fon").css({width: width_container});
		$("#gallery_footer_center_content").css({width: width_container});
		$("#gallery_footer_bottom").css({width: width_container-20});
		
		$("#gallery_container").css({marginLeft: -(width_container+28)/2});
		
		if($(window).height() >= $("#gallery_container").height()){
			var space_top_window = (($(window).height()-$("#gallery_container").height())/2);
			
		$("#gallery_container").css({top: space_top_window });
		//$("#gallery_container").css({marginTop: -$("#gallery_container").height()/2, top: "50%"});
		    }
		else {
		$("#gallery_container").css({ top: 0, marginTop: 0 });
			}

}



$(document).ready(function(){
$("#gallery_container").css({opacity: 0});
$("#gallery_container").css({width: 605});
$("#gallery_content").css({width: 576});
$("#gallery_overlay").css({opacity: 0});
$("body").css({ minHeight: "100%"});

//alert($(find_elements).length);


var array_links_gallery = new Array();
var array_title_gallery = new Array();
var array_value_gallery = new Array();

var length_links_gallery = $(find_elements).find(var_find_link).length;
for (i=0; i<length_links_gallery; i++) {
array_links_gallery[i] = $(find_elements).find(var_find_link+":eq("+i+")").attr("href");
array_title_gallery[i] = $(find_elements).find(var_find_link+":eq("+i+")").attr("title");
array_value_gallery[i] = $(find_elements).find(var_find_link+":eq("+i+")").attr("value");
//alert(array_title_gallery[i]);
}

function gallery_nav(number_img) {
	var find_next_img = array_links_gallery[number_img];
    var find_next_img_title = array_title_gallery[number_img];
    var find_next_img_value = array_value_gallery[number_img];
				
	$("#gallery_footer_content2").find("p").remove();
	$("#gallery_footer_content2").append("<p>"+find_next_img_title+"</p>");
	$("#gallery_header_left_text").find("p").remove();
	$("#gallery_header_left_text").append("<p>"+find_next_img_value+"</p>");
	$("#gallery_image_site").find("img").attr("src", find_next_img);
}

							
	$(find_elements).find(var_find_link).bind("click", function(e){
		$("#gallery_overlay").css({ display: "block", width: $(document).width(), height: $(document).height() });
		$("#gallery_container").css({ display: "block" });
			
		width_container = const_widht;
		width_img = const_width_img;
		height_img = const_height_img;
		
		var wrapper = $(this).parents("li").prevAll().length;
		
		var number_cur_img = wrapper+1;
		$("#gallery_schetchik").text(number_cur_img+"/"+length_links_gallery);
												   
		$("#gallery_container").animate({opacity: 1}, spid_animate);	
		$("#gallery_overlay").animate({opacity: 0.7}, spid_animate);
			
		 var img_big_href = $(this).attr("href");
		 
		 // height='"+const_height_img+"'
		$("#gallery_image_site").append("<center><img height='"+const_height_img+"' id='gallery_image' src='"+img_big_href+"' /></center>");
		$("#gallery_footer_content2").find("p").remove();
		$("#gallery_footer_content2").append("<p>"+$(this).attr("title")+"</p>");
		$("#gallery_header_left_text").find("p").remove();
		$("#gallery_header_left_text").append("<p>"+$(this).attr("value")+"</p>");
		
		$("#gallery_container").css({marginTop: 0});
		 change_size(width_container, width_img, height_img, attr_src);
		 
		//var new_top = $(this).offset().top;
		 
		 var space_top_window = (($(window).height()-const_height_container)/2);
		$("#gallery_container").css({top: space_top_window });
		 
		 e.preventDefault();
		 return false;

	});
	
	$("#gallery_content_site_nav > *").css({ height: const_height_img });
	$("#content_nav_left").add("#content_nav_right").bind("mouseover", function(){
		//$(this).animate({ opacity: 1 }, 200);
		$(this).children().css({ display: "block" });

	});
	$("#content_nav_left").add("#content_nav_right").bind("mouseout", function(){
		//$(this).animate({ opacity: 0 }, 200);
		$(this).children().css({ display: "none" });
	});
	
	
	
	$("#gallery_header_buttom4").add("#gallery_overlay").bind("click", function(){
			
		 
	     $("#gallery_container").animate({ opacity: 0 }, spid_animate);
		 $("#gallery_overlay").animate({opacity: 0}, spid_animate);
		 $("#gallery_container").queue(function () {
         $("#gallery_container").animate({ opacity: 0 }, 1);
		 $("#gallery_image_site").find("img").remove();
		 $("#gallery_overlay").css({ display: "none" });
		 $("#gallery_container").css({ display: "none" });
		 
		 $(this).dequeue(); });
      
		 
	});
	
		var width_container = const_widht;
		var width_img = const_width_img;
		var height_img = const_height_img;
		$("#gallery_header_buttom1").bind("click", function(){
										
		width_container = width_container*1.1;
		width_img = width_img*1.1;
		height_img = height_img*1.1;
		
		change_size(width_container, width_img, height_img, attr_src);
		 
	});
	$("#gallery_header_buttom2").bind("click", function(){
														
		if($("#gallery_content").width() > 605 /*const_widht*/) {
		width_container = width_container/1.1;
		width_img = width_img/1.1;
		height_img = height_img/1.1;
	    
		change_size(width_container, width_img, height_img, attr_src);
		
		}
		else { return false; }
	});
		$("#gallery_header_buttom3").bind("click", function(){
														
		if($("#gallery_content").width() != const_widht) {
		width_container = const_widht;
		width_img = const_width_img;
		height_img = const_height_img;
	    
		
		change_size(width_container, width_img, height_img, attr_src);
		}
		else { return false; }
	});
	
	$("#gallery_nav_prev").add("#content_nav_left").bind("click", function(e){
		
		var pattern_schetchik = /(\d+)\/(\d+)/;
		var result = $("#gallery_schetchik").text().match(pattern_schetchik);
		if(parseInt(result[1]) == 1) {
		var number_cur_img = parseInt(result[2]);
		} else { var number_cur_img = parseInt(result[1])-1; }
		$("#gallery_schetchik").text(number_cur_img+"/"+result[2]);
		
		//var number_cur_img = parseInt(result[1])-1;
		
		var find_next_img_length = $(find_elements).find(var_find_link).length;
		var number_img = parseInt(result[1])-2;
		if(number_img == -1) {
			number_img = find_next_img_length-1;
		}
		gallery_nav(number_img);

		width_container = const_widht;
		width_img = const_width_img;
		height_img = const_height_img;
		change_size(width_container, width_img, height_img, attr_src);
		
		e.preventDefault();
		return false;
		 
	});
	$("#gallery_nav_next").add("#content_nav_right").bind("click", function(e){

		var pattern_schetchik = /(\d+)\/(\d+)/;
		var result = $("#gallery_schetchik").text().match(pattern_schetchik);
		if(result[1] == result[2]) {
		var number_cur_img = 1;
		} else { var number_cur_img = parseInt(result[1])+1; }
		$("#gallery_schetchik").text(number_cur_img+"/"+result[2]);
		
		
		var find_next_img_length = $(find_elements).find(var_find_link).length;
		
		var number_img = parseInt(result[1]);
		if(number_img == find_next_img_length) {
			number_img = 0;
		}
		
		gallery_nav(number_img);
			
			
		width_container = const_widht;
		width_img = const_width_img;
		height_img = const_height_img;
	    
		change_size(width_container, width_img, height_img, attr_src);
			
		e.preventDefault();
		return false;
	});
	
/*	$("#gallery_nav_prev").add("#content_nav_left").bind("click", function(e){
		
		var pattern_schetchik = /(\d+)\/(\d+)/;
		var result = $("#gallery_schetchik").text().match(pattern_schetchik);
		if(parseInt(result[1]) == 1) {
		var number_cur_img = parseInt(result[2]);
		} else { var number_cur_img = parseInt(result[1])-1; }
		$("#gallery_schetchik").text(number_cur_img+"/"+result[2]);
		
		var number_cur_img = parseInt(result[1])-1;
		
		
array_links_gallery[0];
array_title_gallery[0];
array_value_gallery[0];
		
		var find_next_img = $(find_elements).find(var_find_link+":eq("+number_cur_img+")").attr("href");
		var find_next_img_title = $(find_elements).find(var_find_link+":eq("+number_cur_img+")").attr("title");
		var find_next_img_value = $(find_elements).find(var_find_link+":eq("+number_cur_img+")").attr("value");
		if (find_next_img == null ) {
				var find_next_img_length = $(find_elements).find(var_find_link).length-1;
				find_next_img = $(find_elements).find(var_find_link+":eq("+find_next_img_length+")").attr("href");
                find_next_img_title = $(find_elements).find(var_find_link+":eq("+find_next_img_length+")").attr("title");
				find_next_img_value = $(find_elements).find(var_find_link+":eq("+find_next_img_length+")").attr("value");
		}
				
		$("#gallery_footer_content2").find("p").remove();
		$("#gallery_footer_content2").append("<p>"+find_next_img_title+"</p>");
		$("#gallery_header_left_text").find("p").remove();
		$("#gallery_header_left_text").append("<p>"+find_next_img_value+"</p>");
		$("#gallery_image_site").find("img").attr("src", find_next_img);

		width_container = const_widht;
		width_img = const_width_img;
		height_img = const_height_img;
		change_size(width_container, width_img, height_img, attr_src);
		
		e.preventDefault();
		return false;
		 
	});
	$("#gallery_nav_next").add("#content_nav_right").bind("click", function(e){

		var pattern_schetchik = /(\d+)\/(\d+)/;
		var result = $("#gallery_schetchik").text().match(pattern_schetchik);
		if(result[1] == result[2]) {
		var number_cur_img = 1;
		} else { var number_cur_img = parseInt(result[1])+1; }
		$("#gallery_schetchik").text(number_cur_img+"/"+result[2]);
		/*alert(number_cur_img);*/
		//alert(array_links_gallery[number_cur_img][0]);
		//alert(number_cur_img);
		//var find_curr_img = $("#gallery_image_site").find("img").attr("src");
		/*var find_next_img = $(find_elements).find(var_find_link+":eq("+number_cur_img+")").attr("href");
		var find_next_img_title = $(find_elements).find(var_find_link+":eq("+number_cur_img+")").attr("title");
		var find_next_img_value = $(find_elements).find(var_find_link+":eq("+number_cur_img+")").attr("value");
		if (find_next_img == null ) {
				find_next_img = $(find_elements).find(var_find_link+":eq(0)").attr("href");
				find_next_img_title = $(find_elements).find(var_find_link+":eq(0)").attr("title");
				find_next_img_value = $(find_elements).find(var_find_link+":eq(0)").attr("value");
		}
				
		$("#gallery_footer_content2").find("p").remove();
		$("#gallery_footer_content2").append("<p>"+find_next_img_title+"</p>");
		$("#gallery_header_left_text").find("p").remove();
		$("#gallery_header_left_text").append("<p>"+find_next_img_value+"</p>");
		$("#gallery_image_site").find("img").attr("src", find_next_img);
			
			
		width_container = const_widht;
		width_img = const_width_img;
		height_img = const_height_img;
	    
		change_size(width_container, width_img, height_img, attr_src);
			
		e.preventDefault();
		return false;
	});*/
	
/*	$("#gallery_header_buttom2").bind("mouseover", function(){
	});
	$("#gallery_header_buttom2").bind("mouseout", function(){
	});
	$("#gallery_header_buttom2").bind("mouseover", function(){
	});
	$("#gallery_header_buttom2").bind("mouseout", function(){
	});
	$("#gallery_header_buttom2").bind("mouseover", function(){
	});
	$("#gallery_header_buttom2").bind("mouseout", function(){
	});
	$("#gallery_header_buttom2").bind("mouseover", function(){
	});
	$("#gallery_header_buttom2").bind("mouseout", function(){
	});*/
	
});