$(function(){


	$('#slideshow').cycle({ 

		fx:     'fade', 

		speed:   2000, 

		timeout: 5000

	});

	//jQuery.easing.def = "easeInOutQuad";



	$("#service_lists a").click(function(){

		var $target = $('[id=serviceStart]');
		if ($target.length) {
			var targetOffset = $target.offset().top;
			$('html,body').animate({scrollTop: targetOffset}, 500);
		}
		var service_id = $(this).attr("href");
		if( window.location.hash == service_id) return false;
		service_id = service_id.substring(1);

		showService(service_id);

	});

	if( window.location.hash ){

		var hash = window.location.hash;

		if(hash == "#") return false;

		showService( hash.substring(1) );

	}

	$f("player1", "/flowplayer-3.1.2.swf",{	

		clip: {

			url: "/flv/a.flv",

			autoPlay: true,

			autoBuffering: true

		},

		plugins: { 

			controls: null

		},

		onBeforePause: function(){ return false; }

	});

	$f("player2", "/flowplayer-3.1.2.swf",{	

		clip: {

			url: "/flv/b.flv",

			autoPlay: true,

			autoBuffering: true

		},

		plugins: { 

			controls: null 

		},

		onBeforePause: function(){ return false; }

	});

	$f("player3", "/flowplayer-3.1.2.swf",{	

		clip: {

			url: "/flv/c.flv",

			autoPlay: true,

			autoBuffering: true

		},

		plugins: { 

			controls: null 

		},

		onBeforePause: function(){ return false; }

	});

	

});

function showService(service_id){

	var slideSpeed = 1000;

	var title = $("#service_lists a[href=#"+service_id+"]").text();

	$("#content_box").slideUp(slideSpeed,function(){

		$(this).html($("#"+service_id).html());

		$("h1.serviceTitle a").text(  title );

		$(this).slideDown(slideSpeed);

	});

}