addJQUERYFunc['front'] = function()
{
  $("#photo_content ul li").hover(
     function(){
      $(this).addClass('act');
      $(this).find('.descr').slideDown();
      },
     function(){
      $(this).find('.descr').slideUp();
      $(this).removeClass('act');
  	  })
  $("#photo_content ul li").click(
     function(){
      $(this).find('a').click();
      })

  $(".topTour").hover(
     function(){
  	  $(this).find('.over').slideDown();
  	  },
     function(){
  	  $(this).find('.over').slideUp();
  	  })

  $("#str_l").hover(
     function(){$(this).addClass('str_l_act');},
     function(){$(this).removeClass('str_l_act');}
     )
  $("#str_r").hover(
     function(){$(this).addClass('str_r_act');},
     function(){$(this).removeClass('str_r_act');}
     )

	$("a[rel=fotovideo_group]").fancybox({
		'transitionIn'		: 'elastic',
		'transitionOut'		: 'elastic',
		'titlePosition' 	: 'outside',
		'scrolling' : 'no',
		'titleFormat'		: function(title, currentArray, currentIndex, currentOpts) {
			return '<span id="fancybox-title-over">' + title + ' <a href="/photovideo/index.html">В раздел &laquo;Фото и видео&raquo;</a></span>';
		}
	}).click(function(){});


//scrollpane parts
      var scrollPane = $('#scroll_pane');
      var scrollContainer = $('#photo_slider');
      var scrollContent = $('#scroll_content');

    //build slider
    var scrollbar = $(".scroll-bar").slider({
      slide:function(e, ui){

        if( scrollContent.width() > scrollContainer.width() ){
          scrollContent.css('margin-left', Math.round( ui.value / 100 * ( scrollContainer.width() - scrollContent.width() )) + 'px');
          //alert(ui.value+' '+scrollPane.width()+' '+scrollContent.width() )
          }
        else { scrollContent.css('margin-left', 0); }
      }
    });

    //append icon to handle
    var handleHelper = scrollbar.find('.ui-slider-handle')
    .mousedown(function(){
      scrollbar.width( handleHelper.width() );
    })
    .mouseup(function(){
      scrollbar.width( '100%' );
    })
    .append('<div class="scr"></div>')
    .wrap('<div class="ui-handle-helper-parent"></div>').parent();
//    .append('<span class="ui-icon ui-icon-grip-dotted-vertical"></span>')

    //change overflow to hidden now that slider handles the scrolling
    scrollPane.css('overflow','hidden');

    //size scrollbar and handle proportionally to scroll distance
    function sizeScrollbar(){
      var remainder = scrollContent.width() - scrollContainer.width();
      var proportion = remainder / scrollContent.width();
      var handleSize = scrollPane.width() - (proportion * scrollPane.width());
      scrollbar.find('.ui-slider-handle').css({
        width: handleSize,
        'margin-left': -handleSize/2
      });
      handleHelper.width('').width( scrollbar.width() - handleSize);
    }

    function resetValue(){
    	resetVal()
    }

		//if the slider is 100% and window gets larger, reveal content
		function reflowContent(){
				var showing = scrollContent.width() + parseInt( scrollContent.css('margin-left') );
				var gap = scrollContainer.width() - showing;
				if(gap > 0){
					scrollContent.css('margin-left', parseInt( scrollContent.css('margin-left') ) + gap);
				}
		}

		//change handle position on window resize
		$(window)
		.resize(function(){
				sizeScrollbar();
				resetValue();
				reflowContent();
		});
		//init scrollbar size
		setTimeout(sizeScrollbar,10);//safari wants a timeout
}

function scrollFVright(len){
  var scrollContainer = $('#photo_slider');
  var scrollContent = $('#scroll_content');
  var remainder = scrollContent.width() - scrollContainer.width();
  var leftVal = (parseInt(scrollContent.css('margin-left'))*-1)+len
  if(leftVal<0)
    leftVal = 0;
  if(leftVal>remainder)
    leftVal = remainder;
  leftVal = leftVal * -1
  scrollContent.animate({'margin-left':leftVal+'px'}, 700, function(){resetVal()})
}

    //reset slider value based on scroll content position
    function resetVal(){
      var scrollContainer = $('#photo_slider');
      var scrollContent = $('#scroll_content');
      var scrollbar = $("#scroll_bar");
      var remainder = scrollContainer.width() - scrollContent.width();
      var leftVal = scrollContent.css('margin-left') == 'auto' ? 0 : parseInt(scrollContent.css('margin-left'));
			var percentage = Math.round(leftVal / remainder * 100);
			scrollbar.slider("value", percentage);
		}