jQuery(document).ready(function(){
	
	for(var i=0; i<jQuery('.gallery_index img').length; i++) {
		jQuery('.gallery_index img:eq('+i+')').attr('src',jQuery('.gallery_index img:eq('+i+')').attr('src').split('asset_thumb').join('small'));
	}
	
	jQuery(".dragbar").slider();
	jQuery('.dragbar').bind('slide', sliding);
	jQuery('.dragbar').bind('slidestart', startSlide);
	jQuery('.dragbar').bind('slidestop', stopSlide);
	jQuery(".slide").prepend('<div class="slidemask_left"></div><div class="slidemask_right"></div>');
});

var timer;
var event;

function startSlide(e) {
	event = e
	timer = setInterval('sliding(event)', 300);
}

function stopSlide(e) {
	clearInterval(timer);
	sliding(event)
}

function sliding(e) {
	var handlePercent = jQuery(e.target).find('a').css('left').split('%')[0] / 100;
	var clipWidth = (jQuery(e.target).parent().find('.clip').children().length * 245) - 985;
	var clipX = Math.round(clipWidth * handlePercent);
	var clipX = '-'+clipX+ 'px';
	jQuery(e.target).parent().find('.clip').css('left', clipX);
}