jQuery(function(){
    var image = jQuery('#header .images img');
    var i = image.length - 1;
    var i2;
    
    var rotate = function() {
        jQuery(image).eq(i).fadeOut(2000);
        i2 = (i - 1 + image.length) % image.length;
        jQuery(image).eq(i2).fadeIn(2000);

        setTimeout(function(){i = i2; rotate();}, 6000);
    }

    if (image.length > 1) {
        jQuery(image).hide();
        jQuery(image).eq(i).show();
        rotate();
    }
    
    if (jQuery('#images').length) {
		
		var speed_px = 10;
		var speed_ms = 10;
		var left = 0;
		var interval_1, interval_2;
		var gimages = jQuery('#images');
		var width = 0;

		jQuery(gimages).addClass('images');
		jQuery(gimages).before('<table id="gallery"><tbody><tr><td id="images_prev"></td><td><div id="images_container"></div></td><td id="images_next"></td></tr></tbody></table>');
		
		var gallery = jQuery('#gallery');
		
		jQuery('#images_container', gallery).html(gimages);

		var images_container = jQuery('#images_container', gallery);

		width = jQuery(gimages).width() - jQuery(images_container).width();
		jQuery('#images_prev', gallery).prepend('<a href="#" title="Назад"><img src="/images/style/mfitness/jcarousel-prev_na.gif" alt="Назад" /></a>');
		jQuery('#images_next', gallery).append('<a href="#" title="Вперед"><img src="/images/style/mfitness/jcarousel-next.gif" alt="Вперед" /></a>');

		var prev = jQuery('#images_prev a', gallery);
		var next = jQuery('#images_next a', gallery);

		jQuery(next).mousedown(function(){
			if (left > -width) {
				jQuery('img', prev).attr({'src': '/images/style/mfitness/jcarousel-prev.gif'});
				interval_1 = setInterval(function(){
						left -= speed_px;
						if (left < -width){
							clearInterval(interval_1);
							jQuery('img', next).attr({'src': '/images/style/mfitness/jcarousel-next_na.gif'});
						}
						else {jQuery(gimages).css({'left': left + 'px'});}
					}, speed_ms)
			}
			return false;
		}).mouseup(function(){
			clearInterval(interval_1);
		}).mouseout(function(){
			clearInterval(interval_1);
		}).click(function(){return false;});

		jQuery(prev).mousedown(function(){
			if (left < 0){
				jQuery('img', next).attr({'src': '/images/style/mfitness/jcarousel-next.gif'});
				interval_2 = setInterval(function(){
						left += speed_px;
						if (left > 0){
							clearInterval(interval_2);
							jQuery('img', prev).attr({'src': '/images/style/mfitness/jcarousel-prev_na.gif'});
						}
						else {jQuery(gimages).css({'left': left + 'px'});}
					}, speed_ms)
			}
			return false;
		}).mouseup(function(){
			clearInterval(interval_2);
		}).mouseout(function(){
			clearInterval(interval_2);
		}).click(function(){return false;});

		


		var src = jQuery('img:eq(0)', gimages).attr('src');
		var regex = /\/th([.-\/\w]*)-thumb/;
		var src1 = jQuery('img:eq(0)', gimages).parent().attr('href');
        var h1 = jQuery('img:eq(0)', gimages).parent().attr('title')
		var active_img;
        var sum_img = jQuery('#images_container img').length;

		jQuery(gallery).after('<div class="wrap_img_big"><div id="images_big"><div class="bimage"><table><tr><td><a class="prev_lnk" href="#" title="Предыдущая"><img src="/images/style/mfitness/prev_word_na.gif" alt="Предыдущая" /></a><div style="width: 600px; overflow: hidden"><img src="' + src1 + '" alt="' + h1 + '" title="' + h1 + '" /></div><a class="next_lnk" href="#" title="Следующая"><img src="/images/style/mfitness/next_word.gif" alt="Следующая" /></a></td></tr></table></div><div class="btext">' + jQuery('.descr', gimages).eq(0).html() + '</div><a href="http://www.mfitness.ru/about/galerei1/" class="all_gal"><img src="/images/style/mfitness/all_gal.gif" alt="Все галереи" /></a></div></div>');
		jQuery('a:eq(0)', gimages).addClass('active_img');

		var images_big = jQuery('#images_big');
		jQuery('a', gimages).click(function(){
			jQuery('a', gimages).removeClass('active_img');
			jQuery(this).addClass('active_img');
			src = jQuery('img', this).attr('src');
			regex = /\/th([.-\/\w]*)-thumb/;
			src1 = jQuery(this).attr('href');
			jQuery('.bimage img:eq(1)', images_big).attr('src', src1);
			jQuery('.btext', images_big).html(jQuery(this).next().html());           
            if (jQuery('a', gimages).index(this) == (sum_img-1)){
                jQuery('a:eq(1) img', images_big).attr({'src': '/images/style/mfitness/next_word_na.gif'});
                jQuery('a:eq(0) img', images_big).attr({'src': '/images/style/mfitness/prev_word.gif'});
            }
            if (jQuery('a', gimages).index(this) == 0){
                jQuery('a:eq(1) img', images_big).attr({'src': '/images/style/mfitness/next_word.gif'});
                jQuery('a:eq(0) img', images_big).attr({'src': '/images/style/mfitness/prev_word_na.gif'});
            }
			return false;
		});

		jQuery('a:eq(0)', images_big).click(function(){
			if (jQuery('.active_img', gimages).prev().length) {
				jQuery('a:eq(1) img', images_big).attr({'src': '/images/style/mfitness/next_word.gif'});
				active_img = jQuery('.active_img', gimages).prev().prev();
				jQuery('a', gimages).removeClass('active_img');
				jQuery(active_img).addClass('active_img');

				src = jQuery('img', active_img).attr('src');
                h1 = jQuery('img', active_img).attr('alt');
				regex = /\/th([.-\/\w]*)-thumb/;
				src1 = jQuery('img', active_img).parent().attr('href');
				jQuery('.bimage img:eq(1)', images_big).attr('src', src1).attr('alt',h1).attr('title',h1);
				jQuery('.btext', images_big).html(jQuery(active_img).next().html());		
				if (!jQuery(active_img).prev().length) {jQuery('img', this).attr({'src': '/images/style/mfitness/prev_word_na.gif'});}
			}
			return false;
		})

		jQuery('a:eq(1)', images_big).click(function(){
			if (jQuery('.active_img', gimages).next().next().length) {
				jQuery('a:eq(0) img', images_big).attr({'src': '/images/style/mfitness/prev_word.gif'});
				active_img = jQuery('.active_img', gimages).next().next();
				jQuery('a', gimages).removeClass('active_img');
				jQuery(active_img).addClass('active_img');
				
				src = jQuery('img', active_img).attr('src');
                h1 = jQuery('img', active_img).attr('alt');
				regex = /\/th([.-\/\w]*)-thumb/;
				src1 = jQuery('img', active_img).parent().attr('href');
				jQuery('.bimage img:eq(1)', images_big).attr('src', src1).attr('alt',h1).attr('title',h1);
				jQuery('.btext', images_big).html(jQuery(active_img).next().html());		

				if (!jQuery(active_img).next().next().length) {jQuery('img', this).attr({'src': '/images/style/mfitness/next_word_na.gif'});}
			}
			return false;
		})
	}
});
