$(function(){
	var cslide = $('#mainhead').jSlide({
		width:920,
		height:184,
		direction:'horizontal',
		items:1,
		loop:true,
		speed:700,
		slideshow:{
			delay:16000,
			direction:'next'
		},
		change:function(ui){
			$('.cslidenav:eq(1) span a').removeClass('active');
			$('.cslidenav:eq(1) span a:eq('+ui.current+')').addClass('active');
		}
	});
	var len = $('#mainhead ul li').length;
	$('#mainhead').css({position:'relative'}).append('<div class="cslidenav"></div><div class="cslidenav"><span></span></div>');
	$('.cslidenav:first').css({background:'#333', opacity:0.77})
	$('.cslidenav:eq(1)').css({textAlign:'center'}).find('span').css({width:24*len});
	
	for(var i=0; i<len; i++){
		$('<a href="#" rel="'+i+'"'+((i==0)?' class="active"':'')+' alt="'+(i+1)+'"></a>').appendTo('.cslidenav:eq(1) span').bind('click', function(){
			cslide.api.go($(this).attr('rel'));
			$('.cslidenav:eq(1) span a').removeClass('active');
			$(this).addClass('active');
			return false;
		});
	};
});