/**
 * @author Dmitriy Kotelnikov (dimonnot@design.ru)
 * @copyright Art.Lebedev Studio (http://www.artlebedev.ru)
 * @include "/js/jquery.js"
 * @include "/js/IctinusShape.js"
 * @include "/js/ictinus_plan.js"
 */
$(window).load(
	function(){
		//Ictinus shape
		var shape = ictinus.shape(), planselected = 0;
		shape.strokeWidth = 0;

		var plans = $('.planningplans > div');

		//Картинка переключалки планировок на наведение
		var mapImageHover = $('.planningmap img.hover:first')[0];

		//Картинка переключалки планировок привыборе
		var mapImageSelected = $('.planningmap img.selected:first')[0];

		var areas = $('.planningmap area');

		/*
		  *  Функция меняет планировки
		  */
		var changePlan = function(oNewPlan, iPlanIndex){
			plans.removeClass('selected');
			areas.removeClass('selected');
			$(areas[iPlanIndex]).addClass('selected');
			$('#planshow' + (iPlanIndex + 1)).addClass('selected');
			return false;
		}

		/*
		*  Если в переключалке планировок используются не квадратные области,
		*  переключения, которые нельзя сделать прямоугольными ссылками, то
		*  запускаем иктинус для создания активного и выбранного состояния
		*  для каждой переключалки планировки.
		*/

		//Все области на которые можно переключать планировки
		areas.each(
			//Создаем шейпы или канвасы на наведение и выбор нужной планировки на карте
			function(iIndex){
				var coords = this.coords.replace(/\s/g, '').split(',');
				var paths = [];

				for (var i = 0; i < coords.length; i+=2){
					if (!i){
						paths.push(ictinus.draw_type.move(parseInt(coords[i]), parseInt(coords[i + 1])));
					}
					else{
						paths.push(ictinus.draw_type.line(parseInt(coords[i]), parseInt(coords[i + 1])));
					}
				}

				//Создаем картинку при наведении
				this.ictinushover = shape.decorate(mapImageHover, paths);



				//При клике должна подсвечиваться выбранная планировка
				$(this).click(
					function(){
						planselected.ictinusselected.style.visibility = 'hidden';
						planselected.ictinushover.style.visibility = 'hidden';
						planselected = this;
						this.ictinusselected.style.visibility = 'visible';

						changePlan(this,iIndex);

						return false;
					}
				)
			}
		).mouseover(
			//Выделяем область при наведении
			function(){
				if( planselected != this )
					this.ictinushover.style.visibility = 'visible';
			}
		).mouseout(
			//Убираем выделение области при наведении
			function(){
				if( planselected != this )
					this.ictinushover.style.visibility = 'hidden';
			}
		)


	}

);



$(window).load(
	function(){
		//Ictinus shape
		var shape = ictinus.shape(), planselected = 0;
		shape.strokeWidth = 0;

		var plans = $('.planningplans > div');

		//Картинка переключалки планировок на наведение
		var mapImageHover = $('.planningmap1 img.hover:first')[0];

		//Картинка переключалки планировок привыборе
		var mapImageSelected = $('.planningmap1 img.selected:first')[0];

		var areas = $('.planningmap1 area');

		/*
		  *  Функция меняет планировки
		  */
		var changePlan = function(oNewPlan, iPlanIndex){
			plans.removeClass('selected');
			areas.removeClass('selected');
			$(areas[iPlanIndex]).addClass('selected');
			$('#planshow' + (iPlanIndex + 1)).addClass('selected');
			return false;
		}

		/*
		*  Если в переключалке планировок используются не квадратные области,
		*  переключения, которые нельзя сделать прямоугольными ссылками, то
		*  запускаем иктинус для создания активного и выбранного состояния
		*  для каждой переключалки планировки.
		*/

		//Все области на которые можно переключать планировки
		areas.each(
			//Создаем шейпы или канвасы на наведение и выбор нужной планировки на карте
			function(iIndex){
				var coords = this.coords.replace(/\s/g, '').split(',');
				var paths = [];

				for (var i = 0; i < coords.length; i+=2){
					if (!i){
						paths.push(ictinus.draw_type.move(parseInt(coords[i]), parseInt(coords[i + 1])));
					}
					else{
						paths.push(ictinus.draw_type.line(parseInt(coords[i]), parseInt(coords[i + 1])));
					}
				}

				//Создаем картинку при наведении
				this.ictinushover = shape.decorate(mapImageHover, paths);



				//При клике должна подсвечиваться выбранная планировка
				$(this).click(
					function(){
						planselected.ictinusselected.style.visibility = 'hidden';
						planselected.ictinushover.style.visibility = 'hidden';
						planselected = this;
						this.ictinusselected.style.visibility = 'visible';

						changePlan(this,iIndex);

						return false;
					}
				)
			}
		).mouseover(
			//Выделяем область при наведении
			function(){
				if( planselected != this )
					this.ictinushover.style.visibility = 'visible';
			}
		).mouseout(
			//Убираем выделение области при наведении
			function(){
				if( planselected != this )
					this.ictinushover.style.visibility = 'hidden';
			}
		)


	}

);

$(window).load(
	function(){
		//Ictinus shape
		var shape = ictinus.shape(), planselected = 0;
		shape.strokeWidth = 0;

		var plans = $('.planningplans > div');

		//Картинка переключалки планировок на наведение
		var mapImageHover = $('.planningmap2 img.hover:first')[0];

		//Картинка переключалки планировок привыборе
		var mapImageSelected = $('.planningmap2 img.selected:first')[0];

		var areas = $('.planningmap2 area');

		/*
		  *  Функция меняет планировки
		  */
		var changePlan = function(oNewPlan, iPlanIndex){
			plans.removeClass('selected');
			areas.removeClass('selected');
			$(areas[iPlanIndex]).addClass('selected');
			$('#planshow' + (iPlanIndex + 1)).addClass('selected');
			return false;
		}

		/*
		*  Если в переключалке планировок используются не квадратные области,
		*  переключения, которые нельзя сделать прямоугольными ссылками, то
		*  запускаем иктинус для создания активного и выбранного состояния
		*  для каждой переключалки планировки.
		*/

		//Все области на которые можно переключать планировки
		areas.each(
			//Создаем шейпы или канвасы на наведение и выбор нужной планировки на карте
			function(iIndex){
				var coords = this.coords.replace(/\s/g, '').split(',');
				var paths = [];

				for (var i = 0; i < coords.length; i+=2){
					if (!i){
						paths.push(ictinus.draw_type.move(parseInt(coords[i]), parseInt(coords[i + 1])));
					}
					else{
						paths.push(ictinus.draw_type.line(parseInt(coords[i]), parseInt(coords[i + 1])));
					}
				}

				//Создаем картинку при наведении
				this.ictinushover = shape.decorate(mapImageHover, paths);



				//При клике должна подсвечиваться выбранная планировка
				$(this).click(
					function(){
						planselected.ictinusselected.style.visibility = 'hidden';
						planselected.ictinushover.style.visibility = 'hidden';
						planselected = this;
						this.ictinusselected.style.visibility = 'visible';

						changePlan(this,iIndex);

						return false;
					}
				)
			}
		).mouseover(
			//Выделяем область при наведении
			function(){
				if( planselected != this )
					this.ictinushover.style.visibility = 'visible';
			}
		).mouseout(
			//Убираем выделение области при наведении
			function(){
				if( planselected != this )
					this.ictinushover.style.visibility = 'hidden';
			}
		)


	}

);

/* 3 */
$(window).load(
	function(){
		//Ictinus shape
		var shape = ictinus.shape(), planselected = 0;
		shape.strokeWidth = 0;

		var plans = $('.planningplans > div');

		//Картинка переключалки планировок на наведение
		var mapImageHover = $('.planningmap3 img.hover:first')[0];

		//Картинка переключалки планировок привыборе
		var mapImageSelected = $('.planningmap3 img.selected:first')[0];

		var areas = $('.planningmap3 area');

		/*
		  *  Функция меняет планировки
		  */
		var changePlan = function(oNewPlan, iPlanIndex){
			plans.removeClass('selected');
			areas.removeClass('selected');
			$(areas[iPlanIndex]).addClass('selected');
			$('#planshow' + (iPlanIndex + 1)).addClass('selected');
			return false;
		}

		/*
		*  Если в переключалке планировок используются не квадратные области,
		*  переключения, которые нельзя сделать прямоугольными ссылками, то
		*  запускаем иктинус для создания активного и выбранного состояния
		*  для каждой переключалки планировки.
		*/

		//Все области на которые можно переключать планировки
		areas.each(
			//Создаем шейпы или канвасы на наведение и выбор нужной планировки на карте
			function(iIndex){
				var coords = this.coords.replace(/\s/g, '').split(',');
				var paths = [];

				for (var i = 0; i < coords.length; i+=2){
					if (!i){
						paths.push(ictinus.draw_type.move(parseInt(coords[i]), parseInt(coords[i + 1])));
					}
					else{
						paths.push(ictinus.draw_type.line(parseInt(coords[i]), parseInt(coords[i + 1])));
					}
				}

				//Создаем картинку при наведении
				this.ictinushover = shape.decorate(mapImageHover, paths);



				//При клике должна подсвечиваться выбранная планировка
				$(this).click(
					function(){
						planselected.ictinusselected.style.visibility = 'hidden';
						planselected.ictinushover.style.visibility = 'hidden';
						planselected = this;
						this.ictinusselected.style.visibility = 'visible';

						changePlan(this,iIndex);

						return false;
					}
				)
			}
		).mouseover(
			//Выделяем область при наведении
			function(){
				if( planselected != this )
					this.ictinushover.style.visibility = 'visible';
			}
		).mouseout(
			//Убираем выделение области при наведении
			function(){
				if( planselected != this )
					this.ictinushover.style.visibility = 'hidden';
			}
		)


	}
    );

/* 4 */
$(window).load(
	function(){
		//Ictinus shape
		var shape = ictinus.shape(), planselected = 0;
		shape.strokeWidth = 0;

		var plans = $('.planningplans > div');

		//Картинка переключалки планировок на наведение
		var mapImageHover = $('.planningmap4 img.hover:first')[0];

		//Картинка переключалки планировок привыборе
		var mapImageSelected = $('.planningmap4 img.selected:first')[0];

		var areas = $('.planningmap4 area');

		/*
		  *  Функция меняет планировки
		  */
		var changePlan = function(oNewPlan, iPlanIndex){
			plans.removeClass('selected');
			areas.removeClass('selected');
			$(areas[iPlanIndex]).addClass('selected');
			$('#planshow' + (iPlanIndex + 1)).addClass('selected');
			return false;
		}

		/*
		*  Если в переключалке планировок используются не квадратные области,
		*  переключения, которые нельзя сделать прямоугольными ссылками, то
		*  запускаем иктинус для создания активного и выбранного состояния
		*  для каждой переключалки планировки.
		*/

		//Все области на которые можно переключать планировки
		areas.each(
			//Создаем шейпы или канвасы на наведение и выбор нужной планировки на карте
			function(iIndex){
				var coords = this.coords.replace(/\s/g, '').split(',');
				var paths = [];

				for (var i = 0; i < coords.length; i+=2){
					if (!i){
						paths.push(ictinus.draw_type.move(parseInt(coords[i]), parseInt(coords[i + 1])));
					}
					else{
						paths.push(ictinus.draw_type.line(parseInt(coords[i]), parseInt(coords[i + 1])));
					}
				}

				//Создаем картинку при наведении
				this.ictinushover = shape.decorate(mapImageHover, paths);



				//При клике должна подсвечиваться выбранная планировка
				$(this).click(
					function(ictinus){
						planselected.ictinusselected.style.visibility = 'hidden';
						planselected.ictinushover.style.visibility = 'hidden';
						planselected = this;
						this.ictinusselected.style.visibility = 'visible';

						changePlan(this,iIndex);

						return false;
					}
				)
			}
		).mouseover(
			//Выделяем область при наведении
			function(){
				if( planselected != this )
					this.ictinushover.style.visibility = 'visible';
			}
		).mouseout(
			//Убираем выделение области при наведении
			function(){
				if( planselected != this )
					this.ictinushover.style.visibility = 'hidden';
			}
		)


	}
    );