var folder;
	var path = "img/images/" + folder +'/';
	var mainArray = new Array();
	
	for(var j = 0; j < noOfImg(); j++)
	{
		mainArray[j] = new Image();
		mainArray[j].src = path+(j+1).toString()+".jpg";
	}
	
	

var _imgName;


function noOfImg()
{
	var ul = document.getElementById('gallery');
	/*var i=0, c=0;
	while(ul.getElementById('li')[i++]) c++;
	return c;
	*/
	var li = ul.getElementById('li').length;
	return li;
	
}

function showMainPic(album, imgName)
{
	folder = album;
	//alert(folder+'_'+imgName);
	_imgName = imgName;
	
	$('body').append('<div id="mainPic" ><img name="pic" src="../uploads/'+folder+'_'+imgName+'"  onclick="closeMainPic()"><br><ul><li><a href="javascript:prevImg()">< prev</a></li><li><small>Click Image To Close</small></li><li><a href="javascript:nextImg()">next ></a></li></ul></div>');
	
	counter();
}

function counter()
{
	if(document.getElementById('counter'))
	{
		$('#counter').remove();
	}
	$('#mainPic').append('<div id="counter">'+_imgName.toString()+'/'+noOfImg().toString()+'</div>');
}

function closeMainPic()
{
	$('#mainPic').remove();
}

function prevImg()
{
	
	_imgName -= 1;
	
	if(_imgName < 0)
	{
		_imgName = 10;
	}
	
	var imgIndex = _imgName;
	document.images["pic"].src = '../uploads/'+folder+'_'+imgIndex;
	
	counter();
}

function nextImg()
{
	_imgName += 1;
	
	if(_imgName > 10)
	{
		_imgName = 1;
	}
	
	var imgIndex = _imgName;
	document.images["pic"].src = '../uploads/'+folder+'_'+imgIndex;
	
	counter();
}