$(function(){

	slide_pictures = function(){
		var value = $('#slider').slider('option', 'value');
		value = value*700+50;
		$('.pictures').stop();
		$('.pictures').scrollTo({ top:'0px', left:value+'px'}, 800, {axis:'xy'});
	}

	$('#slider').slider({
		value: 0,
		min:0,
		max:$('.pictures ul li').size()-1,
		range: false,
		slide: function(event, ui) {
			slide_pictures();
			loadpicture($('#slider').slider('option', 'value'));
		},
		change: function(event, ui) {
			slide_pictures();
			loadpicture($('#slider').slider('option', 'value'));
		}
	});

	$('.pictures').scrollTo({ top:'0px', left:'50px'}, 800, {axis:'xy'});

	$('.pictures ul').css({'width':$('.pictures ul li').size()*700});

	var jora = $('.pictures ul li').size();
	

	loadpicture = function(nomer){
		$('.pictures ul li:eq('+nomer+')').css({'background':$('.pictures ul li:eq('+nomer+')').attr('rel')});
	}

	initb = function(){

		$('.gallery').css({'visibility':'visible'});

		$('.next').css({"opacity":"0"});
		$('.previous').css({"opacity":"0"});

		$('.next').mouseover(function(){
			$(this).css({"opacity":"1"});
		});

		$('.next').mouseout(function(){
			$(this).css({"opacity":"0"});
		});

		$('.previous').mouseover(function(){
			$(this).css({"opacity":"1"});
		});

		$('.previous').mouseout(function(){
			$(this).css({"opacity":"0"});
		});

		var block = 0;

		$('.next').click(function(){
			if(block==0){
				block=1;
				var value = $('#slider').slider('option', 'value');
				var temp = value + 1;
				value = value*700+50+700;
				$('.pictures').stop();
				$('.pictures').scrollTo({ top:'0px', left:value+'px'}, 800, {axis:'xy',
					onAfter: function(){
						block=0;
						$('#slider').slider('option', 'value', temp);
					}
				});
				loadpicture(temp);
			}
		});

		$('.previous').click(function(){
			if(block==0){
				block=1;
				var value = $('#slider').slider('option', 'value');
				var temp = value - 1;
				value = value*700+50-700;
				$('.pictures').stop();
				$('.pictures').scrollTo({ top:'0px', left:value+'px'}, 800, {axis:'xy',
					onAfter: function(){
						block=0;
						$('#slider').slider('option', 'value', temp);
					}
				});
				loadpicture(temp);
			}
		});

	}

	$('.pictures ul li img').each(function(i){
		/*$(this).load(function(){
			if($(this).width()>$(this).height()){
				$(this).parent().addClass('horizontal');
				$(this).parent().css({'background':'url(' + $(this).attr('src') + ') 50px bottom no-repeat'});
			}else{
				$(this).parent().addClass('vertical');
				$(this).parent().css({'background':'url(' + $(this).attr('src') + ') 250px bottom no-repeat'});
			}
			if(i!=0){
				if(i!=$('.pictures ul li').size()-1){
					$(this).parent().html('<div class="next"></div><div class="previous"></div>');
				}else{
					$(this).parent().html('<div class="previous"></div>');
				}
			}else{
				$(this).parent().html('<div class="next"></div>');
			}
			$(this).css({'display':'none'});
			jora = jora-1;
			if(jora==0){
				initb();
			}
		});*/
		if($(this).parent().attr('class')=='horizontal'){
			//$(this).parent().css({'background':'url(' + $(this).attr('src') + ') 50px bottom no-repeat'});
			$(this).parent().attr({'rel':'url(' + $(this).attr('src') + ') 50px bottom no-repeat'});
			$(this).parent().css({'background':'url(http://fotokiri.com/_img/loading.gif) center center no-repeat'});
		}else{
			//$(this).parent().css({'background':'url(' + $(this).attr('src') + ') 250px bottom no-repeat'});
			$(this).parent().attr({'rel':'url(' + $(this).attr('src') + ') 250px bottom no-repeat'});
			$(this).parent().css({'background':'url(http://fotokiri.com/_img/loading.gif) center center no-repeat'});
		}
		if(i!=0){
			if(i!=$('.pictures ul li').size()-1){
				$(this).parent().html('<div class="next"></div><div class="previous"></div>');
			}else{
				$(this).parent().html('<div class="previous"></div>');
			}
		}else{
			$(this).parent().html('<div class="next"></div>');
		}
		$(this).css({'display':'none'});
		$(this).attr({'src':'http://fotokiri.com/_img/loading.gif'});
		jora = jora-1;
		if(jora==0){
			initb();
		}
	});
	
	loadpicture(0);

	$(window).resize(function(){
	 
		if($('body').width() < 1001){
			$('#wrapper').css({'left':'500px'});
		}else{
			$('#wrapper').css({'left':'50%'});
		}

		if($('body').height() < 675){
			$('#wrapper').css({'top':'333px'});
		}else{
			$('#wrapper').css({'top':'50%'});
		}

	});

	if($('body').width() < 1001){
		$('#wrapper').css({'left':'500px'});
	}else{
		$('#wrapper').css({'left':'50%'});
	}

	if($('body').height() < 675){
		$('#wrapper').css({'top':'337px'});
	}else{
		$('#wrapper').css({'top':'50%'});
	}

});