var block_count = 3;
var current_block = 1;
var next_block = 2;
var prev_block = 3;
var block_left_shift = 100;
var is_index = false;
var on_ready_func = '';
var top_text_left_shift = 550;

function CreateTop(){
	repositionBlock('current');
	repositionBlock('next');

	for(var id=1; id<=block_count; id++){
		$("#top_promo_"+id).css("display", "none");
		$("#top_promo_"+id+"_text").css("display", "none");
		if(id==current_block){
			$("#top_promo_"+id).fadeIn("slow");
			$("#top_promo_"+id+"_text").fadeIn("slow");
		}
		if(id==next_block){
			$("#top_promo_"+id).fadeIn("slow");
		}
	}
}

function repositionBlock(type){
	if(type == 'current'){
		var id = current_block;
		var left_shift = -block_left_shift;
//		var left_shift_text = -block_left_shift + $("#top_promo_"+id).width() +35;
		var left_shift_text = top_text_left_shift;
		$("#top_promo_"+id+"_text").css("left", left_shift_text+"px");
		var width_text = $(window).width() - block_left_shift - left_shift_text -80;
		$("#top_promo_"+id+"_text").width(width_text);
	}
	if(type == 'next'){
		var id = next_block;
		var left_shift = $(window).width() - block_left_shift;
	}
	$("#top_promo_"+id).css("left", left_shift+"px");
}

function move_next(){
	var next_next_block = next_block%block_count + 1;
	/// готовим следующий блок, скрываем и относим за два экрана до
	/// левого края окна(чтобы было откуда двигать), делаем его видимым
	$("#top_promo_"+next_next_block).css("display", "none");
	var next_left_shift = 2*$(window).width() - block_left_shift;
	$("#top_promo_"+next_next_block).css("left", next_left_shift+"px");
	$("#top_promo_"+next_next_block).css("display", "block");

	//// текст который будет виден - текст будующего блока
	$("#top_promo_"+next_block+"_text").css("display", "none");
//	var next_left_shift_text = $(window).width() - block_left_shift + $("#top_promo_"+next_block).width() +35;
	var next_left_shift_text = $(window).width() + top_text_left_shift;
	$("#top_promo_"+next_block+"_text").css("left", next_left_shift_text+"px");
//	var next_width_text = $(window).width() - ($("#top_promo_"+next_block).width() +35)-80;
	var next_width_text = $(window).width() - top_text_left_shift-80;
	$("#top_promo_"+next_block+"_text").width(next_width_text);
	$("#top_promo_"+next_block+"_text").css("display", "block");

	/// теперь сдвигаем все влево на экран
	/// делаем хиденом, блок который был текущим
	var left_shift;
	for(var id=1; id<=block_count; id++){
		left_shift = $("#top_promo_"+id).offset().left - $(window).width();
		$("#top_promo_"+id).animate({ left: left_shift+"px"}, "slow", function(){ 
			if(this.id == "#top_promo_"+current_block) this.css("display", "none");
		});
		left_shift = $("#top_promo_"+id+"_text").offset().left - $(window).width();
		$("#top_promo_"+id+"_text").animate({ left: left_shift+"px"}, "slow", function(){ 
			if(this.id == "#top_promo_"+current_block+"_text") this.css("display", "none");
		});
	}

	/// переписываем значения текущих
	prev_block = current_block;
	current_block = next_block;
	next_block = next_next_block;

	$("#move_prev").html(button_names[prev_block]);
	$("#move_next").html(button_names[next_block]);
	repositionMarker();
}

function move_prev(){
	var prev_prev_block = prev_block - 1;
	if(prev_prev_block <= 0){
		prev_prev_block = block_count;
	}
	/// готовим предыдущий блок, скрываем и относим за -экран до
	/// левого края окна(чтобы было откуда двигать), делаем его видимым
	$("#top_promo_"+prev_block).css("display", "none");
	var prev_left_shift = -$(window).width() - block_left_shift;
	$("#top_promo_"+prev_block).css("left", prev_left_shift+"px");
	$("#top_promo_"+prev_block).css("display", "block");

	$("#top_promo_"+prev_block+"_text").css("display", "none");
//	var prev_left_shift_text = prev_left_shift + $("#top_promo_"+prev_block).width() +35;
	var prev_left_shift_text = prev_left_shift + block_left_shift + top_text_left_shift;
	$("#top_promo_"+prev_block+"_text").css("left", prev_left_shift_text+"px");
	$("#top_promo_"+prev_block+"_text").css("display", "block");
//	var prev_width_text = $(window).width() - ($("#top_promo_"+prev_block).width() +35)-80;
	var prev_width_text = $(window).width() - top_text_left_shift-80;
	$("#top_promo_"+prev_block+"_text").width(prev_width_text);

	/// теперь сдвигаем все вправо на экран
	/// делаем хиденом блок который next, 
	var left_shift;
	for(var id=1; id<=block_count; id++){
		left_shift = $("#top_promo_"+id).offset().left + $(window).width();
		$("#top_promo_"+id).animate({ left: left_shift+"px"}, "slow", function(){ 
			if(this.id == "#top_promo_"+next_block) this.css("display", "none");
		});
		left_shift = $("#top_promo_"+id+"_text").offset().left + $(window).width();
		$("#top_promo_"+id+"_text").animate({ left: left_shift+"px"}, "slow", function(){ 
			if(this.id == "#top_promo_"+next_block+"_text") this.css("display", "none");
		});
	}

	/// переписываем значения текущих
	next_block = current_block;
	current_block = prev_block;
	prev_block = prev_prev_block;

	$("#move_prev").html(button_names[prev_block]);
	$("#move_next").html(button_names[next_block]);
	repositionMarker();
}

function moveToBlock(block){
	var diff = block - current_block;
	if(diff == -1 || diff == 2 ){
		move_prev();
	}
	if(diff == 1 || diff == -2 ){
		move_next();
	}
}

function repositionMarker(){
	var left_shift = $("#lit_menu_"+current_block).offset().left + Math.round(($("#lit_menu_"+current_block).width() - $("#little_marker").width())/2);
	$("#little_marker").animate({ left: left_shift+"px"}, "slow");
	if($("#little_marker").css("display") != "block") $("#little_marker").css("display", "block");
}

function CatalogMenu(){
	$("#catalog_a_sheader_1").click(function(){
		$("#catalog_sheader_1").toggleClass("active");
		return false;
	});
}

function AboutMenu(){
	$("#about_a_sheader_1").click(function(){
		$("#about_sheader_1").toggleClass("active");
		return false;
	});
	$("#about_a_sheader_2").click(function(){
		$("#about_sheader_2").toggleClass("active");
		return false;
	});
}

$(document).ready(function () {
	if(is_index){
		CreateTop();
		repositionMarker();
		$(window).resize(function(){
			repositionBlock('current');
			repositionBlock('next');
		});
	}
	CatalogMenu();
	AboutMenu();
	if(on_ready_func != ''){
		setTimeout(on_ready_func+"()", 1);
	}
});

function showImgButtons(){
	var top = Math.round($("#image").offset().top + $("#image").height()/2-30);
	var left1 = $("#image").offset().left - 90;
	var left2 = $("#image").offset().left + $("#image").width() +29;
	$("#left_arrow").css('left', left1+'px');
	$("#left_arrow").css('top', top+'px');
	$("#left_arrow").css('display', 'block');
	$("#right_arrow").css('left', left2+'px');
	$("#right_arrow").css('top', top+'px');
	$("#right_arrow").css('display', 'block');

	$(window).resize(function () {
		var left1 = $("#image").offset().left - 90;
		var left2 = $("#image").offset().left + $("#image").width() +29;
		$("#left_arrow").css('left', left1+'px');
		$("#right_arrow").css('left', left2+'px');
	});

	$("#left_arrow").click(function(){
		moveImage(-1);
	});
	$("#right_arrow").click(function(){
		moveImage(1);
	});
//	alert($("#image").offset().left+' '+$("#image").offset().top+' '+$("#image").width()+' '+$("#image").height());
}

function moveImage(dir){
	if(dir == 1 && current_image >= big_photo_arr.length-1){
		return;
	}
	if(dir == -1 && current_image == 0){
		return;
	}
	showImage(current_image*1 + dir*1);
}

function showImage(count){
	if(count > big_photo_arr.length-1 || count<0){
		return;
	}
	current_image = count;
	$("#big_image").css('display', "none");
	$("#big_image").attr('src', big_photo_arr[current_image]);
	$("#big_image").load(function(){
			$(this).fadeIn("slow");
	});

	if(current_image >= big_photo_arr.length-1){
		$("#right_arrow").attr('class', 'disable');
	}else{
		$("#right_arrow").attr('class', 'able');
	}
	if(current_image == 0){
		$("#left_arrow").attr('class', 'disable');
	}else{
		$("#left_arrow").attr('class', 'able');
	}
}


var counter = 0;
var re = /sthumb_/g;
function createImgArr(){
	$("#var_images img").each(function(i){
		big_photo_arr[counter] = $(this).attr('src').replace(re, '');
		$(this).attr('rel', counter);
		$(this).click(function(){
			showImage($(this).attr('rel'));
		});
		counter++;
	});
	showImgButtons();
}

function bookmark(div, obj){
	if($(obj).hasClass('active'))
		return false;

	$(".details_header li.active").toggleClass( 'active');
	$(obj).toggleClass( 'active');

	$(".details_cont .center.active").toggleClass( 'active');
	$(".details_cont #"+div).toggleClass( 'active');
}