/*
       copyright 2008 Kraftmaid All Rights Reserved
       Client: Kraftmaid 
       Author: Brandon Bilfield - Brulant, Inc. 
       Date: 8/27/2008
	   Description: View Slider for Kraftmaid.com
*/ 


				$(document).ready(
					
					function(){
						
							var results = $(".dStyleType").length;
							var slideWValue    =  ($(".dStyleType").innerWidth() * results);
							var slideW         =  slideWValue + 100 +"px";
							var maxScroll      =  slideWValue - $("#browseByName").width();
							var viewNum        =  Math.round($("#browseByName").width()/$(".dStyleType").innerWidth());
							var sValue         = 0;
						
							if(results > viewNum){

								$("#scrollAreaName").css("width",slideW);
								$("#scrollAreaName span:first").css("width",slideW);
								$("#sliderMat").css("display","block");
								
								if($(".dStyleType.selected").length > 0)
								{
									if(($(".dStyleType.selected").position().left) > 325)
									{
									 	if($(".dStyleType.selected").position().left > (maxScroll)) 
									 		sValue = maxScroll;
							 
										 else  
										 	sValue = -((325 - $(".dStyleType").width()/2) - $(".dStyleType.selected").position().left); 
										
							    	}
							    }
							    
							    $(".sliderMaterials").slider(
								{
										min: 0, 
										max: maxScroll,
									    startValue:sValue,
										slide: function(e,ui) { 
											
											$("#scrollAreaName").css("marginLeft",-(ui.value)+'px');
										}
									}
								);
								 $("#scrollAreaName").css("marginLeft",-(sValue));
							}
							else {
								//$("#browseByName").css("height",$(".dStyleType").height() + 15+"px"); 
								
								$("#sliderMat").css("display","none");
								
								$(".browseBy").css("background","url(../../images/background/dotted_bottom.jpg) left 100% repeat-x");
								$(".browseBy").css("marginBottom","7px")
								$(".browseBy").css("paddingBottom","7px");	
							}
							$(".dStyleType:last").removeClass("bar");
							$(".dStyleType.selected").removeClass("bar");
						
					

				});