var show_interv_minsec = 3000;

function clearText(id,txt) {
	if (document.getElementById(id).value == txt)
		document.getElementById(id).value="" ;
	return ;
}
function fillText(id,txt) {
	if ( document.getElementById(id).value == "" )
		document.getElementById(id).value=txt;
	return ;
}

function $(id) { return document.getElementById(id); }

function addLoadEvent(func){
	var oldonload = window.onload;
	if (typeof window.onload != 'function') {
		window.onload = func;
	} else {
		window.onload = function(){
			oldonload();
			func();
		}
	}
}

var txtStartNo = document.getElementById("image_start_no");
if (txtStartNo == null)
    start_no = 1;
else
    start_no = parseInt( txtStartNo.value );

function add_button() {
	if(!$('image_show')||!$('image_focus')||!$('title_focus')) return;
	var focusList = $('image_focus').getElementsByTagName('li');
	if(!focusList||focusList.length==0) return;
	var btnBox = document.createElement('div');
	btnBox.setAttribute('id','focus_btn');
	var SpanBox ='';
	for (var i = 1; i <= focusList.length; i++) {
	    var no = i + start_no - 1;
	    //alert( "i=" + i + "...no=" + no + "...start_no=" + start_no);
		var spanList = '<span class="normal">' + no + '</span>';
		SpanBox += spanList;
	}
	btnBox.innerHTML = SpanBox;
	$('image_show').appendChild(btnBox);
	$('focus_btn').getElementsByTagName('span')[0].className = 'current';
}

function classNormal(){
	var focusList = $('image_focus').getElementsByTagName('li');
	var btnList = $('focus_btn').getElementsByTagName('span');
	var txList = $('title_focus').getElementsByTagName('li');
	for(var i=0; i<focusList.length; i++) {
		focusList[i].className='normal';
		btnList[i].className='normal';
		txList[i].className='normal';
	}
}

function classCurrent(n){
	var focusList = $('image_focus').getElementsByTagName('li');
	var btnList = $('focus_btn').getElementsByTagName('span');
	var txList = $('title_focus').getElementsByTagName('li');
	focusList[n].className='current';
	btnList[n].className='current';
	txList[n].className = 'current';
}

var auto_show_flag = false;

function btn_show() {

    if (!$('image_show') || !$('image_focus') || !$('title_focus') || !$('focus_btn')) return;
	
	//$('image_show').onmouseover = function() { auto_show_flag = true };
	//$('image_show').onmouseout = function() { auto_show_flag = false };	
	
	var focusList = $('image_focus').getElementsByTagName('li');
	var btnList = $('focus_btn').getElementsByTagName('span');
	var txList = $('title_focus').getElementsByTagName('li');
	
	for (var m=0; m<btnList.length; m++){
	    //btnList[m].onmouseover = function() {
	    btnList[m].onclick = function() {
	        classNormal();
	        this.className = 'current';
	        var n = parseInt(this.childNodes[0].nodeValue) - start_no;
	        //alert( "n=" + n);
	        focusList[n].className = 'current';
	        txList[n].className = 'current';
	    }
	}
}

addLoadEvent(add_button);
addLoadEvent(btn_show);
addLoadEvent(auto_show);

function auto_show() {
    setInterval('show_image()', show_interv_minsec);
}

function show_image() {

	if(!$('image_show')||!$('image_focus')||!$('title_focus')) return;
	if (auto_show_flag) return;
	
	var focusList = $('image_focus').getElementsByTagName('li');
	var btnList = $('focus_btn').getElementsByTagName('span');
	var txList = $('title_focus').getElementsByTagName('li');
	for(var i=0; i<focusList.length; i++) {
		if (focusList[i].className == 'current') {
			var currentNum = i;
		}
	}
	if (currentNum==focusList.length-1 ){
		classNormal();
		classCurrent(0);
	} else {
		classNormal();
		classCurrent(currentNum+1);
	}
}

function set_image_focus(){
	if(!$('image_focus')||!$('image_focus_big')||!$('image_focus_small')) return;
	var imageSmallLists= $('image_focus_small').getElementsByTagName('li');
	var imageBigLists= $('image_focus_big').getElementsByTagName('li');
	for(var i=0; i<imageSmallLists.length; i++){
		imageSmallLists[i].setAttribute('nodeNo',i);
	}
	for(var i=0; i<imageSmallLists.length; i++){
		imageSmallLists[i].onmouseover= function() {
			var n= this.getAttribute('nodeNo');
			for(var m=0; m<imageBigLists.length; m++){
				imageBigLists[m].className='';	
			}
			imageBigLists[n].className='current';		
		}
	}
}

addLoadEvent(set_image_focus);

function img_clicked(image_id, image_index, canEditNote ) {

    if (auto_show_flag)
        auto_show_flag = false;
    else
        auto_show_flag = true;

    if ( canEditNote == 0) return;
    
    var image_note = document.getElementById("image_note");
    if (image_note == null) return;

    var div_editNote = document.getElementById("div_editNote");
    var txtImageId = document.getElementById("image_id");
    var txtImageIndex = document.getElementById("image_index");
    var vbtnSaveNote = document.getElementById("btnSaveNote");
    var vbtnDeletePic = document.getElementById("btnDeletePic");


    if (auto_show_flag) {

        var txList = $('title_focus').getElementsByTagName('li');

        //alert(txList[image_index].innerHTML);

        //image_note.innerText = txList[image_index].innerText;
        image_note.value = txList[image_index].innerHTML;

        vbtnSaveNote.style.display = "inline";
        vbtnDeletePic.style.display = "inline";
        div_editNote.style.display = "inline";

        if ( txtImageId != null ) txtImageId.value = image_id;

        txtImageIndex.value = image_index;
    }
    else {
        vbtnSaveNote.style.display = "none";
        vbtnDeletePic.style.display = "none";
        div_editNote.style.display = "none";
    }
}