var img_over=new Array("board","camera","comp", "mail", "micro", "movie", "pen", "xl");
var buf = new Array();

for (i=0; i<img_over.length; i++) {

	buf[i]=$('<img>');
	$('<img>').attr('src', '/images/ico/'+img_over[i]+'_h.png');
}

function TVresize() {
	BlocksCalc();
	
	var borderWidth = 48;
	var ratio = 1.9;
	var TVset = $('#TVset');
	var Body = $('#Body');
	var TVsetHeight = (TVset.width() / ratio);
	var BodyHeight = TVsetHeight + 2*borderWidth - 50;
	
	TVset.height(TVsetHeight);
	Body.css('minHeight', BodyHeight+'px');
}

function BlocksCalc() {  
//	var roll = $('#roll');
	var rollItems = $('#roll td');
	//var rollItems = roll.getElementsByTagName('td');
	
	var visibleItems = 5;
	var p = 250;
	var s = 20;
	var k = 30;
	var Screen1 = 2*k + 3*s + 4*p;
	var Screen2 = 2*k + 4*s + 5*p;
	
	var BrowserWidth = $(window).width();
//	var BrowserWidth = document.getElementsByTagName('html')[0].clientWidth;
	if (BrowserWidth >= Screen1 && BrowserWidth < Screen2) {
		visibleItems = 7;
	} else if (BrowserWidth >= Screen2) {
		visibleItems = 9;
	}
	for ( var i=0; i<rollItems.length; i++ ) {
		if (visibleItems!=0) {
			rollItems.eq(i).show();
			visibleItems--;
		} else {
			rollItems.eq(i).hide();
		}
	}
}

function roll(direction) {
	var roll = $('#roll');
//	var roll = document.getElementById('roll');
	var rollTr = roll.find('tr');
	var rollItems = roll.find('td');

	if (direction=='right') {
		rollTr.append(rollItems.eq(0));
		rollTr.append(rollItems.eq(1));

	}
	if (direction=='left') {
		rollTr.prepend(rollItems.eq(rollItems.length-1));
		rollTr.prepend(rollItems.eq(rollItems.length-2));
	}

  BlocksCalc();
//  roll.find('td').each(function(index){
//    if (index<5) $(this).show();
//    else $(this).hide();
//  })
}