collections = new Array("Black And White", "Blue", "Brown","Green","Purple","Red","Yellow And Orange", "New Design");
sizes = new Array(13,10,11,23,10,12,10,8 );
paths= new Array("images/blackAndwhite/large", "images/blue/large", "images/colors/large", "images/brown/large", "images/purple/large", "images/red/large", "images/yellow/large", "images/special/large");
imagesPerfixs = new Array("blackN","blueN","colorsN","brownN","purpleN","redN","yellowN","special");

titles = new Array(8);
blacksTitle = new Array("Image 1","Image 2","Image 3","Image 4","Image 5","Image 6","Image 7","Image 8");
bluesTitle = new Array("Image 1","Image 2","Image 3","Image 4","Image 5","Image 6","Image 7","Image 8","","","","","","");
colorsTitle = new Array("Image 1","Image 2","Image 3","Image 4","Image 5","Image 6","Image 7","Image 8","","","","","","");
greensTitle = new Array("Image 1","Image 2","Image 3","Image 4","Image 5","Image 6","Image 7","Image 8","","","","","","");
purplesTitle = new Array("Image 1","Image 2","Image 3","Image 4","Image 5","Image 6","Image 7","Image 8","","","","","","");
redsTitle = new Array("red 1","red 2","red 3","red 4","red 5","red 6","red 7","red 8","","","","","","");
yellowsTitle = new Array("Image 1","Image 2","Image 3","Image 4","Image 5","Image 6","Image 7","Image 8","","","","","","");
specialTitle = new Array("Image 1","Image 2","Image 3","Image 4","Image 5","Image 6","Image 7","Image 8","","","","","","");

titles[0] = blacksTitle;
titles[1] = bluesTitle;
titles[2] = colorsTitle;
titles[3] = greensTitle;
titles[4] = purplesTitle;
titles[5] = redsTitle;
titles[6] = yellowsTitle;
titles[7] = specialTitle;

ctalogNumbers = new Array(7);
ctalogNumbers[0] = new Array("BL-NC-001","BL-NC-002","BL-NC-003","BL-NC-004","BL-NC-005","BL-NC-006","BL-NC-007","BL-NC-001","BL-NC-001","BL-NC-001","BL-NC-001","BL-NC-001","BL-NC-001","BL-NC-001","BL-NC-001","BL-NC-001","BL-NC-001");

var name = "";
var current = 1;
var start = 1;
var end = 1;
var dir = '';
var image = '';
var colectionIndex = 1;
var catalogNum = '';

function openItem(collection,index){		
	colectionIndex = parseInt(collection) - 1;	
	name = collections[colectionIndex];
	end = sizes[colectionIndex];	
	dir = paths[colectionIndex];
	image = imagesPerfixs [colectionIndex];	
	current = index;					
	showImage();
	resetPrevNextButtons()	
	//showMenu('ItemDiv');
	
return true;	
}
function next(){
	if (isNext()){
		current = parseInt(current) + 1;
		showImage();
		resetPrevNextButtons()
	}
	return true;	
}
function prev(){
	if (isPrev()){
		current = parseInt(current) - 1;
		showImage();
		resetPrevNextButtons();
	}	
}
function showImage(){
	//alert(dir + '/' + image + current + '.jpg');
	document.all['ItemImg'].src = dir + '/' + image + current + '.gif';	
	
	/*
	if (ctalogNumbers && ctalogNumbers.length > colectionIndex && (ctalogNumbers[colectionIndex]) && (ctalogNumbers[colectionIndex]).length > (current-1)){
		catalogNum = (ctalogNumbers[colectionIndex])[current-1];
	}else{
		catalogNum = '';
	}
	*/
	
	//alert(document.all['catalogNum'].innerText);
	//document.all['catalogNum'].innerText = catalogNum;	
	//alert(document.all['catalogNum'].innerText);
	
	//document.all['ImageLabel'].value = titles [colectionIndex ][current - 1];
	//alert (blacksTitle [current - 1]);
	//alert(titles [colectionIndex ][current - 1]);
}
function isNext(){
	return (end  > current);
}
function isPrev(){
	return (current > start);
}
function resetPrevNextButtons(){
	if (isPrev()){
		showMenu('imgPrev');
	}else{
		hideMenu('imgPrev');
	}				
	if (isNext()){
		showMenu('imgNext');
	}else{
		hideMenu('imgNext');
	}				
	return true;	
}
function showMenu(menuId){
		document.all[menuId].style.display = "inline"
}
function hideMenu(menuId){	
		document.all[menuId].style.display = "none"
}

winHeight=370;
winWidth=350;

winX = (window.screen.width/2) - (winWidth/2 + 10);
winY = (window.screen.height/2) - (winHeight/2 + 50);


function openItemDiv(collection,index){
	document.itemParams.collection.value = collection;
	document.itemParams.index.value = index;

	var itemDiv = document.getElementById("itemDiv");
	itemDiv.style.top=winY;
	itemDiv.style.left=winX;
	itemDiv.style.display = "inline";

	openItem(document.itemParams.collection.value,document.itemParams.index.value);

	itemDiv.focus();
}

function closeItem(){
	var itemDiv = document.getElementById("itemDiv");
	itemDiv.style.display = "none";
}