// JavaScript Document


var text_display_id = "IT";
var image_display_id = "II";
var image_extra_id = "IE";
var div_extra_id = "EP";


var large_img_dir = img_dir + "large/";
var postfix_small = "small.jpg";
var postfix_large =  ".jpg";
var postfix_extra_large = "_large.jpg";
var postfix_alt_small = "upsmall.jpg";
var postfix_alt_large = "up.jpg";

var priv_item = '1';
var current_alt = false;

var col_count = 11;
var current_row = 0;

// load items on to the gallery
function loadItems(){
	var itemE;
	var itemO;
	
	//compute the actual columne in considering the current row.
	var first_col = current_row * ( col_count - 1 );
	
	var max_col = col_count;
	
	//set the maximum items in the row by the actual value
	if( (first_col + col_count ) > items.length ) max_col = items.length - first_col;
	
	
	for( col = 1; col < max_col; col++ ){
		itemE = document.getElementById( "item"+col );
		itemO = items[first_col+col];
		itemE.src = img_dir + itemO.name + postfix_small;
		itemE.style.visibility = "visible";
	}
	
	
	// hide unused items
	for( col = max_col; col < col_count ; col++ ){
		itemE = document.getElementById( "item"+col );
		itemE.style.visibility = "hidden";
	}
}




// display the properties of an item while pressing it

function displayItem( id ){
	
	var text_box = document.getElementById( text_display_id );
	var show_box = document.getElementById( image_display_id );
	var alt_box = document.getElementById( image_extra_id );
	var alt_div = document.getElementById( div_extra_id );
	
	current_col = id;
	var col_id = current_row * (col_count -1 ) + parseInt(id);
	
	if( col_id > items.length ) col_id = 1;

	var itemO = items[col_id];
	
	//set the description of the item 
	if( itemO.html ){
		text_box.innerHTML = itemO.description;
	} else {
		text_box.innerText = itemO.description;	
	}
	
	// set the large view image with the item image
	show_box.src = img_dir + itemO.name + postfix_large;
	
	// if the is an alt view display it
	if( itemO.alt ){
		alt_box.src = img_dir + itemO.name + postfix_alt_small;	
		alt_div.style.visibility = "visible";
	} else {
		alt_div.style.visibility = "hidden";	
	}
	
	// save the item id for alt view switching
	priv_item = id;
	current_alt = false;
}

//switch between alt view and  preview
function altImage(){

	var show_box = document.getElementById( image_display_id );
	var alt_box = document.getElementById( image_extra_id );
	
	var fix_priv_item = current_row * ( col_count - 1 ) + parseInt(priv_item);
	
	var itemO = items[ fix_priv_item ];
	
	if( current_alt ){
		show_box.src = img_dir + itemO.name + postfix_large;
		alt_box.src = img_dir + itemO.name + postfix_alt_small;
		current_alt = false; 
	} else {
		show_box.src = img_dir + itemO.name + postfix_alt_large;
		alt_box.src = img_dir +itemO.name + postfix_small;
		current_alt = true;
	}	
}

//open new window display large image ( original )
function openLarge(){
	var dispWin;
	var col_id = current_row * (col_count -1 ) + parseInt(current_col);
	var url = "large.html?src=" + large_img_dir + items[col_id].name;
	
	if( items[col_id].alt && current_alt ) url += "up";
	
	url += postfix_extra_large;
	
	var largeWidth = 720;
	var largeHeight = 590;
	var left = 0;
	var top = 0;

	if ( window.screen.width > largeWidth ){
		left = ( window.screen.width - largeWidth ) /2 ;
		top = ( window.screen.height - largeHeight ) /3 ;
	}
	
	var wParam = "width="+ largeWidth +",height="+ largeHeight +",left="+ left +",top="+ top +",toolbar=no,menubar=no,scrollbar=no,titlebar=no,location=no,directories=no,resizable=no";
	
	dispWin = window.open( url, "largeWind", wParam );
	
	dispWin.focus();
}


// display the next row of images
function moreItems(){

	current_row ++ ;
	
	if( col_count * current_row > items.length ) {
		current_row = 0;
	}
	
	loadItems();
}


// previous set of items
function prevItems(){
	if( current_row > 0 ){
		current_row --;
		loadItems();
	}
}



var current_url = "";

//SET THE PAGE TO THE DESIERED IMAGE
function provideItem(){
	var url = window.location.href;
	
	
	if( url.indexOf( "?" ) != -1 ){
		var urlElements = url.split( "?" );
		current_url = urlElements[0];
	
		var urlVars = urlElements[1].split("!");
	
	
		for( index = 0; index < urlVars.length; index++ ){
			var tVar = urlVars[index].split( "=" );
			if( tVar[0]=="row" ) current_row = tVar[1];
			if( tVar[0]=="col" ) current_col = tVar[1];
		}
		
		displayItem( current_col );
		loadItems();
	}else{
		current_url = url;
	}

}


function sendItem(){
	
	//var col_id = current_row * (col_count -1 ) + parseInt(current_col);
	var mail = "mailto:?subject=SCARSELLI DIAMONDS&body="+ current_url +"?row="+ current_row +"!col="+current_col;
	
	window.location.href = mail;
	
}