/*****  DECLARATION OF DESCRIPTIONS ARRAY *****/
var descriptions = new Array();

	/* CASTROL */
descriptions['CASTROL'] = new Array();
descriptions['CASTROL']['logo'] = "castrol.gif";
descriptions['CASTROL']['site'] = "www.castrol.com";
descriptions['CASTROL']['text'] = 'Повече от сто години маслото <i>Castrol</i> означава качество, лидерство и рекорди. Където и да го '
+ 'видите - на пистите, по рали трасетата, в търговската мрежа, с ново лице и нов характер <i>Castrol</i> е неотменно на върха.<br /><br />'
+ '<b>IT\'S MORE THAN JAST OIL.<br />IT\'S LIQUID ENGINEERING.</b>'

	/* BP */
descriptions['BP'] = new Array();
descriptions['BP']['logo'] = "bp.gif";
descriptions['BP']['site'] = "www.bp.com";
descriptions['BP']['text'] = 'Бодигардът на вашия автомобил!<br /><i>British Petroleum Company p.l.c.</i> е една от най-големите '
+ 'компании в света, с над 100 годишна история и опит в разработването, производството и търговията с петролни продукти.';
	
	/* PUROLATOR */
descriptions['PUROLATOR'] = new Array();
descriptions['PUROLATOR']['logo'] = "purolator.gif";
descriptions['PUROLATOR']['site'] = "www.pureoil.com";
descriptions['PUROLATOR']['text'] = 'Първата автомобилна маслена филтрираща система. Комбинация от думите "Pure oil later" (чисто масло по-късно). '
+ 'Вече над 80 години за филтрите <i>Purolator</i> качеството е начин на съществуване и синоним на максимално задоволяване на потребителското търсене.';

	/* HENGST */
descriptions['HENGST'] = new Array();
descriptions['HENGST']['logo'] = "hengst.gif";
descriptions['HENGST']['site'] = "www.hengst-katalog.de";
descriptions['HENGST']['text'] = '<i>Hangst Filterwerke</i> е основана през 1958г. и по настоящем е интернационална компания в '
+ 'производството на едни от най-качествените маслени, горивни и въздушни  филтри.';

	/* AMC */
descriptions['AMC'] = new Array();
descriptions['AMC']['logo'] = "amc.gif";
descriptions['AMC']['site'] = "www.cavo.net";
descriptions['AMC']['text'] = 'Богата гама филтри за японски и корейски автомобили, съчетание от отлично качество и '
+ 'атрактивни цени производство на Холандската фирма Kavo B.V.';

	/* MECAFILTER */
descriptions['MECAFILTER'] = new Array();
descriptions['MECAFILTER']['logo'] = "mecafilter.gif";
descriptions['MECAFILTER']['site'] = "www.mecafilter.com";
descriptions['MECAFILTER']['text'] = '';

	/* DAYCO */
descriptions['DAYCO'] = new Array();
descriptions['DAYCO']['logo'] = "dayco.gif";
descriptions['DAYCO']['site'] = "www.dayco.com";
descriptions['DAYCO']['text'] = '<i>Dаyco</i> произвежда и разпространява пълен асортимент от ремъци, маркучи и др. '
+ 'за всички леки автомобили, бусове, тежкотоварни и земеделски машини.<br /><i>Dаyco Rabber Manifacturing Company</i> е основана '
+ 'през 1905г. в Dayton, Ohio и по-вече от 100 години  успявя да поддържа завидна репутация на автомобилния пазар.';

	/* WURTH */
descriptions['WURTH'] = new Array();
descriptions['WURTH']['logo'] = "wurth.gif";
descriptions['WURTH']['site'] = "www.wuerth.bg";
descriptions['WURTH']['text'] = '<i>Adolf Würth GmbH & Co. KG</i> е немска компания основана през 1945г. Вюрт-групата има над '
+ '400 представителства в 86 държави. Продуктовата програма обхваща над 100&nbsp;000 артикула (включително автокозметика и автоаксесоари). '
+ 'В световен мащаб повече от 2,9 милиона клиенти се доверяват на високото качество на продуктите на Вюрт.';

	/* HOLTS */
descriptions['HOLTS'] = new Array();
descriptions['HOLTS']['logo'] = "holts.gif";
descriptions['HOLTS']['site'] = "www.holtsauto.com";
descriptions['HOLTS']['text'] = '<i>Holt Lloyd</i> e най-големият световен производител на автокозметика. Основан във Великобритания, '
+ 'продуктите му се продават в над 70 държави.';

	/* WYNNS */
descriptions['WYNNS'] = new Array();
descriptions['WYNNS']['logo'] = "wynns.gif";
descriptions['WYNNS']['site'] = "www.wynns.be";
descriptions['WYNNS']['text'] = 'Професионални продукти за автомобила. Близо 100 години белгийската компания <i>Wynn’s International Inc</i> '
+ 'преследва една единствена цел: да подобри мощността и трайността на превозните средства.';

	/* RESURS */
descriptions['RESURS'] = new Array();
descriptions['RESURS']['logo'] = "resurs.gif";
descriptions['RESURS']['site'] = "www.smazka.ru";
descriptions['RESURS']['text'] = 'Добавки за двигателни и трансмисионни масла. Нова Руска технология за възстановяване на двигатели '
+ 'без тяхното разглобяване. Снижава изгарянето на маслото до 5 пъти, повишава компресията до 40%.';

	/* BRISK */
descriptions['BRISK'] = new Array();
descriptions['BRISK']['logo'] = "brisk.gif";
descriptions['BRISK']['site'] = "www.brisk.biz";
descriptions['BRISK']['text'] = '<i>Brisk Tabor</i> е акционерно дружество обединило чехските марки BRITA, CIL и PAL '
+ 'и запазило традициите в производството на качествени свещи за запалване, същевременно отговарящи на изискванията на съвременните автомобили.';

	/* MOTOPRO */
descriptions['MOTOPRO'] = new Array();
descriptions['MOTOPRO']['logo'] = "motopro.gif";
descriptions['MOTOPRO']['site'] = "www.casablanca.bg";
descriptions['MOTOPRO']['text'] = 'Една качествена серия козметика за автомобила  на българсакта фирма Casablanca. '
+ 'Създадена през 1999г. за кратко време фирмата се налага с качествени продукти на достъпни цени.';

/*****  END DECLARATION OF DESCRIPTIONS ARRAY *****/

/*
	getElementsByClassName
	Written by Jonathan Snook, http://www.snook.ca/jonathan
	Add-ons by Robert Nyman, http://www.robertnyman.com
*/

function getElementsByClassName(oElm, strTagName, strClassName){
	var arrElements = (strTagName == "*" && oElm.all)? oElm.all : oElm.getElementsByTagName(strTagName);
	var arrReturnElements = new Array();
	strClassName = strClassName.replace(/\-/g, "\\-");
	var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
	var oElement;
	for(var i=0; i<arrElements.length; i++){
		oElement = arrElements[i];
		if(oRegExp.test(oElement.className)){
			arrReturnElements.push(oElement);
		}
	}
	return (arrReturnElements)
}


var logodir = 'images/logos/';
var drid = 'desctable';
var iebody=(document.compatMode && document.compatMode != "BackCompat")? document.documentElement : document.body;

function getXScrollOffset()
{
	return document.all? iebody.scrollLeft : pageXOffset;
}
function getYScrollOffset()
{
	return document.all? iebody.scrollTop : pageYOffset;
}

function getWinWidth()
{
	// create the checkpoint element
	var cp = document.createElement("div");
	cp.style.position = "absolute";
	cp.style.width = "0px";
	cp.style.height = "0px";
	cp.style.right = "0px";
	cp.style.bottom = "0px";

	document.body.appendChild(cp);

	var current_width = cp.offsetLeft;

	document.body.removeChild(cp);

	return current_width - 20;
}

function getWinHeight()
{
	// create the checkpoint element
	var cp = document.createElement("div");
	cp.style.position = "absolute";
	cp.style.width = "0px";
	cp.style.height = "0px";
	cp.style.right = "0px";
	cp.style.bottom = "0px";

	document.body.appendChild(cp);

	var current_height = cp.offsetTop;

	document.body.removeChild(cp);

	return current_height - 20;
}

function mouseX(evt) 
{
	if (evt.pageX) return evt.pageX;
	else if (evt.clientX)
	   return evt.clientX + (document.documentElement.scrollLeft ?
	   document.documentElement.scrollLeft :
	   document.body.scrollLeft);
	else return null;
}

function mouseY(evt) 
{
	if (evt.pageY) return evt.pageY;
	else if (evt.clientY)
	   return evt.clientY + (document.documentElement.scrollTop ?
	   document.documentElement.scrollTop :
	   document.body.scrollTop);
	else return null;
}

function moveDescription(evt)
{
	evt = (evt) ? evt : ((window.event) ? window.event : "");
	if (evt)
	{
		var descRect = document.getElementById(drid);
		var x = mouseX(evt);
		var y = mouseY(evt);
		var w = descRect.offsetWidth;
		var h = descRect.offsetHeight;
		if (x + w - getXScrollOffset()> getWinWidth()) {
			x = x - w - 5;				
		}
		else {
			x += 15;
		}
		descRect.style.left = "" + x + "px";
		if (y +  h - getYScrollOffset() > getWinHeight()) {
			y = y - h - 5;
		}
		else {
			y += 15;
		}
		descRect.style.top = y + "px";
	}
}

function showDescription(evt)
{
	evt = (evt) ? evt : ((window.event) ? window.event : "");
	if (evt)
	{
		var elem = (evt.target) ? evt.target : evt.srcElement;
		var firm = elem.className.slice(0, elem.className.indexOf(" ")).toUpperCase();

		if (elem.tagName.toLowerCase() == "a")
		{
			elem.href = "";
			if (descriptions[firm]['site'].slice(0, 7) != "http://")
			{
				elem.href = "http://";
			}
			elem.href += descriptions[firm]['site'];
			elem.target = "_blank";
		}
		document.getElementById("descriptionheader").innerHTML = descriptions[firm]['site'];
		var descRect = document.getElementById("descriptionrectangle");
		descRect.innerHTML = '<img src="' + logodir + descriptions[firm]['logo'] + '" alt="' + firm + '" />';
		descRect.innerHTML += descriptions[firm]['text'];
		moveDescription(evt);
		document.getElementById(drid).style.display = 'block';
	}
}

function hideDescription(evt)
{
	document.getElementById(drid).style.display = 'none';
}

function movePreviewTooltip(evt)
{
	evt = (evt) ? evt : ((window.event) ? window.event : "");
	if (evt)
	{
		var tooltipRect = document.getElementById('imgtooltip');
		var x = mouseX(evt);
		var y = mouseY(evt);
		var w = tooltipRect.offsetWidth;
		var h = tooltipRect.offsetHeight;
		if (x + w - getXScrollOffset()> getWinWidth()) {
			x = x - w - 5;				
		}
		else {
			x += 15;
		}
		tooltipRect.style.left = "" + x + "px";
		if (y +  h - getYScrollOffset() > getWinHeight()) {
			y = y - h - 5;
		}
		else {
			y += 15;
		}
		tooltipRect.style.top = y + "px";
	}
}

function showPreviewTooltip(evt)
{
	evt = (evt) ? evt : ((window.event) ? window.event : "");
	if (evt)
	{		
		moveDescription(evt);
		document.getElementById('imgtooltip').style.display = 'block';
	}
}

function hidePreviewTooltip(evt)
{
	document.getElementById('imgtooltip').style.display = 'none';
}

function init(cur)
{	
	if (screen.width / screen.height < 1.4) document.body.style.backgroundImage = "url(images/bck_normal.jpg)"
			else document.body.style.backgroundImage = "url(images/bck_wide.jpg)"; 

	 var background = document.getElementById('background');
	 var content = document.getElementById('content');
	 content.style.top = background.offsetTop + 'px';
	 content.style.left = background.offsetLeft > 0 ? background.offsetLeft + 'px' : 
		background.offsetLeft + document.getElementById('main').offsetLeft + 'px';
	background.style.height = content.offsetHeight + 'px';

	document.getElementById(current).id = "activetab";
	document.getElementById("header").style.backgroundImage = "url('images/" + current + ".jpg')";
}

function showImage(image, alt) 
{
	document.body.style.overflow='hidden';
	var img = document.getElementById("preview_image");
	img.src = image;
	img.alt = alt;
	document.getElementById('cover').style.display='block';
	document.getElementById('view').style.display='block';
}
function hideImage()
{
	document.body.style.overflow='auto';
	document.getElementById('cover').style.display='none';
	document.getElementById('view').style.display='none';
}

function addEventHandlers()
{
	var elements = getElementsByClassName(document, "*", "with_description");	
	for (var i = 0; i < elements.length; ++i) {
		var el = elements[i];
		el.onmouseover = showDescription;
		el.onmousemove = moveDescription;
		el.onmouseout = hideDescription;
	}
	elements = getElementsByClassName(document, "*", "with_preview");	
	for (var i = 0; i < elements.length; ++i) {
		var el = elements[i];
		el.onmouseover = showPreviewTooltip;
		el.onmousemove = movePreviewTooltip;
		el.onmouseout = hidePreviewTooltip;
	}
}