$(function(){

var miss_timer;
miss_add_class();

function miss_set_timer(){
miss_timer = setInterval(miss_timer_action,7500);
}


function miss_timer_action(){
miss_unbind_event();
var active = $($target).index($("#arena ul.slideshow li.next"));
miss_change_control(active);
miss_change_active(active);
}

function miss_add_class(){
$target = $("#arena ul.slideshow li");
var length = $($target).length;
$($target[length-1]).css( {zIndex:"-2",left:"593px",opacity:"0.3",display:"block"}).addClass("prev");
$($target[0]).css( {zIndex:"-1",left:"0px",opacity:"1",display:"block"}).addClass("active");
$($target[1]).css( {zIndex:"-3",left:"-593px",opacity:"0.3",display:"block"}).addClass("next");

for (var i = 0; i < length; i++) {
if(i==0){
$("#caption ul").append('<li class="active">&nbsp;</li>');
}else{
$("#caption ul").append('<li>&nbsp;</li>');
}
var txt = $($target[0]).find("img").attr('title');
$("#caption p").text(txt);
}

if(length==1){
 $("#nav p.prev").find("img").attr('src','/assets2011/images/home/arena_assets/nav_none.png');
 $("#nav p.next").find("img").attr('src','/assets2011/images/home/arena_assets/nav_none.png');
}else{
miss_set_timer();
miss_bind_event();
}
}

function miss_controlNav(){
miss_unbind_event();
var clicked = $("#caption ul li").index(this);
miss_change_control(clicked);
miss_change_active(clicked);
}

function miss_prevBtn(){
miss_unbind_event();
$target = $("#arena ul.slideshow li");
var active = $($target).index($("#arena ul.slideshow li.prev"));
miss_change_control(active);
miss_change_active(active,false);
}


function miss_nextBtn(){
miss_unbind_event();
$target = $("#arena ul.slideshow li");
var active = $($target).index($("#arena ul.slideshow li.next"));
miss_change_control(active);
miss_change_active(active);
}

function miss_bind_event(){
$("#caption ul li").bind("click",miss_controlNav);
$("#nav p.prev").bind("click",miss_prevBtn);
$("#nav p.next").bind("click",miss_nextBtn);
}

function miss_unbind_event(){
$("#caption ul li").unbind("click",miss_controlNav);
$("#nav p.prev").unbind("click",miss_prevBtn);
$("#nav p.next").unbind("click",miss_nextBtn);
clearInterval(miss_timer);
}

function miss_change_active(active){
$target = $("#arena ul.slideshow li");
$("#arena ul.slideshow li.active").removeClass("active");
$("#arena ul.slideshow li.next").removeClass("next");
$("#arena ul.slideshow li.prev").removeClass("prev");
var length = $($target).length-1;
if(active==0){var prev = length;}else{var prev = active -1;}
if(active==length){var next = 0;}else{var next = active+1;}

if(length>1){
$($target[prev]).css("z-index","-2").animate({left:"593px",opacity:"0.3"}, {duration:1600, easing: "easeInOutCubic"}).addClass("prev");}
else{$($target[prev]).addClass("prev");}

$($target[active]).css("z-index","-1").animate({left:"0px",opacity:"1"},{duration:1600, easing: "easeInOutCubic"}).addClass("active");
$($target[next]).css("z-index","-3").animate({left:"-593px" ,opacity:"0.3"}, {duration:1600, easing: "easeInOutCubic"}).addClass("next");
miss_change_caption();
}

function miss_change_control(num){
$("#caption ul li.active").removeClass("active");
$target = $("#caption ul li");
$($target[num]).addClass("active");
}

function miss_change_caption(){
var txt = $("#arena ul.slideshow li.active img").attr('title');
$("#caption p").text(txt);
miss_set_timer();
miss_bind_event();
}

});