$(document).ready(function()
{
  var Width = $(".PortfolioItem-Container").parent().width();
  var WidthResult = Math.floor(Width / 228) * 228;
  $(".PortfolioItem-Container").css("width",WidthResult+"px");



  $(window).resize(function()
  {
    $(".PortfolioItem-Container").css("width","228px");
    var Width = $(".PortfolioItem-Container").parent().width();
    var WidthResult = Math.floor(Width / 228) * 228;
    $(".PortfolioItem-Container").css("width",WidthResult+"px");
  });



  $('#PrevWeb').hover
  (
    function(){$(this).css('background-image', 'url(/images/portfolio-common/prev-hover.png)')},
    function(){$(this).css('background', 'transparent url(/images/portfolio-common/prev.png) no-repeat center center')}
  );
  $('#NextWeb').hover
  (
    function(){$(this).css('background-image', 'url(/images/portfolio-common/next-hover.png)')},
    function(){$(this).css('background', 'transparent url(/images/portfolio-common/next.png) no-repeat center center')}
  );

});


$(window).load(function()
{
  slideshow(true);
});


function slideshow(start)
{
  // предзагрузка изображений для блока с большими фото
	$('#SlideShow').cycle(
	{
    fx:     'scrollHorz',
    timeout: 0,
    next:   '#NextWeb',
    prev:   '#PrevWeb'
	});

	// предзагрузка изображений для блока с маленькими фото
	if($('#LogoShow img').size() > 1)
	{
	  $('#LogoShow').after('<div id="navLogo">');
	}
	$('#LogoShow')
	.cycle(
	{
    fx:     'fade',
    speed:  'fast',
    timeout: 0,
    pager:  '#navLogo'
	});
	$("#navLogo").css("width",""+parseInt($("#LogoShow img").size()*66+26)+"px");

	// пытаемся получить порядковый номер слайда для отображения
	var startingSlide = 0;
  try
  {
    startingSlide = parseInt(startingSlideIndex);
  }
  catch(e){}

  // предзагрузка изображений для блока с фото для листера
	if($('#PortfolioLister div').size() > 1)
	{
	  $('#PortfolioLister').after('<div id="navList">');
	}
	$('#PortfolioLister')
	.cycle(
	{
    fx:     'scrollDown',
    speed:  'fast',
    timeout: 0,
    pager:  '#navList',
    startingSlide: startingSlide
	});
  // ширина блока листера для анимации лого
  $('#navList').css('width', parseInt($('#PortfolioLister div.PortfolioLister-Blocks').size())*26+10);
}