var dimensions=new Object;
dimensions.l=[
[159,204],
[242,147],
[276,197],
[204,204],
[236,173],
[252,153],
[297,153],
[172,192]
];
dimensions.m=[
[127,164],
[194,117],
[220,157],
[164,164],
[188,139],
[202,123],
[237,123],
[138,154]
];
dimensions.s=[
[101,132],
[156,93],
[176,125],
[132,132],
[150,111],
[162,99],
[189,99],
[110,124]
];

var imgs=new Array;
imgs[0]=new Array;
imgs[1]=new Array;

var dimension=null;

function preload(d) {
	for(i=1;i<=8;i++)
	{
		window.imgs[0][i]=new Image(window.dimensions[d][i-1][0],window.dimensions[d][i-1][1]);
		window.imgs[0][i].src="img/en/0"+i+"_"+d+"_off.jpg";
		window.imgs[1][i]=new Image(window.dimensions[d][i-1][0],window.dimensions[d][i-1][1]);
		window.imgs[1][i].src="img/en/0"+i+"_"+d+"_on.jpg";
	}
}

$(document).ready(
	function() {
		init();
		window.onresize=init;
		//window.onblur=init;
	}
);

function init()
{
	var d=check_sizes();
	if(d!=window.dimension) {
		preload(d);
		set_images(d);
	}
	window.dimension=d;
}

function check_size_element(e,n)
{
	var width=e.width(); var height=e.height();
	var d=null;
	$.each(window.dimensions, function(k,v) {
		if(v[n][0]<=width && v[n][1]<=height) {d=k;return false;}
	});
	if(d==null) d='s';
	return d;
}

function check_sizes()
{
	var mw=$('td.classxbox2')[2]; // самая широкая
	var dw=check_size_element($(mw),6);
	
	var mh=$('td.classxbox')[0]; // самая высокая
	var dh=check_size_element($(mh),0);

	if(dw=='s' || dh=='s') return 's';
	else if(dw=='m' || dh=='m') return 'm';
	else if(dw=='l' || dh=='l') return 'l';
}

function set_images(d)
{
	$('td.classxbox').each(function(i) {
		var t=$(this);
		t.css('cursor','pointer');
		t.css('backgroundImage','url('+window.imgs[0][i+1].src+')');
		t.bind("mouseover",function() {t.css('backgroundImage','url('+window.imgs[1][i+1].src+')');});
		t.bind("mouseout",function() {t.css('backgroundImage','url('+window.imgs[0][i+1].src+')');});
		t.bind("click",function() {document.location=t.find('a').attr('href');});
	});

		
	$('td.classxbox2').each(function(i) {
		var t=$(this);
		t.css('cursor','pointer');
		t.css('backgroundImage','url('+window.imgs[0][i+5].src+')');
		t.bind("mouseover",function() {t.css('backgroundImage','url('+window.imgs[1][i+5].src+')');});
		t.bind("mouseout",function() {t.css('backgroundImage','url('+window.imgs[0][i+5].src+')');});
		t.bind("click",function() {document.location=t.find('a').attr('href');});
	});
}