/*
*/
(function($) {

$.fn.tabScroll = function(){

var tabs = this;
var tabsParent = $(this).eq(0).parent();

$(tabsParent).append('<div id="slMeasurer"></div>');
$('#slMeasurer').css('width','100%');
var parentWidth = $('#slMeasurer').width();

function sliderSetup(i,tabWidth,tabHeight,pWidth){
  //$(tabs).eq(i).css('width',tabWidth+'px');
  $(tabs).eq(i).wrap('<div class="sl-overflow" id="overflow'+(i+1)+'"><div style="position:relative;" class="sl-slidebox" id="slidebox'+(i+1)+'"><div class="contentbox" id="_box'+(i+1)+'"></div></div></div>');
  $('#overflow'+(i+1)).css({
	position:'relative',
    width: '100%',
    overflow: 'hidden',
	cursor: 'url("/image/click_slide.cur"), move'
  });
  
  $('#slidebox'+(i+1)).before('<div style="text-align:right"><img src="/image/prokrutka.gif" width="158" height="14" /></div>');
  
  $('#overflow'+(i+1)).colorbox({inline:true, href:'#_box'+(i+1),fixedWidth:false});
  $('#overflow'+(i+1)).mousemove(function(e) { 
  
	tabWidth=$("#tabslide"+(i+1)).outerWidth();
  
	var x=(e.clientX-$(this).offset().left)/(pWidth);
	/*if(x>0.95) x=1;
	if(x<0.05) x=0;*/
	newX = (pWidth-tabWidth) * x; 
	if(newX<(pWidth-tabWidth)+10) newX=(pWidth-tabWidth);
	if(newX>-10) newX=0;
		$('#slidebox'+(i+1)).css({left: newX}); 		
	}); 
  parentWidth = $('#slMeasurer').width();
  
  $('#overflow'+(i+1)).before('<div style="position:relative;text-align:center" class="slider" id="slider'+(i+1)+'"></div>');
	$('#slider'+(i+1)).append('<div id="sl-break'+(i+1)+'l" class="breaklineL"></div><div id="sl-break'+(i+1)+'r" class="breaklineR"></div>');
  $('#sl-break'+(i+1)+'l').css({
    height: tabHeight+'px',
    left: '-10px'
  });
  $('#sl-break'+(i+1)+'r').css({
    height: tabHeight+'px',
    right: '-10px'
  });  
  
  

};


$(tabs).each(function(i){
  $(this).attr("id","tabslide"+(i+1))
  var tabWidth = $(this).outerWidth();
  var tabHeight = $(this).outerHeight();
  if(tabWidth-5>parentWidth){
    sliderSetup(i,tabWidth,tabHeight,parentWidth);
	}
});



return this;

}


$(document).ready(
	function()
		{
		$(".content table").tabScroll();
		});

})(jQuery);