$(document).ready(function(){
	var hein = $('#inmiddle').height();
	var hele = $('#leftgalery').height() + 100;
	if (hele > hein) { $('#inmiddle').css({'height' : hele + 'px'}); };
	var hele2 = $('#inmiddle').height();
	$('#bottomfon').css({'top' : hele2 + 'px'});
	
	
	var images = $('.mag').length - 1;
	var delay = 5000; //время за которое «гаснет» одно изображение.
	var interval1 = (images + 1) * delay;
	var interval2 = interval1 * 2;	
	var topimg = $('.mag').eq(images);
	var bottomimg = $('.mag').eq(0);
/*
	function showit(){
		bottomimg.fadeIn(delay, function () {
			$(this).next('.mag').fadeIn(delay, arguments.callee);
		});
	};
	function hideit(){	
	    topimg.fadeOut(delay, function () {
			$(this).prev('.mag').fadeOut(delay, arguments.callee);
		});
	};
	function fullround(){
		hideit();
		setTimeout(showit, interval1);
	}
	function playit(){
		setInterval(fullround, interval2);
	}
	/*fullround();
	playit();*/

	var howmuch = $('.block').length - 1;
	var block_width = 350;
	var image_width = 75;
	var cssleft = $('#looong').css('left');
	var left = parseInt(cssleft, 10);
	var max_left = howmuch * block_width * -1;
	var speed = 500;
	var numer = 0;
	$('.block:first').addClass('aktiv');
	var name1 = $('.aktiv .blockname').text();
	$('#magic_span').html(name1);
	var smallimg = $('.aktiv .smallimg').length;
	var images_width = smallimg * image_width;
	var block_padding = (block_width - images_width) / 2;
	$('.aktiv .smallimg:first').css({'margin-left' : block_padding + 5 + 'px'});
	//$('#content').html(left);
	
	$('.smallimg:first').css({'border' : '2px solid black'});
	var href = $('.smallimg:first').attr('href');
	var alt = $('.smallimg:first').attr('title');
	var zoom = $('.smallimg:first').children('.zoom').text();
	var zoomlink = "<a href='" + zoom + "' class='highslide' title='" + alt + "' onclick='return hs.expand(this)'></a>"
	$('#slideborder').html(zoomlink);
	var slide_image = "<img src='" + href + "' alt='" + alt + "' width='375' style='opacity:0;' />";
	$('#slider').append(slide_image);
	$('#slider img').animate({'opacity' : '1'}, 500, function(){
		$(this).prev().remove();
	});
	
	$('#rightarr').click(function() {
		$('#looong').stop(true, true);
		$('#looong').animate({left:'-=350px'}, speed);
		left = left - block_width; 
		numer = numer + 1;
		$('.block').eq(numer).addClass('aktiv');
		$('.block').eq(numer - 1).removeClass('aktiv');
		var name = $('.aktiv .blockname').text();
		$('#magic_span').html(name);
		if (left < max_left){
			$('#looong').animate({left:'0'}, speed);
			left = 0;
			$('.block').eq(numer).removeClass('aktiv');
			$('.block:first').addClass('aktiv');
			numer = 0;
			name = $('.aktiv .blockname').text();
			$('#magic_span').html(name);
		}
	});
	$('#leftarr').click(function() {
		$('#looong').stop(true, true);
		$('#looong').animate({left:'+=350px'}, speed);
		left = left + block_width; 
		numer = numer - 1;
		$('.block').eq(numer).addClass('aktiv');
		$('.block').eq(numer + 1).removeClass('aktiv');
		var name = $('.aktiv .blockname').text();
		$('#magic_span').html(name);
		if (left > 0){
			$('#looong').animate({left: max_left}, speed);
			left = max_left;
			$('.block').eq(numer).removeClass('aktiv');
			$('.block:last').addClass('aktiv');
			name = $('.aktiv .blockname').text();
			$('#magic_span').html(name);
			numer = howmuch;
		}
	});
	$('.arrow').click(function(){
		var smallimg = $('.aktiv .smallimg').length;
		var images_width = smallimg * image_width;
		var block_padding = (block_width - images_width) / 2;
		$('.aktiv .smallimg:first').css({'margin-left' : block_padding + 5 + 'px'});
		
		$('.aktiv .smallimg:first').css({'border' : '2px solid black'});
		var href = $('.aktiv .smallimg:first').attr('href');
		var alt = $('.aktiv .smallimg:first').attr('title');
		var slide_image = "<img src='" + href + "' alt='" + alt + "' width='375' style='opacity:0;' />";
		$('#slider').append(slide_image);
		$('#slider img').animate({'opacity' : '1'}, 500, function(){
			$(this).prev().remove();
		});
		var zoom = $('.aktiv .smallimg:first').children('.zoom').text();
		var zoomlink = "<a href='" + zoom + "' class='highslide' title='" + alt + "' onclick='return hs.expand(this)'></a>"
		$('#slideborder').html(zoomlink);	
	});	
	$('.smallimg').click(function(){
		$('.smallimg').css({'border' : '1px solid white'});
		$(this).css({'border' : '2px solid black'});
		var href = $(this).attr('href');
		var alt = $(this).attr('title');
		var slide_image = "<img src='" + href + "' alt='" + alt + "' width='375' style='opacity:0;' />";
		$('#slider').append(slide_image);
		$('#slider img').animate({'opacity' : '1'}, 500, function(){
			$(this).prev().remove();
		});
		var zoom = $(this).children('.zoom').text();
		var zoomlink = "<a href='" + zoom + "' class='highslide' title='" + alt + "' onclick='return hs.expand(this)'></a>"
		$('#slideborder').html(zoomlink);
		return false;
	});
		hs.registerOverlay({
		html: '<div class=\"closebutton\" onclick=\"return hs.close(this)\" title=\"Close\"></div>',
		position: 'top right',
		fade: 2 // fading the semi-transparent overlay looks bad in IE
		});
		hs.graphicsDir = '/highslide/graphics/';
		hs.wrapperClassName = 'borderless';
});