function showElement(id)
{
	var handle = document.getElementById(id);
	handle.style.display = 'block';
}

function hideElement(id)
{
	var handle = document.getElementById(id);
	handle.style.display = 'none';
}

function switch_button(id)
{
	var over_handle = document.getElementById('b_'+id+'_over');
	var normal_handle = document.getElementById('b_'+id);
	
	var temp_src = normal_handle.src;
	
	normal_handle.src = over_handle.src;
	over_handle.src = temp_src;
}

/*function return_button(id)
{
	var over_handle = document.getElementById('b_'+id+'_over');
	var normal_handle = document.getElementById('b_'+id);
	
	var temp_src = normal_handle.src;
	
	normal_handle.src = over_handle.src;
	over_handle.src = temp_src;
}*/

var cat_id = 0;
var webroot = '';

var product_img = new Array();
var product_nme = new Array();
var product_dms = new Array();
var product_ref = new Array();
var product_mat = new Array();
var product_oku = new Array();
var product_ide = new Array();

//var product_big = new Array();
//var product_de1 = new Array();
//var product_de2 = new Array();

var actual_product = 0;
	
var product_animates = false;

var product_image;

function switch_product(id)
{
	$('zoom_image').hide();
	
	actual_product = id;
	
	hideElement('3_photos'); //w00t xD
	
	$('loading_overlay').style.height = ($('product_view').getHeight() - (-15)) + 'px';
	$('loading_overlay').show();
	$('product_view').show();
	$('product_img').hide();
	
	product_image = document.createElement("img");
	product_image.onload = function () {
		var morph_to = 338;
		if (product_image.height > morph_to) {
			morph_to = (product_image.height - (-50));
		}
		$('product_img').show();
		$('product_view').morph("height: "+morph_to+"px;");
		$('product_img').morph("height: "+morph_to+"px;");
		$('left_box').morph("height: "+(morph_to - (-2))+"px;");
		$('loading_overlay').fade();
		$('product_img').style.backgroundImage = "url('"+product_image.src+"')";
		$('zoom_image').appear();
		//$('product_img').appear();
	}
	
	//document.body.appendChild(product_img);
	
	product_image.src = product_img[id];
	
	////showElement('loading_overlay');
	//$('product_name').style.display = 'inline';
	//showElement('product_view');
	
	$('no_ref').innerHTML = product_ref[id];
	$('product_name').innerHTML = product_nme[id];
	$('product_dimensions').innerHTML = product_dms[id];
	$('product_material').innerHTML = product_mat[id];
	$('product_okucia').innerHTML = product_oku[id];
	
	$('product_name').appear();
	
	//$('product_img').src = product_img[id];
	
	//ustawiamy obrazki
	var img_src = webroot + 'img/categories/' + cat_id + '/products/' + product_ide[id] + '/big.png';
	$('zoom_image').href = img_src;
	
	//img_src = webroot + 'img/categories/' + cat_id + '/products/' + product_ide[id] + '/detale1.jpg';
	//$('detale_img_1').src = img_src;
	
	//img_src = webroot + 'img/categories/' + cat_id + '/products/' + product_ide[id] + '/detale2.jpg';
	//$('detale_img_2').src = img_src;
	
	//img_src = webroot + 'img/categories/' + cat_id + '/products/' + product_ide[id] + '/detale1.jpg';
	//$('detale_a_1').href = img_src;
	
	//img_src = webroot + 'img/categories/' + cat_id + '/products/' + product_ide[id] + '/detale2.jpg';
	//$('detale_a_2').href = img_src;
}

function finish_loading()
{
	hideElement('loading_overlay');
}

function return_to_category()
{
	showElement('3_photos');
	hideElement('product_view');
	hideElement('product_name');
	hideElement('loading_overlay');
}

function set_lightbox_title()
{
	$('caption').innerHTML = '<div style="font-size: 9pt;">'+product_nme[actual_product]+'</div><div style="font-size: 8pt; font-weight: normal; padding-top: 2px;">numer katalogowy: '+product_ref[actual_product]+'</div>';
}

function remove_lightbox_title()
{
	$('caption').innerHTML = '';
}

var fading = false;

function blah_blah(id)
{
	for (i = 1 ; i < 4 ; i++)
	{
		if (id != i)
		{
			document.getElementById('photo_'+i).style.zIndex = "2";
		}
		else
		{
			document.getElementById('photo_'+i).style.zIndex = "3";
		}
	}
	
	fading = false;
}

function switch_photo(id)
{
	if (fading == false)
	{
		if (document.getElementById('photo_'+id).style.zIndex != "3")
		{
			fading = true;
			document.getElementById('photo_link_1').className = 'photo_link_normal';
			document.getElementById('photo_link_2').className = 'photo_link_normal';
			document.getElementById('photo_link_3').className = 'photo_link_normal';
			
			document.getElementById('photo_link_'+id).className = 'photo_link_selected';
			//$('photo_'+id).style.display = 'none';
			
			//$('photo_1').style.zIndex = "2";
			//$('photo_2').style.zIndex = "2";
			//$('photo_3').style.zIndex = "2";
			
			//document.getElementById('photo_1').style.zIndex = "2";
			//document.getElementById('photo_2').style.zIndex = "2";
			//document.getElementById('photo_3').style.zIndex = "2";
			
			document.getElementById('photo_'+id).style.zIndex = "4";
			document.getElementById('photo_'+id).style.display = 'none';
			
			//$('photo_'+id).style.zIndex = "3";
			
			//alert($('photo_1').style.zIndex);
			$('photo_'+id).appear();
			
			setTimeout("blah_blah("+id+")", 1000);
			
			/*for (i = 1 ; i < 4 i++)
			{
				if (i != id)
				{
					$
				}
			}*/
		}
	} //else alert(1);
}