var showModelId = 0; //ID отображаемой модели
var zoomOption = {
	zoomWidth: 250,
	zoomHeight: 180,
	xOffset: 10,
	yOffset: 205,
	preloadText: "Увеличение изображения...",
	title: false
};

$(function ()
{
	$("a[rel='imageGroup']").fancybox(
	{
		'titleShow': false
	});

	$(window).resize(function ()
	{
		f_setCollectionDivWidth();
	});

	$("#id_collectionCarrier_div").scroll(function ()
	{
		if(showModelId > 0)
		{
			f_unsetZoom();
			$("div[id='id_modelInfoDiv-" + showModelId + "']").hide();
			$("div[id='id_modelDiv-" + showModelId + "']").css("border", "none").css("background-image", "none");

			//Установка изображения модели по умолчанию
			f_setMainModelImage(showModelId);

			//Устанавливаем ID просматриваемой модели в 0
			showModelId = 0;
		}
	});

	f_setCollectionDivWidth()
	f_setCollectionTableWidth()
	f_setScrollBarColor();
});

//Ширина блока с моделями
function f_setCollectionDivWidth()
{
	var mainDivWidth = $("#id_main_div").width();
	var workWidth = mainDivWidth - 560;

	$("#id_collectionCarrier_div").css("width", workWidth + "px");

}

function f_setCollectionTableWidth()
{
	var tableWidth = $("#id_collectionCarrier_table").width();
	$("#id_collectionBorderBottom_div").css("width", tableWidth + "px");
}

//Цвет скрулла
function f_setScrollBarColor()
{
 	document.getElementById("id_collectionCarrier_div").style.scrollbarFaceColor = "#000000";
 	document.getElementById("id_collectionCarrier_div").style.scrollbarArrowColor = "#FFFFFF";
 	document.getElementById("id_collectionCarrier_div").style.scrollbarTrackColor = "#E8E8E8";
 	document.getElementById("id_collectionCarrier_div").style.scrollbarHighlightColor = "#000000";
 	document.getElementById("id_collectionCarrier_div").style.scrollbarShadowColor = "#000000";
}

//Перемотка к модели на которую нажали
function f_goToModel(modelId, smallImageSrc, bigImageSrc)
{
	if(showModelId > 0)
	{
		//Скрываем информацию о отображаемой модели
		$("div[id='id_modelInfoDiv-" + showModelId + "']").hide(300, function ()
		{
			$("div[id='id_modelDiv-" + showModelId + "']").css("border", "none").css("background-image", "none");;
			f_unsetZoom();

			//Установка изображения модели по умолчанию
			f_setMainModelImage(showModelId);

			$("#id_collectionCarrier_div").scrollTo("#id_modelDiv-" + modelId, {duration: 600, onAfter: function() { f_showModelInfo(modelId, smallImageSrc, bigImageSrc); }});
		});
	}
	else
	{
		$("#id_collectionCarrier_div").scrollTo("#id_modelDiv-" + modelId, {duration: 600, onAfter: function() { f_showModelInfo(modelId, smallImageSrc, bigImageSrc); }});
	}
}

//Вывод информации о модели
function f_showModelInfo(modelId, smallImageSrc, bigImageSrc)
{
	$("#id_modelDiv-" + modelId).css("border", "1px solid #000000").css("background-image", "url(template/main/img/model_bg.png)").css("background-repeat", "repeat-x");
	$("#id_modelInfoDiv-" + modelId).show(600, function ()
	{
		f_setZoom(modelId, smallImageSrc, bigImageSrc);
		showModelId = modelId;
	});
}

//Скрыть информацию о модели
function f_hideModelInfo(modelId)
{
	$("div[id='id_modelInfoDiv-" + modelId + "']").hide(300, function ()
	{
		$("div[id='id_modelDiv-" + modelId + "']").css("border", "none").css("background-image", "none");
		f_unsetZoom();

		//Установка изображения модели по умолчанию
		f_setMainModelImage(showModelId);

		showModelId = 0;
	});
}

//Устанавливает возможность увеличивать изображение
function f_setZoom(modelId, smallImageSrc, bigImageSrc)
{
	//Позция верхнего левого угла изображения большой модели о которой отображается информация
	var offset = $("#id_modelBigImageCarrierDiv-" + modelId).offset();

	//Создаем div с изображенями для увеличения
	$("<div id='id_zoomDiv-" + modelId + "'><a href='" + bigImageSrc + "'><img src='" + smallImageSrc + "' border='0'></a></div>")
	.css("position", "absolute")
	.css("z-index", "200")
	.css("width", "300px")
	.css("height", "450px")
	.css("left", (offset.left) + "px")
	.css("top", (offset.top) + "px")
	.appendTo("body");

	$("a", "#id_zoomDiv-" + modelId).jqzoom(zoomOption);
}

//Убирает возможность увеличивать изображение
function f_unsetZoom()
{
	//$("#id_zoomDiv-" + modelId).remove();
	$("div[id*='id_zoomDiv-']").remove();
}

//Смена изображения
function f_changeImage(fThis, modelId, smallImageSrc, bigImageSrc)
{
	//Убераем зум
	f_unsetZoom();

	//Изменяем изображение
	$("img", "#id_modelBigImageA-" + modelId).attr("src", smallImageSrc);

 	//Удаляем атирибут onclick
	$("#id_modelBigImageA-" + modelId).removeAttr("onclick");
	//Вешаем новое событие click (Нужно для Mozilla и IE)
	$("#id_modelBigImageA-" + modelId).unbind("click").click(function ()
	{
		f_goToModel(modelId, smallImageSrc, bigImageSrc);
	});

	//Вешаем рамку на новое изображение
	$("div", "#id_modelListImageCarrierDiv-" + modelId).css("border", "none");
	$(fThis).parent().css("border", "1px solid #000000");

	//Инициализируем зум для нового изображения
	f_setZoom(modelId, smallImageSrc, bigImageSrc);
}

//Сменяет изображение в модели на главное, в случае перемотки или просмотра информации о другой модели
function f_setMainModelImage(modelId)
{
	//alert("f_setMainModelImage()");

	var smallImageSrc = $("#id_mainModelMiniImgA-" + modelId).attr("smallImageSrc");
	var bigImageSrc = $("#id_mainModelMiniImgA-" + modelId).attr("bigImageSrc");

	//Изменяем изображение
	$("img", "#id_modelBigImageA-" + modelId).attr("src", smallImageSrc);

 	//Удаляем атирибут onclick
	$("#id_modelBigImageA-" + modelId).removeAttr("onclick");
	//Вешаем новое событие click (Нужно для Mozilla и IE)
	$("#id_modelBigImageA-" + modelId).unbind("click").click(function ()
	{
		f_goToModel(modelId, smallImageSrc, bigImageSrc);
	});

	//Удаляем рамку со всех изображений
	$("div", "#id_modelListImageCarrierDiv-" + modelId).css("border", "none");
	//Вешаем рамку на main изображение
	$("#id_mainModelMiniImgA-" + modelId).parent().css("border", "1px solid #000000");

}