/*var options =  
{  
    type    :   "slide", //Type of effect  
    cols    :   2, //This only used when you're using type = table  
    toggle  :   "fade", //This specific which type of toggle effect  
    ease    :   40,  
    easeType:   "linear", //This isn't work for this version yet  
    loopback:   1, //If it's 1 it will loop when it reach the ends  
    width   :   980, // Size of the viewport  
    height  :   500,  
    index   :   0, //The current tab index  
    speed   :   500, //Speed of the animation  
    interval:   5000, //The interval of auto-animate  
    step    :   1, //How many step you want to use in moveStep  
    wrapperClass : "", //You could add extra class for the wraper  
    viewportClass : "" //You could add extra class for the viewport  
}*/
$(document).ready(function(){
	/*$("#banner img").tabSwitch("create", {type: 'slide', height: 980, width: 500})
	.tabSwitch('startAuto',{interval: 1000});*/
	var b = $("#banner .item");
	b.tabSwitch('create', {
		height:500 ,
		width: 980 ,
		type: 'toggle',
		toggle : "fade",
		speed : 500
	});
	b.tabSwitch('startAuto',{interval: 4000});
	//b.tabSwitch('moveStep',{step: parseInt($(this).attr('rel'))});
	$("#banner .btn").each(function(i){
		$(this).data("i", i);
		$(this).click(function(){
			var i = $(this).data("i");
			b.tabSwitch('moveTo',{index : i });
		});
	});
});