function logosMargin(m) {
	document.getElementById('mts_logo').style.marginTop=m+"px";
	document.getElementById('beeline_logo').style.marginTop=m+"px";
	document.getElementById('megafon_logo').style.marginTop=m+"px";
	document.getElementById('skylink_logo').style.marginTop=m+"px";
	document.getElementById('utel_logo').style.marginTop=m+"px";
	document.getElementById('motiv_logo').style.marginTop=m+"px";
}
function getClientWidth() {
	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;  
}
function fixWidth() {
	x = getClientWidth();
	if (x > 1140) {
		document.getElementById('mobile_catalog').style.width = ((x/2)-150)+"px";
		document.getElementById('soft_catalog').style.width = ((x/2)-150)+"px";
		document.getElementById('operators_links').style.width = "260px";
		logosMargin('18');
	} else {
		if (x > 1020) {
			document.getElementById('mobile_catalog').style.width = ((x/2)-150)+"px";
			document.getElementById('soft_catalog').style.width = ((x/2)-150)+"px";
			document.getElementById('operators_links').style.width = "260px";
			logosMargin('24');
		} else {
			if (x > 780) {
				document.getElementById('mobile_catalog').style.width = ((x/2)-150)+"px";
				document.getElementById('soft_catalog').style.width = ((x/2)-150)+"px";
				document.getElementById('operators_links').style.width = "260px";
				logosMargin('40');
			} else {
				document.getElementById('mobile_catalog').style.width = "240px";
				document.getElementById('soft_catalog').style.width = "240px";
				document.getElementById('operators_links').style.width = "300px";
				logosMargin('40');
			}
		}
	}
	// Operators index blocks
	if (x < 1040) {
		var ow = ((x - 200)/3);
		if (ow < 186) ow = 186;
	} else {
		var ow = ((x - 200)/6);
	}
	var hw = ((x - 240 - 20)/2);
	var fw = x- 200 - 60 - 2;
	hw = Math.floor(hw);
	ow = Math.floor(ow);
	ow = ow - 20 - 2;
	document.getElementById('mts_top_block').style.width = ow+"px";
	document.getElementById('beeline_top_block').style.width = ow+"px";
	document.getElementById('megafon_top_block').style.width = ow+"px";
	document.getElementById('skylink_top_block').style.width = ow+"px";
	document.getElementById('utel_top_block').style.width = ow+"px";
	document.getElementById('motiv_top_block').style.width = ow+"px";
	//Half blocks
	document.getElementById('mobile_categories').style.width = hw+"px";
	document.getElementById('mobile_manufacturers').style.width = hw+"px";
	document.getElementById('soft_categories').style.width = hw+"px";
	document.getElementById('soft_manufacturers').style.width = hw+"px";
	// Catalogs
	document.getElementById('mobile_categories_catalog').style.width = fw+"px";
	document.getElementById('mobile_manufacturers_catalog').style.width = fw+"px";
	document.getElementById('soft_categories_catalog').style.width = fw+"px";
	document.getElementById('soft_manufacturers_catalog').style.width = fw+"px";
}
function startDisplay() {
	display('mobile_categories','mobile');
	display('soft_categories','soft');
}
function display(id,type) {
	// id arrays
	if (type == 'mobile') {
		var links = ['mobile_categories', 'mobile_manufacturers'];
		var blocks = ['mobile_categories_catalog', 'mobile_manufacturers_catalog'];
		var title_back = "url('img/index_mobile_adv_cat_back.gif')";
	}
	if (type == 'soft') {
		var links = ['soft_categories', 'soft_manufacturers'];
		var blocks = ['soft_categories_catalog', 'soft_manufacturers_catalog'];
		var title_back = "url('img/index_soft_adv_cat_back.gif')";
	}
	// define link & block
	var block = id+'_catalog';
	var elink = document.getElementById(id);
	var element = document.getElementById(block);
	// get styles from css file
	if (element.currentStyle) {
		elink.style.backgroundImage = elink.currentStyle.backgroundImage;
		elink.style.color = elink.currentStyle.color;
		elink.style.textDecoration = elink.currentStyle.textDecoration;
		element.style.visibility = element.currentStyle.visibility;
		element.style.display = element.currentStyle.display;
	} else {
		elink.style.backgroundImage = (getComputedStyle (elink,'')).backgroundImage;
		elink.style.color = (getComputedStyle (elink,'')).color;
		elink.style.textDecoration = (getComputedStyle (elink,'')).textDecoration;
		element.style.visibility = (getComputedStyle (element,'')).visibility;
		element.style.display = (getComputedStyle (element,'')).display;
	}
		// first, hide everything
		for (i=0; i < blocks.length; i++) {
			var elks = document.getElementById(links[i]);
			var els = document.getElementById(blocks[i]);
			elks.style.backgroundImage = "none";
			elks.style.color = "#144EC0";
			elks.style.textDecoration = "underline";
			els.style.visibility = "hidden";
			els.style.display = "none";
		}
		// then, show particular
		elink.style.backgroundImage = title_back;
		elink.style.color = "#FFFFFF";
		elink.style.textDecoration = "none";
		element.style.visibility = "visible";
		element.style.display = "block";
}