$(function (){
	$('ul.gallery').hide(0);
	var i = 0;
	var links = Array();
	$('ul.gallery li a').each(function (){
		links[i] = this.href;
		i++
	});
	var j = 0;
	var title = Array();
	$('ul.gallery li a').each(function (){
		title[j] = this.title;
		$(this).attr('rel',j);
		j++
	});
	var image = '<img id="gal_img" class="gallery_img" src="'+ links[0] +'">';
	var next = '<div id="next"><img src="/portal-core/perekrestok-schools/images/next.png" alt="Вперед" title="Вперед"></div>';
	var prev = '<div id="prev"><img src="/portal-core/perekrestok-schools/images/prev.png" alt="Назад" title="Назад"></div>';
	var ul = $('ul.gallery').html();
	$('ul.gallery').replaceWith('<div class="gallery">'+image+'</div>');
	var thumbs_dt = '<div class="gal_title">' + title[0] + '</div><div class="thumbs_area">' + prev + '<div class="thumbs_strip"><ul>' + ul + '</ul></div>' + next + '</div>';
	var uW = 136*i;
	$('div.gallery').append(thumbs_dt);
	$('div.thumbs_strip ul li:first-child a').addClass('cur');
	$('div.thumbs_strip ul').css({'marginLeft' : '0px', width : uW+'px'});
	
	checkMargins(i);
	
	$('div.thumbs_strip li a').click(function (){
		var pF = $(this).attr('rel');
		$('img#gal_img').attr({'src':links[pF]});
		$('div.gal_title').html(title[pF]);
		$('div.thumbs_strip li a').removeClass('cur');
		$(this).addClass('cur');
		return false;
	})
	
	$('#next').bind("click", function (){
		var mL = parseInt($('div.thumbs_strip ul').css('marginLeft')) - 136 + 'px';
		if ((parseInt(uW)+parseInt(mL)-544) > 0) {$('div.thumbs_strip ul').animate({marginLeft : mL},'fast', function() {$(this).stop();checkMargins(i);})};

	})
	
	$('#prev').bind("click", function (){
		var mL = parseInt($('div.thumbs_strip ul').css('marginLeft')) + 136 + 'px';
		if (parseInt(mL) <= 0) {$('div.thumbs_strip ul').animate({marginLeft : mL},'fast', function() {$(this).stop();checkMargins(i);})};
	})
	
});

	function checkMargins(i) {
		var mLS = parseInt($('div.thumbs_strip ul').css('marginLeft'));
		var tsL = (i - 5) * 136;
		if (mLS == 0) {$('div#prev').css({'display':'none'});} else {$('div#prev').css({'display':'block'});}
		if ((tsL + mLS) == 0) {$('div#next').css({'display':'none'});} else {$('div#next').css({'display':'block'});}
	}