Your IP : 216.73.216.170

Current Path : /var/www/iplanru/data/www/i-plan.ru/modules/mod_zooslider/tmpl/
Upload File :
Current File : /var/www/iplanru/data/www/i-plan.ru/modules/mod_zooslider/tmpl/default.php

<?php

// No direct access
defined( '_JEXEC' ) or die;

$lang=JFactory::getLanguage();
$lang=$lang->getTag();
$lang = substr($lang,0,2);
if ($lang<>'ru'){$langtourl="&lang={$lang}";}
?>


<script type="text/javascript">
jQuery(document).ready(function(){
 function htmSlider(){
  /* Зададим следующие параметры */
  /* обертка слайдера */
  var slideWrap = jQuery('.slide-wrap');
  /* кнопки вперед/назад и старт/пауза */
  var nextLink = jQuery('.next-slide');
  var prevLink = jQuery('.prev-slide');
  var playLink = jQuery('.auto');
  
  /* Проверка на анимацию */
  var is_animate = false;
      /* Изменяем клас у кнопки на клас паузы */
	playLink.removeClass('play').addClass('pause');
    /* Добавляем кнопкам вперед/назад клас который их скрывает */
    jQuery('.navy').addClass('disable');
    /* Инициализируем функцию autoplay() через переменную
       чтобы потом можно было ее отключить
	*/
    timer = setInterval(autoplay, 30000);
    
  /* ширина слайда с отступами */
  var slideWidth = jQuery('.slide-item').outerWidth();
  /* смещение слайдера */
  var scrollSlider = slideWrap.position().left - slideWidth-12;
  
  
  
  
		
  /* Клик по ссылке на следующий слайд */
  nextLink.click(function(){
   if(!slideWrap.is(':animated')) {
    slideWrap.animate({left: scrollSlider}, 1000, function(){
     slideWrap
      .find('.slide-item:first')
      .appendTo(slideWrap)
      .parent()
      .css({'left': 0});
    });
   }
  });

  /* Клик по ссылке на предыдующий слайд */
  prevLink.click(function(){
   if(!slideWrap.is(':animated')) {
    slideWrap
     .css({'left': scrollSlider})
     .find('.slide-item:last')
     .prependTo(slideWrap)
     .parent()
     .animate({left: 0}, 1000);
   }
  });
		
  /* Функция автоматической прокрутки слайдера */
  function autoplay(){
   if(!is_animate){
    is_animate = true;
    slideWrap.animate({left: scrollSlider}, 1000, function(){
     slideWrap
      .find('.slide-item:first')
      .appendTo(slideWrap)
      .parent()
      .css({'left': 0});
     is_animate = false;
    });
   }
  }
		
  /* Клики по ссылкам старт/пауза */
  playLink.click(function(){
   if(playLink.hasClass('play')){
    /* Изменяем клас у кнопки на клас паузы */
	playLink.removeClass('play').addClass('pause');
    /* Добавляем кнопкам вперед/назад клас который их скрывает */
    jQuery('.navy').addClass('disable');
    /* Инициализируем функцию autoplay() через переменную
       чтобы потом можно было ее отключить
	*/
    timer = setInterval(autoplay, 30000);
   } else {
    playLink.removeClass('pause').addClass('play');
	/* показываем кнопки вперед/назад */
    jQuery('.navy').removeClass('disable');
    /* Отключаем функцию autoplay() */
    clearInterval(timer);
   }
  });

 }
 
 /* иницилизируем функцию слайдера */
 htmSlider();
});
</script>



<div class="module<?php echo $moduleclass_sfx; ?>">
	<div class="zoosl-cat-description">
		<?php if ($lang=="ru") echo "Выберите интересующую Вас отрасль"; ?>
		<?php if ($lang=="en") echo "Select your industry"; ?>
	</div>

	<div class="slider">
	  <div class="slide-list">
		<div class="slide-wrap">
		
			<?php echo modZoosliderHelper::getcat(); ?>
			
		</div>
		<div class="clear"></div>
	  </div>
	  
	</div>

	<div name="prev" class="navy prev-slide"></div>
	<div name="next" class="navy next-slide"></div>
	<div class="auto play" style="display: none;"></div>

</div>

<style>
	
.clear {
	margin-top: -1px;
	height: 1px;
	clear:both;
	zoom: 1;
}	

.slider{
	font-family: "cuprumbold";
	width: 496px;
	position: relative;
	overflow: hidden;
	overflow-x: scroll;
	margin: auto;
	
}

.zoosl-cat-description{
	font-weight: 700;
	text-align: center;
	margin: 10px;
	font-size: 20px;
}

.slide-list{
	font-family: "cuprumbold";
	/*width: 2976px;*/
	width: 3100px;
	display: inline-block;
	
	position: relative;
	margin: 0;
	padding: 0;

}

.slide-wrap {
	position: relative;
	left: 0px;
	top: 0;
	/* максимально возможная ширина обертки слайдера */
	/*width: 10000000px;*/
}

.zoosl-cat-title{
	color: green;
	font-size: 14px;
	text-align: center;
	margin-top: 10px;
}

.slide-item{
	border: 1px solid #ccc;
	border-radius: 5px;
	float: left;
	height: 84px;
	margin: 6px;
	width: 110px;
	-webkit-box-shadow: 0px 2px 2px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 2px 2px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 2px 2px 0px rgba(50, 50, 50, 0.75);
}

.slide-item:hover{
	-webkit-box-shadow: 0px 1px 1px 0px rgba(50, 50, 50, 0.75);
	-moz-box-shadow:    0px 1px 1px 0px rgba(50, 50, 50, 0.75);
	box-shadow:         0px 1px 1px 0px rgba(50, 50, 50, 0.75);
}

.slide-item img{
	display: inline-block;
	height: 32px;
	margin: 5px 40px;
	width: 32px;
}

.zoosl-name{
	width: 110px;
	text-align: center;
}

.slide-item span{
	display: inline-block;
	text-align: center;
	margin: 5px;
	font-size: 13px;
}

.slide-list > .slide-wrap > .active span{
	color: #70B424;
}
	
	
.slider::-moz-selection { background: transparent; color: #fff; text-shadow: none; }
.slider::selection { background: transparent; color: #fff; text-shadow: none; }


/* навигация вперед/назад */
.navy {
	/* абсолютное позиционирование */
	position: absolute;
	margin-top: -80px;
	z-index: 1;
	height: 25px;
	/* ширина элементов */
	width: 50px;
	cursor: pointer;
}
.prev-slide {
	left: 0;
	background:  url(/modules/mod_zooslider/tmpl/images/left-arrow.png) 11px 55% no-repeat;
}
.next-slide {
	right: 0;
	background:  url(/modules/mod_zooslider/tmpl/images/right-arrow.png) 11px 55% no-repeat;
}
.navy.disable {
	/*background: #dbdbdb;*/
}
/* навигация старт/пауза */
.auto {
	cursor: pointer;
	height: 26px;
	margin: 3px auto;
	width: 26px;
}
.play {
	background: url(/modules/mod_zooslider/tmpl/images/play.png) center no-repeat;
}
.pause {
	background: url(/modules/mod_zooslider/tmpl/images/pause.png) center no-repeat;
}


</style>