var smallPath1 = 'http://cvant-dveri-vorota.ru/price/images/poroshok';
var smallPath2 = 'http://cvant-dveri-vorota.ru/price/images/vinil_in';
var smallPath3 = 'http://cvant-dveri-vorota.ru/price/images/laminat';
var smallPath4 = 'http://cvant-dveri-vorota.ru/price/images/mdf';
var smallPath5 = 'http://cvant-dveri-vorota.ru/price/images/zamki';
//var bigPath = 'photos/photos640x480/';
var pos = 0;

var imgs1 = new Array();
imgs1[0] = 's_1015.jpg';
imgs1[1] = 's_1019.jpg';
imgs1[2] = 's_5003.jpg';
imgs1[3] = 's_6005.jpg';
imgs1[4] = 's_6019.jpg';
imgs1[5] = 's_7035.jpg';
imgs1[6] = 's_8017.jpg';
imgs1[7] = 's_9002.jpg';
imgs1[8] = 's_alumin.jpg';
imgs1[9] = 's_ant_bronza.jpg';
imgs1[10] = 's_ant_medn.jpg';
imgs1[11] = 's_ant_serebr.jpg';
imgs1[12] = 's_antik_white.jpg';
imgs1[13] = 's_black_9005.jpg';
imgs1[14] = 's_black_muar.jpg';
imgs1[15] = 's_grey_7012.jpg';
imgs1[16] = 's_serebr_black.jpg';
imgs1[17] = 's_serebr_blue.jpg';
imgs1[18] = 's_serebr_fiolet.jpg';
imgs1[19] = 's_serebr_gray.jpg';
imgs1[20] = 's_serebr_green.jpg';
imgs1[21] = 's_serebr_red.jpg';

var imgs2 = new Array();
imgs2[0] = 'd1-16.jpg';
imgs2[1] = 'd1-17.jpg';
imgs2[2] = 'd1-18.jpg';
imgs2[3] = 'd1-19.jpg';
imgs2[4] = 'd1-20.jpg';
imgs2[5] = 'd1-21.jpg';
imgs2[6] = 'd1-22.jpg';
imgs2[7] = 'd1-23.jpg';
imgs2[8] = 'd1-24.jpg';
imgs2[9] = 'd1-25.jpg';
imgs2[10] = 'd1-26.jpg';
imgs2[11] = 'd1-27.jpg';
imgs2[12] = 'd1-28.jpg';
imgs2[13] = 'd1-29.jpg';
imgs2[14] = 'd1-30.jpg';

var imgs3 = new Array();
imgs3[0] = '001.jpg';
imgs3[1] = '003.jpg';
imgs3[2] = '004.jpg';
imgs3[3] = '005.jpg';
imgs3[4] = '006.jpg';
imgs3[5] = '007.jpg';
imgs3[6] = '008.jpg';
imgs3[7] = '009.jpg';
imgs3[8] = '010.jpg';
imgs3[9] = '012.jpg';
imgs3[10] = '013.jpg';
imgs3[11] = '014.jpg';
imgs3[12] = '015.jpg';
imgs3[13] = '016.jpg';
imgs3[14] = '017.jpg';
imgs3[15] = '019.jpg';
imgs3[16] = '020.jpg';
imgs3[17] = '021.jpg';
imgs3[18] = '022.jpg';
imgs3[19] = '01.jpg';
imgs3[20] = '02.jpg';
imgs3[21] = '03.jpg';
imgs3[22] = '04.jpg';
imgs3[23] = '05.jpg';
imgs3[24] = '06.jpg';
imgs3[25] = '07.jpg';

var imgs4 = new Array();
imgs4[0] = '01.jpg';
imgs4[1] = '02.jpg';
imgs4[2] = '03.jpg';
imgs4[3] = '04.jpg';
imgs4[4] = '05.jpg';
imgs4[5] = '06.jpg';
imgs4[6] = '07.jpg';
imgs4[7] = '08.jpg';
imgs4[8] = '09.jpg';
imgs4[9] = '10.jpg';
imgs4[10] = '11.jpg';
imgs4[11] = '12.jpg';
imgs4[12] = '13.jpg';
imgs4[13] = 'd6-34.jpg';
imgs4[14] = 'd6-35.jpg';
imgs4[15] = 'd6-36.jpg';
imgs4[16] = 'd6-37.jpg';
imgs4[17] = 'd6-38.jpg';
imgs4[18] = 'd6-39.jpg';
imgs4[19] = 'd6-40.jpg';
imgs4[20] = 'd6-41.jpg';
imgs4[21] = 'd6-42.jpg';

var imgs5 = new Array();
imgs5[0] = '0002.jpg';
imgs5[1] = 'CISA-57.535.jpg';
imgs5[2] = 'CISA-57.985.jpg';
imgs5[3] = 'd3-27.jpg';
imgs5[4] = 'd3-28.jpg';
imgs5[5] = 'd3-29.jpg';
imgs5[6] = 'd3-31.jpg';
imgs5[7] = 'd3-56.jpg';
imgs5[8] = 'elbor.jpg';
imgs5[9] = 'elbor_v.jpg';
imgs5[10] = 'elbor_n.jpg';
imgs5[11] = 'kale_252.jpg';
imgs5[12] = 'kale2000.jpg';
imgs5[13] = 'kale252.jpg';
imgs5[14] = 'mettem.jpg';
imgs5[15] = 'mettem-2t.jpg';
imgs5[16] = 'mosrentgen.jpg';
imgs5[17] = 'mottura.jpg';
imgs5[18] = 'mottura-52.783.jpg';
imgs5[19] = 'mottura783.jpg';
imgs5[20] = 'sam.jpg';
imgs5[21] = 'sam_3b8.jpg';
imgs5[22] = 'sam3rig.jpg';
imgs5[23] = 'vaz.jpg';
imgs5[24] = 'volmet.jpg';

tempImg = new Array
for (i=1; i<6; i++) {
	tempImg[i] = new Array();
}

function showAllImages(type) {
	var content = '';
	var len = 0;
	var n = 7;
	var smallPath = '';
	pos = 0;
	var imgs = new Array();
	
	switch (type) {
		case 1:
			imgs = imgs.concat(imgs1);
			smallPath = smallPath1;
			break;
		case 2:
			imgs = imgs.concat(imgs2);
			smallPath = smallPath2;
			break;
		case 3:
			imgs = imgs.concat(imgs3);
			smallPath = smallPath3;
			break;
		case 4:
			imgs = imgs.concat(imgs4);
			smallPath = smallPath4;
			break;
		case 5:
			imgs = imgs.concat(imgs5);
			smallPath = smallPath5;
			break;
	}
	
	len = imgs.length;
	if (type==5) {
		content = '<table align="center" style="color#FF0000; height:70px;"><tr>';
		if (len > 7) content += '<td style="background:url(http://cvant-dveri-vorota.ru/images/left-right.gif) no-repeat; background-position:0 6px; width:20px; cursor:pointer;" onclick="moveImages(-1,'+type+');"></td>';
		if (len < 7) n = len;
		for (i=0; i<n; i++) {
			content += '<td align="center"><img id="small'+type+'_img'+i+'" height="60" style="cursor:pointer;" onclick="viewImage('+i+');" src="http://cvant-dveri-vorota.ru/images/loading.gif"></td>';
		}
		if (len > 7) content += '<td style="background:url(http://cvant-dveri-vorota.ru/images/left-right.gif) no-repeat; background-position:-20px 6px; width:20px; cursor:pointer;" onclick="moveImages(1,'+type+');"></td>';
		content += '</tr></table>';
		content += '<br><div align="center" id="view_img"><img id="big_img" height="180" src="http://cvant-dveri-vorota.ru/images/loading.gif"></div>';
	}
	else {
		content = '<table align="left" style="color#FF0000; height:60px;"><tr>';
	
		if (len > 7) content += '<td style="background:url(http://cvant-dveri-vorota.ru/images/left-right.gif) no-repeat; background-position:0 6px; width:20px; cursor:pointer;" onclick="moveImages(-1,'+type+');"></td>';
		if (len < 7) n = len;
		for (i=0; i<n; i++) {
			content += '<td align="center"><img id="small'+type+'_img'+i+'" height="60" width="90" src="http://cvant-dveri-vorota.ru/images/loading.gif"></td>';
		}
		if (len > 7) content += '<td style="background:url(http://cvant-dveri-vorota.ru/images/left-right.gif) no-repeat; background-position:-20px 6px; width:20px; cursor:pointer;" onclick="moveImages(1,'+type+');"></td>';
		content += '</tr></table>';
	}
	
	document.getElementById('images_container'+type).innerHTML = content;

	for (i=0; i<len; i++) {
		tempImg[type][i] = new Image();
		tempImg[type][i]['src'] = smallPath+'/'+imgs[i];
	}	
	showAllImages2(0,type);
	if(type==5) {
		viewImage(0)
	}
}

function showAllImages2(k,type) {
	var len = 0;
	var n = 7;
	
	len = tempImg[type].length;
	if (len < 7) n = len;
	for (i=0; i<n; i++) {
		document.getElementById('small'+type+'_img'+i).src = tempImg[type][k]['src'];
		k++;
		if (k >= len) k = 0; 
	}
}

function viewImage(n) {
	var len = 0;
	var k = 0;
	var pic = new Image();
	
	document.getElementById('big_img').src = 'http://cvant-dveri-vorota.ru/images/loading.gif';
	
	len = imgs5.length;
	k = pos + n;
	if (k < 0) k = len - k;
	if (k >= len) k = k - len;
	
	pic['src'] = smallPath5+'/'+imgs5[k];
	document.getElementById('big_img').src = pic['src'];
}


function moveImages(n,type) {
	var len = 0;
	var k = 0;
	
	var imgs = new Array();
	
	switch (type) {
		case 1:
			imgs = imgs.concat(imgs1);
			break;
		case 2:
			imgs = imgs.concat(imgs2);
			break;
		case 3:
			imgs = imgs.concat(imgs3);
			break;
		case 4:
			imgs = imgs.concat(imgs4);
			break;
		case 5:
			imgs = imgs.concat(imgs5);
			break;
	}
	
	len = imgs.length;
	k = pos + n;
	if (k < 0) k = len - k;
	if (k >= len) k = k - len;
	pos = k;
	
	showAllImages2(k,type);
}
