// JavaScript Document
var setIntObj = 0;

function changeImage(slideType, defVal){	
	
	if(defVal != 'D'){
		clearInterval(setIntObj);
		document.getElementById('pauseDivId').style.display = 'none';
		document.getElementById('playDivId').style.display = 'block';
	}
	
	var cnt_val = document.getElementById('hidCntVal').value;
	cnt_val = parseInt(cnt_val);

	var noOfImage = document.getElementById('noOfPhotos').value;
	noOfImage = parseInt(noOfImage);
	
	for(var i=1; i<=noOfImage; i++){

		var div_val = 'flickPanel'+i;
		document.getElementById(div_val).style.display = 'none';				
	}
	
	if(slideType == 'N'){
		
		if(cnt_val == noOfImage){
			cnt_val = 0;		
		}
		
		cnt_val = cnt_val+1;
		
		var div_id = 'flickPanel'+cnt_val;
		//alert(div_id);
		document.getElementById(div_id).style.display = 'block';
		
		document.getElementById('hidCntVal').value = cnt_val;
	}else{
		
		if(cnt_val == 1){
			cnt_val = noOfImage+1;
		}
		
		cnt_val = cnt_val-1;
		
		var div_id = 'flickPanel'+cnt_val;
		document.getElementById(div_id).style.display = 'block';
		
		document.getElementById('hidCntVal').value = cnt_val;
		
	}	
	document.getElementById('stDivId').innerHTML = cnt_val;
	
}

setIntObj = setInterval( "changeImage('N', 'D')", 7000 );

function stopImageSlide(shDiv, hiDiv){
	
	document.getElementById(hiDiv).style.display = 'none';
	document.getElementById(shDiv).style.display = 'block';
	
	clearInterval(setIntObj);
}

function startImageSlide(shDiv, hiDiv){
	document.getElementById(hiDiv).style.display = 'none';
	document.getElementById(shDiv).style.display = 'block';
	
	setIntObj = setInterval( "changeImage('N', 'D')", 7000 );	
}

function setImage(divVal){
	
	clearInterval(setIntObj);
	document.getElementById('pauseDivId').style.display = 'none';
	document.getElementById('playDivId').style.display = 'block';	
	
	var cnt_val = document.getElementById('hidCntVal').value;
	cnt_val = parseInt(cnt_val);

	var noOfImage = document.getElementById('noOfPhotos').value;
	noOfImage = parseInt(noOfImage);
	
	for(var i=1; i<=noOfImage; i++){

		var div_val = 'flickPanel'+i;
		document.getElementById(div_val).style.display = 'none';				
	}
		
	cnt_val = divVal;
	
	var div_id = 'flickPanel'+cnt_val;
	document.getElementById(div_id).style.display = 'block';
	
	document.getElementById('hidCntVal').value = cnt_val;	
	document.getElementById('stDivId').innerHTML = cnt_val;	
}