function SetFirst(type)
{
	var big_first = new Image;
	big_first.src = path + type + ".jpg'";
	document.getElementById('InsertObject').innerHTML = "<img src='"+big_first.src+".jpg' class='BorederBlack'>";
	document.getElementById('InsertObject').align     = 'center';
	document.getElementById('InsertObject').width     = 417; 
	
	for( fx = 1; fx <= 7; fx++ ){
		document.getElementById( 'prev_' + fx ).innerHTML = "<img src='img/spacer.gif' width='50'>";
	}
}

function SetGrayRect(type)
{
	var all_images = document.getElementsByTagName('img');
	for( xi = 0; xi < all_images.length; xi++ ){
		if( all_images[xi].id == 'gray_rect' ){
			all_images[xi].src = gray_rect.src;
		}
	}
	if( type == '' ){
		return;
	}
	document.getElementById(type).innerHTML = "<img src='"+green_rect.src+"' id='gray_rect'>";
	document.getElementById(type).align = 'left';
}

function SetPictures(type,pos)
{
	var big_img_obj   = eval( 'big_' + type   );
	var small_img_obj = eval( 'small_' + type );
	document.getElementById('InsertObject').innerHTML = "<img src='" + path + type + "/" + pos + ".jpg' id='imagesrc' class='BorederBlack'>" + big_htmlconst;
	category_glob = type;
	var counter   = 1;
	// test 90% fix
	/* clear all previews before insert new prev images */
	for( y = 1; y <= 7; y++ ){
			document.getElementById( 'prev_' + y ).innerHTML = "<img src='img/spacer.gif' width='50'>";
	}
	for( i = pos; i <= gallery[category_glob]; i++ ){
		if( big_img_obj[i] == null ){
			for( ox = i; ox <= i + 6; ox++ ){
				// temp
				big_img_obj[ox]       = new Image;
				big_img_obj[ox].src   = path + type + "/" + ox + ".jpg";
				small_img_obj[ox]     = new Image;
				small_img_obj[ox].src = path + type + "/preview/" + ox + ".jpg";
			}
		}
		if( i > gallery[category_glob] ){break;}
		document.getElementById( 'prev_' + counter ).innerHTML = "<a onClick='ShowBig(" + '"' + type + '",' + i + ")'><img src='" + small_img_obj[i].src + "' border='0' id='" + i + "' class='BorederBlack'></a>";
		if( counter == 7 ){break;}
		counter++;
	}
	/*
	if(counter < 7){
		for( y = counter; y <= 7; y++ ){
			document.getElementById( 'prev_' + y ).innerHTML = "<img src='img/spacer.gif' width='50'>";
		}
	}*/
	if(
	   (category_glob == 'beauty') && 
	   (gallery[category_glob] == 27) && pos == 22
	  ){
		document.getElementById( 'prev_7').innerHTML = "<img src='img/spacer.gif' width='50'>";
	}
	
	SetNavigation(pos, counter, type);
}
	
function SetNavigation(pos, counter, type)
{
	var left_nav  = document.getElementById('td_left') ;
	var right_nav = document.getElementById('td_right') ;
	if( pos == 1 && counter == 7 && gallery[category_glob] > 7 ){// begin pos of array
		left_nav.innerHTML  = "<img src='" + navigate_left.src + "' id='right_nav'>" + htmlconst;
		right_nav.innerHTML = "<a onClick='SetPictures(" + '"' + type + '",' + 8 + ")'><img src='" + navigate_right_active.src + "' alt='' border='0' id='left_nav'></a>" + htmlconst;
	}
	else if( counter < 7 ){// end of array
		right_nav.innerHTML = "<img src='" + navigate_right.src + "' id='right_nav'>" + htmlconst;
		if( pos-7 < 0 ){
			left_nav.innerHTML = "<img src='" + navigate_left.src + "' id='left_nav'>" + htmlconst;
		}
		else{
			left_nav.innerHTML = "<a onClick='SetPictures(" + '"' + type + '",' + ( pos - 7 ) + ")'><img src='" + navigate_left_active.src + "' alt='' border='0' id='left_nav'></a>" + htmlconst;
		}
	}
	else{// center of array 
		if( pos >= 8 && pos + 7 <= gallery[category_glob] ){
			left_nav.innerHTML  = "<a onClick='SetPictures(" + '"' + type + '",' + ( pos - 7 ) + ")'><img src='" + navigate_left_active.src  + "' alt='' border='0'></a>" + htmlconst;
			right_nav.innerHTML = "<a onClick='SetPictures(" + '"' + type + '",' + ( pos + 7 ) + ")'><img src='" + navigate_right_active.src + "' alt='' border='0'></a>" + htmlconst;
		}
	}
}

function SetArrow(arrow_obj, type)
{
	arrow_obj.innerHTML = "<img src='img/" + type + "'>";
}
	
function ShowBig(type, pos)
{
	var big_img_obj   = eval( 'big_' + type );
	document.getElementById('imagesrc').src = big_img_obj[pos].src;
	var current_html = document.getElementById('InsertObject').innerHTML;
	document.getElementById('InsertObject').innerHTML = current_html + big_htmlconst;
}