var image_sizes = new Array();
var main_image_x = 280;
var main_image_y = 280;

if (browser_info.browser == "Internet Explorer"){
		if (browser_info.version == 6){
			var width_constant_x = 439;
		}else{
			var width_constant_x = 446;
		}
		
}else{

	var width_constant_x = 446;

}

var width_constant_y = 309;

var image_changed = false;

function fn_fast_change_image(key)
{
	$('#image_content').attr('src' , middle_images[key]['small_src']);
	$("#bImage").attr('src' , middle_images[key]['big_src']);
	$('#image_content').attr('width' , '280');
	$('#image_content').attr('height' , '280');
	main_image_x = middle_images[key]['image_x'];
	main_image_y = middle_images[key]['image_y'];
	$('#image_content').show();
	image_changed = true;
}
function fn_find_image_pos(image) 
{
	var curleft = curtop = scrolltop = scrollleft = 0;
	if (image == null) {
		return;
	}
	if(image.offsetParent) {
		curleft = document.documentElement.scrollLeft;
		curtop = image.offsetTop;
		scrolltop = image.scrollTop;
		scrollleft = document.documentElement.scrollLeft;
		while (image = image.offsetParent) {
			curleft += image.offsetLeft;
			curleft -= document.documentElement.scrollLeft;
			curtop += image.offsetTop;
//	[nds]
			if (scrolltop <= image.scrollTop) {
				if ($.browser.mozilla) {
					scrolltop += document.documentElement.scrollTop;
				}
				else {
					scrolltop += image.scrollTop;
				}
			}
			if (scrollleft <= image.offsetLeft && document.documentElement.scrollLeft == 0) {
				scrollleft += image.offsetLeft;
			}
			else {
				scrollleft += image.offsetLeft;
				scrollleft -= document.documentElement.scrollLeft;
			}
//	[/nds]
		}
	}
	if ($.browser.safari) {
		scrolltop = 0;
	}
	return [curleft, curtop, scrollleft, scrolltop];
}
function fn_pos(event)
{
	if (!image_changed) {
		fn_fast_change_image(current_image_key);
	}
	//alert(prod_main_img_id);
	//alert(current_image_key);
	var current_position = fn_find_image_pos(document.getElementById('image_content'));
	var cLeft = current_position[0];
	var cRight = cLeft + $("#image_content").attr('width');
	var cTop = current_position[1];
	var cBottom = cTop + $("#image_content").attr('height');
	var ex = event.clientX;
	var ey = event.clientY;
	var scaleX = main_image_x / 280;
	var scaleY = main_image_y / 280;
	var tx, ty, tx2, ty2 , over_x, over_y;
	if (ex < cLeft || ex > cRight || (ey + current_position[3]) <cTop || (ey + current_position[3]) > cBottom) {
		$("#prod_descr_to_hide").css('display' , "");
		$("#over").css('display' , "none"); 
	$("#big").css('display' , "none");
		$("#gradient").css('display' , "none");
		return;
	}
	tx = Math.floor(width_constant_x / scaleX);
	tx2 = Math.floor(tx/2);
	ty = Math.floor(width_constant_y / scaleY);
	ty2 = Math.floor(ty/2);
	over_x = Math.floor( 280*width_constant_x /main_image_x );
	over_y = Math.floor( 280*width_constant_y /main_image_y );
	$("#prod_descr_to_hide").css('display' , "none");
	document.getElementById('all_prod_details').height = "318px";
	$("#over").css('display' , "");
	$("#over").css('width' , over_x + 'px');
	$("#over").css('height' , over_y + 'px');
	$("#big").css('width' , width_constant_x+'px');
	$("#big").css('height' , width_constant_y+'px');
	$("#big").css('display' , '');
	/*if (browser_info.browser == "Internet Explorer"){
		if (browser_info.version == 6){
			$("#right_panel").css('height' , '432px');
			$("#seq_div").css('height' , '451px');	
		}else{
			$("#right_panel").css('height' , '433px');
			$("#seq_div").css('height' , '452px');	
		}
		
	}
	if (browser_info.browser == "Safari"){
		$("#right_panel").css('height' , '282px');
		$("#seq_div").css('height' , '302px');	
	}else{
		$("#right_panel").css('height' , '432px');
		$("#seq_div").css('height' , '452px');	
	}*/
	
	$('#gradient').css('display' , '');
	document.getElementById('big').scrollLeft = scaleX * (event.clientX - tx2 - cLeft);
	document.getElementById('big').scrollTop = scaleY * ((event.clientY + current_position[3]) - ty2 - cTop);
	$("#over").css('left' , ex - tx2 - current_position[2]);
	$("#over").css('top' , ey - ty2 - current_position[1] + current_position[3]);
}

/*var image_sizes = new Array();
var main_image_x = 280;
var main_image_y = 280;
var width_constant_x = 310;
var width_constant_y = 310;
var image_changed = false;

function fn_fast_change_image(key)
{
	
	
	$('#image_content').attr('src' , middle_images[key]['small_src']);
	$("#bImage").attr('src' , middle_images[key]['big_src']);
	$('#image_content').attr('width' , '280');
	$('#image_content').attr('height' , '280');
	main_image_x = middle_images[key]['image_x'];
	main_image_y = middle_images[key]['image_y'];
	$('#image_content').show();
	image_changed = true;
}
function fn_find_image_pos(image) 
{
	var curleft = curtop = scrolltop = scrollleft = 0;
	if (image == null) {
		return;
	}
	if(image.offsetParent) {
		curleft = document.documentElement.scrollLeft;
		curtop = image.offsetTop;
		scrolltop = image.scrollTop;
		scrollleft = document.documentElement.scrollLeft;
		while (image = image.offsetParent) {
			curleft += image.offsetLeft;
			curleft -= document.documentElement.scrollLeft;
			curtop += image.offsetTop;
//	[nds]
			if (scrolltop <= image.scrollTop) {
				if ($.browser.mozilla) {
					scrolltop += document.documentElement.scrollTop;
				}
				else {
					scrolltop += image.scrollTop;
				}
			}
			if (scrollleft <= image.offsetLeft && document.documentElement.scrollLeft == 0) {
				scrollleft += image.offsetLeft;
			}
			else {
				scrollleft += image.offsetLeft;
				scrollleft -= document.documentElement.scrollLeft;
			}
//	[/nds] 
		}
	}
	if ($.browser.safari) {
		scrolltop = 0;
	}
	return [curleft, curtop, scrollleft, scrolltop];
}
function fn_pos(event)
{
	if (!image_changed) {
		fn_fast_change_image(current_image_key);
	}
	var current_position = fn_find_image_pos(document.getElementById('image_content'));
	var cLeft = current_position[0];
	
	var cRight = cLeft + $("#image_content").attr('width');
	var cTop = current_position[1];
	//alert(cLeft+'!'+cTop);
	var cBottom = cTop + $("#image_content").attr('height');
	//alert(current_position[2]+'!'+current_position[3]);
	var ex = event.clientX;
	var ey = event.clientY;
	var scaleX = main_image_x / width_constant_x;
	var scaleY = main_image_y / width_constant_y;
	var tx, ty, tx2, ty2 , over_x, over_y;
	if (ex < cLeft || ex > cRight || (ey + current_position[3]) <cTop || (ey + current_position[3]) > cBottom) {
		$("#prod_descr_to_hide").css('display' , "");
		$("#over").css('display' , "none"); 
	$("#big").css('display' , "none");
		$("#gradient").css('display' , "none");
		return;
	}
	tx = Math.floor(width_constant_x / scaleX);
	tx2 = Math.floor(tx/2);
	ty = Math.floor(width_constant_y / scaleY);
	ty2 = Math.floor(ty/2);
	over_x = Math.floor(width_constant_x * (width_constant_x / main_image_x));
	over_y = Math.floor(width_constant_y * (width_constant_y / main_image_y));;
	$("#prod_descr_to_hide").css('display' , "none");
	$("#over").css('display' , "");
	$("#over").css('width' , over_x + 'px');
	$("#over").css('height' , over_y + 'px');
	$("#big").css('width' , width_constant_x+'px');
	$("#big").css('height' , width_constant_y+'px');
	$("#big").css('display' , '');
	$('#gradient').css('display' , '');
	document.getElementById('big').scrollLeft = scaleX * (event.clientX - tx2);
	document.getElementById('big').scrollTop = scaleY * (event.clientY - ty2 );
	$("#over").css('left' , ex - tx2 - current_position[2]);
	$("#over").css('top' , ey - ty2 - current_position[1] + current_position[3]);
}*/