var iCatalogueStart = 0;
var iCatalogueOn = -1;
var iCatalogueColorStart = 0;
var iCatalogueColorOn = -1;

function buildCatalogue() {
	var sHTML = '';
	
	for (var i = iCatalogueStart; (i < aCatalogue.length) && (i < (iCatalogueStart + iCatalogueLimit)); i++) {
		var sClass = (i == iCatalogueOn) ? ' class="on"' : '';
		
		if (aCatalogue[i].title.length > 15) {
			/*var sTitle = '';
			var temp = new Array();
			temp = aCatalogue[i].title.split(' ');
			
			for (var iTemp = 0; iTemp < temp.length; iTemp++) {
				if (iTemp) {
					sTitle += '<br />';
				}
				
				sTitle += temp[iTemp];
			}*/
			var sTitle = '<span style="font-size: 11px;">' + aCatalogue[i].title + '</span>';
		} else {
			var sTitle = '<span style="font-size: 11px;">' + aCatalogue[i].title + '</span>';
		}
		
		sHTML += '<li><a' + sClass + ' href="#on' + i + '" onclick="javascript: getCatalogueItem(' + i + '); return false;"><div><img style="background-image: url(\'' + base + 'images/' + sType + '/' + aCatalogue[i].preview + '\');" src="' + base + 'css/pics/spacer.gif" alt="" width="88" height="88" /></div>' + sTitle + '</a></li>';
	}
	
	document.getElementById('catalogue').innerHTML = sHTML;
	
	if ((document.getElementById('lleft') == null) && (aCatalogue.length > iCatalogueLimit)) {
		document.getElementById('lbody').innerHTML = document.getElementById('lbody').innerHTML + '<a href="#lleft" id="lleft" onclick="javascript: changeCatalogue(\'left\'); return false;"></a><a href="#lright" id="lright" onclick="javascript: changeCatalogue(\'right\'); return false;"></a>';
	}
}

function getCatalogueItem(iID) {
	var aCatalogueList = document.getElementById('catalogue').getElementsByTagName('a');
	var iCatalogueOnArea = iCatalogueOn - iCatalogueStart;
	
	if ((iCatalogueOn != -1) && (iCatalogueOn >= iCatalogueStart) && (iCatalogueOn < (iCatalogueStart + iCatalogueLimit))) {
		aCatalogueList[iCatalogueOnArea].className = '';
	}
	
	iCatalogueOn = iID;
	iCatalogueOnArea = iCatalogueOn - iCatalogueStart;
	
	aCatalogueList[iCatalogueOnArea].className = 'on';
	
	iCatalogueColorStart = 0;
	iCatalogueColorOn = -1;
	
	buildCatalogueItem();
	
	if (document.getElementById('rleft').style.display == 'none') {
		if (aCatalogue[iCatalogueOn].colors.length > iCatalogueColorLimit) {
			document.getElementById('rleft').style.display = 'block';
			document.getElementById('rright').style.display = 'block';
		}
	} else if (aCatalogue[iCatalogueOn].colors.length <= iCatalogueColorLimit) {
		document.getElementById('rleft').style.display = 'none';
		document.getElementById('rright').style.display = 'none';
	}
	
	getColorItem(0);
}

function buildCatalogueItem() {
	var sHTML = '';
	
	for (var i = iCatalogueColorStart; (i < aCatalogue[iCatalogueOn].colors.length) && (i < (iCatalogueColorStart + iCatalogueColorLimit)); i++) {
		var sClass = (i == iCatalogueColorOn) ? ' class="on"' : '';
		
		if (aCatalogue[iCatalogueOn].type == 1) {
			sColorTitle = aCatalogue[iCatalogueOn].colors[i].title;
		} else {
			sColorTitle = '';
		}
		
		sHTML += '<li><a' + sClass + ' href="#over' + i + '" onclick="javascript: getColorItem(' + i + '); return false;"><div><img style="background-image: url(\'' + base + 'images/' + sType + '/' + aCatalogue[iCatalogueOn].path + '/preview/' + aCatalogue[iCatalogueOn].colors[i].img + '\');" src="' + base + 'css/pics/spacer.gif" alt="" width="50" height="50" /></div>' + sColorTitle + '</a></li>';
	}
	
	document.getElementById('colors').innerHTML = sHTML;
	
	document.getElementById('rtext').innerHTML = aCatalogue[iCatalogueOn].description;
	
	var sHTML = '';
	
	for (var i = 0; i < aCatalogue[iCatalogueOn].params.length; i++) {
		sHTML += '<li><img src="' + base + 'images/params/' + aParams[aCatalogue[iCatalogueOn].params[i]][0] + '" alt="' + aParams[aCatalogue[iCatalogueOn].params[i]][1] + '" title="' + aParams[aCatalogue[iCatalogueOn].params[i]][1] + '" width="94" height="94" /></li>';
	}
	
	document.getElementById('rparams').innerHTML = sHTML;
}

function changeCatalogue(direction) {
	var iCatalogueLength = aCatalogue.length;
	
	if (direction == 'left') {
		if (iCatalogueStart) {
			iCatalogueStart -= iCatalogueLimit;
		} else {
			iCatalogueStart = parseInt(iCatalogueLength / iCatalogueLimit) * iCatalogueLimit;
			
			if (iCatalogueStart >= iCatalogueLength) {
				iCatalogueStart -= iCatalogueLimit;
			}
		}
	} else {
		if ((iCatalogueStart + iCatalogueLimit) >= iCatalogueLength) {
			iCatalogueStart = 0;
		} else {
			iCatalogueStart += iCatalogueLimit;
		}
	}
	
	buildCatalogue();
}

function changeColor(direction) {
	var iColorsLength = aCatalogue[iCatalogueOn].colors.length;
	
	if (direction == 'left') {
		if (iCatalogueColorStart) {
			iCatalogueColorStart -= iCatalogueColorLimit;
		} else {
			iCatalogueColorStart = parseInt(iColorsLength / iCatalogueColorLimit) * iCatalogueColorLimit;
			
			if (iCatalogueColorStart >= iColorsLength) {
				iCatalogueColorStart -= iCatalogueColorLimit;
			}
		}
	} else {
		if ((iCatalogueColorStart + iCatalogueColorLimit) >= iColorsLength) {
			iCatalogueColorStart = 0;
		} else {
			iCatalogueColorStart += iCatalogueColorLimit;
		}
	}
	
	buildCatalogueItem();
	
	buildCatalogue();
}

function getColorItem(iColorID) {
	var aCatalogueColorList = document.getElementById('colors').getElementsByTagName('a');
	var iCatalogueColorOnArea = iCatalogueColorOn - iCatalogueColorStart;
	
	if ((iCatalogueColorOn != -1) && (iCatalogueColorOn >= iCatalogueColorStart) && (iCatalogueColorOn < (iCatalogueColorStart + iCatalogueColorLimit))) {
		aCatalogueColorList[iCatalogueColorOnArea].className = '';
	}
	
	iCatalogueColorOn = iColorID;
	iCatalogueColorOnArea = iCatalogueColorOn - iCatalogueColorStart;
	
	$("#rheight").css({'height': 'auto'});
	
	if (aCatalogue[iCatalogueOn].colors.length > 0) {
		aCatalogueColorList[iCatalogueColorOnArea].className = 'on';
		
		if (aCatalogue[iCatalogueOn].type == 1) {
			sTitle = '&laquo;' + aCatalogue[iCatalogueOn].title + '&raquo; &mdash; ' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].title;
		} else {
			sTitle = '';
		}
		
		document.getElementById('rphoto').innerHTML = '<a href="' + base + 'images/' + sType + '/' + aCatalogue[iCatalogueOn].path + '/original/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].img + '" rel="wpp[g' + iCatalogueOn + '-' + iCatalogueColorOn + ']"><img src="' + base + 'images/' + sType + '/' + aCatalogue[iCatalogueOn].path + '/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].img + '" alt="' + sTitle + '" title="' + sTitle + '" /></a>';
		document.getElementById('rtitle').innerHTML = sTitle;
		
		var sColorJoinHTML = '';
		
		for (var i = 0; i < aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join.length; i++) {
			sColorJoinHTML += '<div><img onclick="javascript: changeColorItem(' + iCatalogueColorOn + ', true, ' + i + ');" style="background-image: url(\'' + base + 'images/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].path + '/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].catalogue_id + '/preview/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].img + '\');" src="' + base + 'css/pics/spacer.gif" alt="" width="50" height="50" /></div>';
			sColorJoinHTML += '<a href="' + base + 'images/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].path + '/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].catalogue_id + '/original/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].img + '" rel="wpp[g' + iCatalogueOn + '-' + iCatalogueColorOn + ']" style="display: none;"><img src="' + base + 'css/pics/spacer.gif" width="1" height="1" alt="' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].catalogue_title + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].title + '" title="' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].catalogue_title + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].title + '" /></a>';
		}
		
		if (sColorJoinHTML != '') {
			document.getElementById('ralternative').innerHTML = sColorJoinHTML;
			document.getElementById('ralternative').style.display = 'block';
		} else {
			document.getElementById('ralternative').style.display = 'none';
		}
		
		if (aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join.length > 4) {
			var height = aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join.length * 70 + 26;
			$("#rheight").css({'height': height + 'px'});
		}
	} else {
		document.getElementById('rphoto').innerHTML = '';
		document.getElementById('rtitle').innerHTML = '';
		document.getElementById('ralternative').style.display = 'none';
	}
	
	setPrettyPhoto();
}

function changeColorItem(iColorID, alternative, iColorJoinID) {
	if (alternative) {
		document.getElementById('rphoto').innerHTML = '<a href="' + base + 'images/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[iColorJoinID].path + '/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[iColorJoinID].catalogue_id + '/original/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[iColorJoinID].img + '" rel="wpp[g' + iCatalogueOn + '-' + iCatalogueColorOn + ']"><img src="' + base + 'images/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[iColorJoinID].path + '/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[iColorJoinID].catalogue_id + '/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[iColorJoinID].img + '" alt="' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[iColorJoinID].catalogue_title + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[iColorJoinID].title + '" title="' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[iColorJoinID].catalogue_title + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[iColorJoinID].title + '" /></a>';
		document.getElementById('rtitle').innerHTML = aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[iColorJoinID].catalogue_title + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[iColorJoinID].title;
		
		var sColorJoinHTML = '';
		
		for (var i = 0; i < aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join.length; i++) {
			if (i == iColorJoinID) {
				if (aCatalogue[iCatalogueOn].type == 1) {
					sTitle = '&laquo;' + aCatalogue[iCatalogueOn].title + '&raquo; &mdash; ' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].title;
				} else {
					sTitle = '';
				}
				
				sColorJoinHTML += '<div><img onclick="javascript: changeColorItem(' + iCatalogueColorOn + ', false, 0);" style="background-image: url(\'' + base + 'images/' + sType + '/' + aCatalogue[iCatalogueOn].path + '/preview/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].img + '\');" src="' + base + 'css/pics/spacer.gif" alt="" width="50" height="50" /></div>';
				sColorJoinHTML += '<a href="' + base + 'images/' + sType + '/' + aCatalogue[iCatalogueOn].path + '/original/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].img + '" rel="wpp[g' + iCatalogueOn + '-' + iCatalogueColorOn + ']" style="display: none;"><img src="' + base + 'css/pics/spacer.gif" width="1" height="1" alt="' + sTitle + '" title="' + sTitle + '" /></a>';
			} else {
				sColorJoinHTML += '<div><img onclick="javascript: changeColorItem(' + iCatalogueColorOn + ', true, ' + i + ');" style="background-image: url(\'' + base + 'images/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].path + '/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].catalogue_id + '/preview/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].img + '\');" src="' + base + 'css/pics/spacer.gif" alt="" width="50" height="50" /></div>';
				sColorJoinHTML += '<a href="' + base + 'images/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].path + '/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].catalogue_id + '/original/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].img + '" rel="wpp[g' + iCatalogueOn + '-' + iCatalogueColorOn + ']" style="display: none;"><img src="' + base + 'css/pics/spacer.gif" width="1" height="1" alt="' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].catalogue_title + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].title + '" title="' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].catalogue_title + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].title + '" /></a>';
			}
		}
		
		document.getElementById('ralternative').innerHTML = sColorJoinHTML;
	} else {
		if (aCatalogue[iCatalogueOn].type == 1) {
			sTitle = '&laquo;' + aCatalogue[iCatalogueOn].title + '&raquo; &mdash; ' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].title;
		} else {
			sTitle = '';
		}
		
		document.getElementById('rphoto').innerHTML = '<a href="' + base + 'images/' + sType + '/' + aCatalogue[iCatalogueOn].path + '/original/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].img + '" rel="wpp[g' + iCatalogueOn + '-' + iCatalogueColorOn + ']"><img src="' + base + 'images/' + sType + '/' + aCatalogue[iCatalogueOn].path + '/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].img + '" alt="' + sTitle + '" title="' + sTitle + '" /></a>';
		document.getElementById('rtitle').innerHTML = sTitle;
		
		var sColorJoinHTML = '';
		
		for (var i = 0; i < aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join.length; i++) {
			sColorJoinHTML += '<div><img onclick="javascript: changeColorItem(' + iCatalogueColorOn + ', true, ' + i + ');" style="background-image: url(\'' + base + 'images/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].path + '/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].catalogue_id + '/preview/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].img + '\');" src="' + base + 'css/pics/spacer.gif" alt="" width="50" height="50" /></div>';
			sColorJoinHTML += '<a href="' + base + 'images/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].path + '/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].catalogue_id + '/original/' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].img + '" rel="wpp[g' + iCatalogueOn + '-' + iCatalogueColorOn + ']" style="display: none;"><img src="' + base + 'css/pics/spacer.gif" width="1" height="1" alt="' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].catalogue_title + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].title + '" title="' + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].catalogue_title + aCatalogue[iCatalogueOn].colors[iCatalogueColorOn].color_join[i].title + '" /></a>';
		}
		
		document.getElementById('ralternative').innerHTML = sColorJoinHTML;
	}
	
	setPrettyPhoto();
}

function setPrettyPhoto() {
	var ua = window.navigator.userAgent.toLowerCase();
	
	// Определим Internet Explorer
	if ((ua.indexOf("msie") != -1) && (ua.indexOf("opera") == -1) && (window.navigator.userAgent.substr(window.navigator.userAgent.indexOf("MSIE")+5,3) == '6.0')) {
		var theme = 'light_square';
	} else {
		var theme = 'dark_rounded';
	}
	
	$("a[rel^='wpp']").prettyPhoto({
		animationSpeed: 'normal',
		padding: 20,
		opacity: 0.5,
		showTitle: true,
		allowresize: true,
		counter_separator_label: '/',
		theme: theme,
		hideflash: false,
		modal: false,
		changepicturecallback: function(){},
		callback: function(){}
	});
}