$(document).ready(function(){
	
		$('#InitGrey, #my-dropdown, #my-dropdown2, #my-dropdown3, #my-dropdown4, #my-dropdown5, #my-dropdown6').sSelect();
		//$('#test').animate({opacity: "0.3"}, 500);
		
		$('#curls p label img').click(function() {
			//$(this).stop();
			$('#curls p label img').animate({opacity: "0.3"}, 500);
			$('#curls p label img').parent().prev().removeAttr('checked');
			$(this).stop();
			$(this).animate({opacity: "1.0"}, 500);
			$(this).parent().prev().attr('checked', 'checked');
		});
		
		$("#curls label").hover(function() {
			$(this).next("em").animate({opacity: "show", top: "-40"}, "slow");
		}, function() {
			$(this).next("em").animate({opacity: "hide", top: "-50"}, "fast");
		});
		//horizontal
		/*$('#shadeselector_colors .shadeselector_colors_row .shadeselector_colors_column').hover(function() {

			$('#shadeselector_colors .shadeselector_colors_row em').animate({opacity: "hide", top: "110"}, "fast");
			$(this).stop();
			
			$(this).next("em").animate({opacity: "show", top: "110"}, "fast");
		});*/
		$('#shadeselector_colors .shadeselector_colors_row .shadeselector_colors_column').hover(function() {
			$(this).next("em").animate({opacity: "show", top: "80"}, "fast");
		}, function() {	
			$('#shadeselector_colors .shadeselector_colors_row em').animate({opacity: "hide", top: "80"}, "fast");
			$(this).stop();
		});
		//horizontal
		$('#shadeselector_colors .Natural').hover(function() {
			$('#Natural').animate({opacity: "show", left: "10"}, "fast");
		}, function() {	
			$('.shadeselector_direction').animate({opacity: "hide", left: "10"}, "fast");
			$(this).stop();
		});
		
		$('#shadeselector_colors .Cool').hover(function() {
			$('#Cool').animate({opacity: "show", left: "10"}, "fast");
		}, function() {	
			$('.shadeselector_direction').animate({opacity: "hide", left: "10"}, "fast");
			$(this).stop();
		});
			
		$('#shadeselector_colors .Warm').hover(function() {
			$('#Warm').animate({opacity: "show", left: "10"}, "fast");
		}, function() {	
			$('.shadeselector_direction').animate({opacity: "hide", left: "10"}, "fast");
			$(this).stop();
		});
		
		$('#shadeselector_colors .Mahogany').hover(function() {
			$('#Mahogany').animate({opacity: "show", left: "10"}, "fast");
		}, function() {	
			$('.shadeselector_direction').animate({opacity: "hide", left: "10"}, "fast");
			$(this).stop();
		});
		
		$('#shadeselector_colors .Copper').hover(function() {
			$('#Copper').animate({opacity: "show", left: "10"}, "fast");
		}, function() {	
			$('.shadeselector_direction').animate({opacity: "hide", left: "10"}, "fast");
			$(this).stop();
		});
		
		$('#shadeselector_colors .Red').hover(function() {
			$('#Red').animate({opacity: "show", left: "10"}, "fast");
		}, function() {	
			$('.shadeselector_direction').animate({opacity: "hide", left: "10"}, "fast");
			$(this).stop();
		});
		
		$('#shadeselector_colors .Violet').hover(function() {
			$('#Violet').animate({opacity: "show", left: "10"}, "fast");
		}, function() {	
			$('.shadeselector_direction').animate({opacity: "hide", left: "10"}, "fast");
			$(this).stop();
		});
		
		$(function() {
					$("#sr_accordion_scoller").accordion({
						autoHeight: false,
						collapsible: true,
						alwaysOpen: false,
						active: false 
					});
					
					
					$('#sr_accordion_scoller').jScrollPane({showArrows:true, scrollbarWidth: 15, arrowSize: 10});
					
		});
				
});