var currentPage = 1;
var isStop = false;
var playerTime = 10000;

$(function(){	
	OnLoadingImages();	
	setInterval("Player()",playerTime);
});

function Player(){
    if (!isStop) {
        PageClick($("#page_" + currentPage));

        if (currentPage == $("#playerNav a").length)
            currentPage = 1;
        else
            currentPage++;
    }
}

function PauseOrResume(obj) {
    if (isStop) {
        isStop = false;
    }
    else {
        isStop = true;
    }
}

function CreatePageNberObj(count){
	var pages = '';

	for(var i = 1; i <= (count - 1); i++){
		pages += '<a id="page_' + i + '" idx="' + i + '" onfocus="blur()">' + i + '</a>';		
	}
	
	$("#playerNav").html(pages);
	
	for(var i = 1; i <= count; i++){
		BindPageClick("page_" + i);
	}
}

function OnLoadingImages(){
	var li_id = 1;
	
	$("#playerImage li").each(function(){
		$(this).attr("id","play_img_" + li_id);				
		
		if(li_id > 1){
			SetImageShowOrHide($(this),false);
		}
		
		li_id++;
	});
	CreatePageNberObj(li_id);
}

function BindPageClick(id){
	$("#" + id).click(function(){
		PageClick($(this));
	});
}

function PageClick(obj){
	var id = obj.attr("idx");	
	

	currentPage = id;

	$("#playerNav a").removeClass("hover");

	SetPageColor(obj,true);				
	

	$("#playerImage li").each(function(){										   
		if($(this).attr("id") == ("play_img_" + id)){
			SetImageShowOrHide($(this),true);
		}else{
			SetImageShowOrHide($(this),false);			
		}									
	});
	
}

function SetImageShowOrHide(obj,isShow){
	if(!isShow){
		obj.fadeOut(800);
	}else{
		obj.fadeIn(1600);
	}
}

function SetPageColor(obj,isSelect){
	if(!isSelect){
		obj.removeClass("hover");
	}else{
		obj.addClass("hover");
	}
}