var margin = 0;   
var fade_left;
var fade_right;
   
    // Блок подсчёта ширины слайдера картинок предпросмотра
    function recalculate_slider() {

        
        /*
	    var thumbnails_width = 0;

	    var ct_li = 0;
	    var ct_ul = 9;
	
	    $('#thumbnails div.set li').each(function() {
		    ct_li = ct_li + 1;
	    });
	
	    $('#thumbnails div.set ul').each(function() {
		    ct_ul = ct_ul + 1;
	    });
	
	
	    thumbnails_width = ct_li * 120 + ct_ul * 20;

        thumbnails_width = $('div.set').width();

        if (thumbnails_width < 876) {
            //$('#slider').hide();
        } else {
            ///$('#slider').show();
        }    
        
	
	    var margin = (thumbnails_width - 876) / 2 / 100;

	    
	
	
	    */
        var el = $('#thumbnails').get(0);
    
	    $("#slider").slider({
       		slide: function(event, ui) { 
       			var offset = Math.floor(margin * ui.value);
       			$(el).css('margin-left',(10-offset)+'px');
       		},
       		change : function(event, ui) { 
       			var offset = Math.floor(margin * ui.value);
       			$(el).css('margin-left',(10-offset)+'px');
       		}
	    });
	
	}
	

    function ChangeImagesCount(count) {
        if (count == 0) {
            str = "нет фотографий";
        } else {
            str = count + " " + plural(count, "фотография", "фотографии", "фотографий");
        }
        $('div.project div.menu ul li.gallery dl dd').text(str);
        //TODO Должна делать следующая функция, но она не работает
        if (count == 0) {
            $('#image_viewer').html().flash({ 
                swf: '/media/swf/image_viewer.swf',
                width: 558,
                height: 244,
                params : { wmode : 'transparent' },
                flashvars: { image_url: '/media/images/project_stub_large.png'  } 
            });
        }
        //console.log("cic",count);
    }
    
    function SetDefaultImage(id) {
        $('#image_viewer').html().flash({ 
            swf: '/media/swf/image_viewer.swf',
            width: 558,
            height: 244,
            params : { wmode : 'transparent' },
            flashvars: { image_url: '/interiers/'+interier_pk+'/defaultimage/'  } 
        });
        //console.log("sdi",id);
    }
        
    function reloadPageContent(id) {
        $('div.project').load('/interiers/'+id);
    }
    
    var addimage_form_options = { 
        beforeSubmit:  checkGalleryForm,  // pre-submit callback 
        success:       galleryFormResponse,  // post-submit callback 
        dataType:		'json'
        
    }; 

    // pre-submit callback 
    function checkGalleryForm(formData, jqForm, options){

    }
    
    // post-submit callback 
    function galleryFormResponse(response, statusText){
        old_thumbnails_width = $('div.set').width();

        $('li.no_select').remove();
        $('#loading').text('Загрузка');

        $('#imageset_1').append('<li><img width="133" height="100" id="preview_'+response.id+'" full="/media/'+response.main+'" alt="" src="/media/'+response.thumbnail+'"/><div class="corner tl"><div></div></div><div class="corner tr"><div></div></div><div class="corner bl"><div></div></div><div class="corner br"><div></div></div></li>');
        
        thumbnails_width = $('div.set').width();
        
        //var percent = old_thumbnails_width / thumbnails_width;

        margin = (thumbnails_width - 876) / 100; 
        
        $('#slider').slider("option", "value", 100);
        offset = Math.floor(margin * 100);
        $('#thumbnails').css('margin-left',(10-offset)+'px');
        
        selectPhoto($('#preview_'+response.id).parent());
              
        recalculate_slider();
    }


$(document).ready(function() {

    fade_left = $('#fade_left');
    fade_right = $('#fade_righ');
    
    $('#add_file_panel').ajaxForm(addimage_form_options);
    

    $('ul.gallery_menu span.subscribe').closest('li').click(function() {
        var label = prompt("Укажите подпись для фотографии");
        if (label) {
            $.post('/interier/photo/set_label/'+pictureId+'/', { label : label });
        }
     
    });
    
    
    $('ul.gallery_menu span.delete').closest('li').click(function() {
        
        //var id = $(this).attr('id').split('_')[1];
 
        var conf = confirm("Удалить фотографию?");
        if (conf) {
            $.post('/interier/photo/delete/'+pictureId+'/', {}, function() {
            
                $('#preview_'+pictureId).parent().hide().remove();
                selectPhoto($('#thumbnails li:first'));
            
            });
        }
     
    });
    
    
	// Стрелки слайдера в галлереи	
	$('div.scroll-bar div.next').click(function() {
		var val = Math.min($(this).parent().find('#slider').slider('value')+10,100);
		$(this).parent().find('#slider').slider('value', val);
	});
	
	$('div.scroll-bar div.back').click(function() {
		var val = Math.max($(this).parent().find('#slider').slider('value')-10, 0);
		$(this).parent().find('#slider').slider('value', val);
	});	

	// Переключение фотографий на странице продукта
	$("ul.photo_selector a").live('click',	function() {  
	
	        var url = $(this).find('img').attr('full');
	
			$('#full').attr('src',url);
			$(this).parent().parent().find('li').removeClass('select').find('div.corner').remove();				
			$(this).parent().addClass('select').append('<div class="corner tl"><div></div><div></div></div><div class="corner tr"><div></div><div></div></div><div class="corner bl"><div></div><div></div></div><div class="corner br"><div></div><div></div></div>');		
			
			
			$('#download_gallery_picture').attr('src',url);
			
		});

	$('div.photo a.next').click(function(){

        
		$('div.photo a.back').show();

		var selector = $(this).parent().parent().find('#thumbnails li');	
		var total = selector.length;		
		var i = 0;
	
		selector.each(function(){
			i = i + 1;
			if ($(this).is('.select')) {
				selected = i;
			}
		});
		
		var j = 0;		
		selector.each(function(){
			j = j + 1;
			if (j == (selected + 1)) {			
				selectPhoto(this);
				
				if (j==total) {
					$('div.photo a.next').hide();
			    }
			}
		});				
	});
 	
	$('div.photo a.back').click(function(){
		$('div.photo a.next').show();

		var selector = $(this).parent().parent().find('#thumbnails li');	
		var total = selector.length;		
		var i = 0;
	
		selector.each(function(){
			i = i + 1;
			if ($(this).is('.select')) {
				selected = i;
			}
		});
		
		var k = 0;		
		selector.each(function(){
			k = k + 1;
			if (k == (selected - 1)) {			
				selectPhoto(this);
				
				if (k==1) {
					$('div.photo a.back').hide();
				}	
			}
		});		
	});	

	// Скрытие радакторов при октрытии галереи
	$("#gallery-link").click(
		function() {
		    //$('#adv-top').hide(); 
            $(".overlay").show();
            $(".gallery-win").show();
            $("div.wysiwyg iframe").hide(); 
            
            //alert($('body').height());
            //alert($('body').height());
            
            
            
            
            if ($('body').height() < 700) {
                $('div.tmb-wrap').hide();
                $('div.scroll-bar').hide();
                $('div.gallery-win').css('height','530px').css('margin-top', '-260px').find('div.indent').css('background-image','url(\'http://static.apartama.ru/resources/img/gallery-window-min.png\')');
                $('#fade_left, #fade_right').hide();
                $('div.photo').css('margin-top','20px');
                
                
            } else {
            
                $('div.tmb-wrap').show();
            }
            
            thumbnails_width = $('div.set').width();
        
            margin = (thumbnails_width - 876 + 25) / 100;

            
         }
	);
	
	
	// Показ редактора после закрытия галлереи
	$("div.close_gallery").click(
		function() {  $("div.wysiwyg iframe").show(); }
	);
	
	

    $('#gallery_add_picture').click(function() {
        $('#add_file_panel').slideDown(300);
    });
    
    $('#add_file_panel_close').click(function(){
       $('#add_file_panel').slideUp(300);
    });


	recalculate_slider();
	
	
	$('#thumbnails li').live('click', function() {
		selectPhoto(this);		
	});



	$('#gallery_main').load(function() {
		setTimeout ('show_image();', 200 );
	}); 
	


});