$import('/lib/css/product.css','css');

$import('/lib/js/jquery.pngFix.js','js');
$import('/lib/js/jquery.easing.js','js');
$import('/lib/js/jquery.cycle.all.min.js','js');

$(document).ready(function(){
	$('#Billboard').pngFix();
	$('#Billboard .Banner ul').cycle({
		fx:      'fade',
		timeout: 4000,
        random:  1,
        pause:   1,
		pager:   '#Billboard .Pager'
    });
	
	$('#Category .Item').pngFix();
	$('#Category .Item').click(function() {
		$target=$(this);
		if($(this).parent().find("ul").text()!=''){
			if($(this).find("a").hasClass('Current')==false){
				$('#Category ul:visible').slideUp({duration: 300, easing: 'easeOutCubic', complete: function(){
					$(this).parent().find("a").removeClass('Current');
					$target.find("a").addClass('Current');
				}});
			}
			$target.find("a").addClass('Current');
			$target.next().slideDown({duration: 300, easing: 'easeOutCubic', complete: function(){
				location.href=$target.find("a").attr("link");
			}});
		}
	});
});