$(document).ready(function(){

		$("#dialog").dialog({
			autoOpen: false ,
			bgiframe: true,
			width: 800,
			height: 600,
			draggable:true,
			modal: true
		});
	$('.learn').click(function(e) { 	
		  	$(e.target).next('.loader').html("<img style='padding-left:30px;' src='../../pictures/ajax-loader.gif'/>");
			$.ajax({
             type: "POST",
             url:  "learnmore.php",
             data: "id="+$(e.target).attr('id'),
             success: function(msg){
		$('.loader').html('');
		$("#dialog").html(msg);
        $("#dialog").dialog('open');
             }
             });
   
    }); 			 
						   	
	$(".accessory ul>li:visible:even").css("background", "url(pictures/separated.jpg) top right repeat-y");
	
	$('#accessory-type').change(function () { 
		if ($('#accessory-type').val()=='All')
		{
			$(".accessory ul>li").css('display','block');
		}
		else
		{	
			$(".accessory ul>li").css('display','none');  
			$(".accessory ul>li[accessory-type='"+$('#accessory-type').val()+"']").css('display','block');  
		}
		$(".accessory ul>li").css("background", "none");
		$(".accessory ul>li:visible:even").css("background", "url(pictures/separated.jpg) top right repeat-y");
	});
	
 });