var bState = '';
var bState2 = '';
var spacer = '<img src=\'images/blank.gif\' width=\'5\' height=\'1\' border=\'0\'>';

function expand(b){
	var tmp = "";
	b = b.replace(/ /g, '~');
	for (var i=0 ; i < b.length;i++){
			tmp+=(b.charAt(i))+' ';
	}
	tmp = tmp.substring(0, tmp.length-1);
	tmp = tmp.replace(/~/g, '&nbsp;');
	tmp = tmp.replace('.', '&nbsp;&nbsp;.&nbsp;&nbsp;');
	return tmp;
}

function showExp(a, n){
	if (a == ''){
		document.getElementById('explain1').innerHTML = spacer + expand(exp1[n]);
	}else{
  	if (a == '1')
  		 document.getElementById('explain2').innerHTML = expand(exp2[n]) + spacer;
  	else
  		 document.getElementById('explain2').innerHTML = expand(exp3[n]) + spacer;
	}
}

function hideExp(n){
  if (n == '')
  	 document.getElementById('explain1').innerHTML = bState;
	else
  	 document.getElementById('explain2').innerHTML = bState2;
}

function showDetails(n){
	bState2 = '';
	if (document.getElementById('main'))
		 document.getElementById('main').style.display = 'none'; 
	document.getElementById('textcont').style.display = 'none'; 
	document.getElementById('textcont2').style.display = 'none'; 
	document.getElementById('textcont3').style.display = 'none'; 
	document.getElementById('textcont4').style.display = 'none'; 
	document.getElementById('empty').style.display = 'block';
	document.getElementById('prev').style.display = 'none';
	document.getElementById('next').style.display = 'none';
	document.getElementById('contimg').src = 'images/blank.gif';
	document.getElementById('explain2').innerHTML = '';
	document.getElementById('count').innerHTML = '';
	bState = document.getElementById('explain1').innerHTML;
	showExp('',n);
	var tmp = spacer;
	if (n == 1){
	   var list = dir01.split('|');
		 for (var i = 0; i<list.length; i++ ){
		 		 tmp+='<a onmouseout=\'javascript:hideExp(1);\' onmouseover=\'javascript:showExp(1, '+i+');\' href=\'javascript:showContent(1, '+i+');\'><img src=\'images/01/'+list[i]+'\' width=\'80\' height=\'80\' border=\'0\'></a>'+spacer+spacer;
		 }
		 document.getElementById('details').innerHTML = tmp;
	}else if (n == 2) {
	   var list = dir02.split('|');
		 for (var i = 0; i<list.length; i++ ){
		 		 tmp+='<a onmouseout=\'javascript:hideExp(1);\' onmouseover=\'javascript:showExp(2, '+i+');\' href=\'javascript:showContent(2, '+i+');\'><img src=\'images/02/'+list[i]+'\' width=\'80\' height=\'80\' border=\'0\'></a>'+spacer+spacer;
		 }
		 document.getElementById('details').innerHTML = tmp;
	}else if (n == 0){
		 document.getElementById('textcont').style.display = 'block'; 
		 document.getElementById('details').innerHTML = '';
	}else if (n == 3){
		 document.getElementById('textcont2').style.display = 'block'; 
		 document.getElementById('details').innerHTML = '';
	}else if (n == 4){
		 document.getElementById('textcont3').style.display = 'block'; 
		 document.getElementById('details').innerHTML = '';
	}else if (n == 5){
		 document.getElementById('textcont4').style.display = 'block'; 
		 document.getElementById('details').innerHTML = '';
	}
}

var stop = '';
var list = '';
var sel = '';
var all = 0;
var epp = 1;

function showContent(a, n){
	epp = 1;
	document.getElementById('empty').style.display = 'block';
	document.getElementById('prev').style.display = 'none';
	document.getElementById('next').style.display = 'none';
	document.getElementById('contimg').src = 'images/blank.gif';
	stop = '';
	sel = a;
	bState2 = document.getElementById('explain2').innerHTML;
	if (a == 1){
		 list = dir01.split('|');
		 var base = list[n].substring(0,2)+'_';
		 list = dir01det.split('|');
	}else{
		 list = dir02.split('|');
		 var base = list[n].substring(0,2)+'_';
		 list = dir02det.split('|');
	}
  for (var i = 0; i<list.length; i++){
   		 if (list[i].indexOf(base) == -1){
			 		list.splice(i, 1);
					i--;
  		 }
  }
	if (list.length != 0){
		 stop = 0;
		 document.getElementById('contimg').src = 'images/0'+a+'detail/'+list[0];

	}
	if (list.length > 1)
      document.getElementById('next').style.display = 'block';
			
	all = list.length;
	document.getElementById('count').innerHTML = '1<br>-<br>'+all;

}

function sPrev(){
		epp--;
		document.getElementById('count').innerHTML = epp+'<br>-<br>'+all;
		stop--;
	  document.getElementById('contimg').src = 'images/blank.gif';
		document.getElementById('contimg').src = 'images/0'+sel+'detail/'+list[stop];
		document.getElementById('next').style.display = 'block';
		if (stop == 0){
			 document.getElementById('empty').style.display = 'block';
			 document.getElementById('prev').style.display = 'none';
		}
}

function sNext(){
		epp++;
		document.getElementById('count').innerHTML = epp+'<br>-<br>'+all;
		stop++;
	  document.getElementById('contimg').src = 'images/blank.gif';
		document.getElementById('contimg').src = 'images/0'+sel+'detail/'+list[stop];
		document.getElementById('empty').style.display = 'none';
		document.getElementById('prev').style.display = 'block';
		if (stop < list.length-1)
			 document.getElementById('next').style.display = 'block';
		else
			 document.getElementById('next').style.display = 'none';
}