if(typeof(AC)=="undefined"){AC={};}

AC.ServiceBrowser={
serviceSlider:null,
sliderVal:0,
animationId:false,
viewportWidth:950,
contentWidth:950,
categories:[
{id:'sb-cat1',offset:0},
{id:'sb-cat2',offset:0.32}
],

isIpScroll:false,
hasIpDragged:false,
init:function(setupArgs){
if(typeof(setupArgs.categories)!='undefined')this.categories=setupArgs.categories;
if(typeof(setupArgs.imageOverlap)!='undefined')this.overlap=setupArgs.imageOverlap;
if(typeof(setupArgs.sliderCentering)!='undefined')this.sliderOffset=setupArgs.sliderCentering;
if(typeof(setupArgs.initialCategory)!='undefined')this.startIndex=setupArgs.initialCategory;
if(typeof(setupArgs.arrowScrollAmount)!='undefined')this.arrowScrollAmount=setupArgs.arrowScrollAmount;

$('sb-serviceslidertrack').style.visibility="visible";
$('sb-servicebrowsercontainer').style.overflow="hidden";

this.viewportWidth=$('sb-servicebrowsercontainer').getWidth();
this.offsetImageWidth=$$('#sb-serviceslider .sb-serviceimage')[0].getWidth()-this.overlap;
this.contentWidth=this.offsetImageWidth*$$('#sb-serviceslider .sb-serviceimage').length;
this.offsetContentWidth=-1*(this.contentWidth-this.viewportWidth);

this.serviceSlider=new Control.Slider('sb-servicesliderhandle','sb-serviceslidertrack',{
axis:'horizontal'
});



AC.ServiceBrowser.animateSlide(this.categories[this.startIndex].offset);


this.serviceSlider.options.onChange=function(value){
$('sb-servicesliderhandleimage').style.left=$('sb-servicesliderhandle').style.left;

if(AC.ServiceBrowser.isThrow&&!AC.ServiceBrowser.isSliding){
AC.ServiceBrowser.isSliding=true;
AC.ServiceBrowser.isThrow=false;

var mod=value+AC.ServiceBrowser.throwMod;
if(mod<0)mod=0;
if(mod>1)mod=1;
AC.ServiceBrowser.animateSlide(mod);
}
else if(!AC.ServiceBrowser.isSliding&&value){
AC.ServiceBrowser.isSliding=true;
AC.ServiceBrowser.animateSlide(value);
}
};

this.serviceSlider.options.onSlide=function(value){
$('sb-servicesliderhandleimage').style.left=$('sb-servicesliderhandle').style.left;
if(value&&!AC.ServiceBrowser.isSliding){
AC.ServiceBrowser.isSliding=true;
AC.ServiceBrowser.isThrow=false;
if(AC.ServiceBrowser.isMouseDown){
AC.ServiceBrowser.dif=value-AC.ServiceBrowser.lastX;
AC.ServiceBrowser.lastX=value;


if(AC.ServiceBrowser.dif>0.05){
AC.ServiceBrowser.isThrow=true;
AC.ServiceBrowser.throwMod=0.2;
}
else if(AC.ServiceBrowser.dif<-0.04){
AC.ServiceBrowser.isThrow=true;
AC.ServiceBrowser.throwMod=-0.2;
}
}

var w=AC.ServiceBrowser.offsetContentWidth;
$('sb-serviceslider').style.left=w*value+"px";

this.sliderVal=value;
AC.ServiceBrowser.lastX=value;
AC.ServiceBrowser.colorCats();
AC.ServiceBrowser.isSliding=false;
}

Element.setStyle($('sb-servicebrowsercontainer'),{overflow:"hidden"});
};

Event.observe('sb-serviceslidertrack','mousedown',function(e){
var o=e.offsetX||e.layerX;
if(Event.element(e).id=='sb-serviceslidertrack'&&o<100)AC.ServiceBrowser.animateSlide(0);
});
Event.observe('sb-leftarrow','mousedown',function(){
AC.ServiceBrowser.left();
});
Event.observe('sb-rightarrow','mousedown',function(){
AC.ServiceBrowser.right();
});

Event.observe('sb-servicesliderhandle','mousedown',function(){
AC.ServiceBrowser.isMouseDown=true;
$('sb-servicesliderhandle').style.zIndex="5";
});

Event.observe('sb-servicesliderhandle','mouseup',function(){
AC.ServiceBrowser.isMouseDown=false;
});

AC.ServiceBrowser.categories.each(function(c){
Event.observe($(c.id),'mouseup',function(e){
AC.ServiceBrowser.animateSlide(c.offset);
});
});
},

animateSlide:function(toX){

if(toX>1)toX=1;
if(toX<0)toX=0;
AC.ServiceBrowser.sliderVal=toX;
window.clearInterval(AC.ServiceBrowser.animationId);
var w=AC.ServiceBrowser.offsetContentWidth;
var stopPoint=w*toX;

var sliderStopPoint=(Math.round(AC.ServiceBrowser.viewportWidth-AC.ServiceBrowser.sliderOffset)*toX);

AC.ServiceBrowser.isSliding=true;
AC.ServiceBrowser.animationId=window.setInterval(function(){
var sliderPos=parseInt($('sb-serviceslider').getStyle('left'))||0;
var handlePos=parseInt($('sb-servicesliderhandle').getStyle('left'))||0;
var x=AC.ServiceBrowser.calculateDecel(sliderPos,stopPoint);
var sx=AC.ServiceBrowser.calculateDecel(handlePos,sliderStopPoint);
$('sb-serviceslider').style.left=x+"px";
$('sb-servicesliderhandle').style.left=sx+"px";
$('sb-servicesliderhandleimage').style.left=sx+"px";
AC.ServiceBrowser.colorCats();

if(x==stopPoint){
window.clearInterval(AC.ServiceBrowser.animationId);
AC.ServiceBrowser.isSliding=false;
}
},30);

},

colorCats:function(){
var sliderX=parseInt($('sb-servicesliderhandle').getStyle('left'))+(($('sb-servicesliderhandle').getWidth()-20)/2);
AC.ServiceBrowser.categories.each(function(c){
var left=parseInt($(c.id).getStyle('left'))
var clr=Math.ceil((Math.min(sliderX,left)/Math.max(sliderX,left))*10);
$(c.id).className='sb-catclass'+clr;
});
},

left:function(){
AC.ServiceBrowser.animateSlide(AC.ServiceBrowser.sliderVal-AC.ServiceBrowser.arrowScrollAmount);
},

right:function(){
AC.ServiceBrowser.animateSlide(AC.ServiceBrowser.sliderVal+AC.ServiceBrowser.arrowScrollAmount);
},

calculateDecel:function(from,to){
var n=from-Math.floor((from-to)*.4);
if(Math.abs(from-to)<4)return to;
else return n;
}
};