tabIsActive = false;

var alertTimeoutId = -1;
var alertIntervalId = -1;
var alertCounter = 10;

function showAlert(message) {
    alertTimeoutId = -1;
    alertIntervalId = -1;
    alertCounter = 20;
    var alertObj = document.getElementById("alertObj");
    var alertBack = document.getElementById("alertBack");
    alertObj.style.display = "block";
    alertObj.style.opacity = 1;
    alertObj.style.filter = "alpha(opacity=100)";
    alertBack.style.display = "block";
    alertTimeoutId = setTimeout(fadeoutAlert, 2000);
}

function hideAlert() {
    if (alertTimeoutId!=-1)
        clearTimeout(alertTimeoutId);
    if (alertIntervalId!=-1)
        clearInterval(alertIntervalId);
    var alertObj = document.getElementById("alertObj");
    var alertBack = document.getElementById("alertBack");
    alertObj.style.display = "";
    alertBack.style.display = "";
    return false;
}

function fadeoutAlert() {
    clearTimeout(alertTimeoutId);
    alertIntervalId = setInterval(decreaceAlertOpacity, 50)
}

function decreaceAlertOpacity() {
    alertCounter--;
    if (alertCounter<0) {
        clearInterval(alertIntervalId);
        hideAlert();
    } else {
        var alertObj = document.getElementById("alertObj");
        alertObj.style.opacity = alertCounter / 20;
        var filterOpacity = 100 * alertCounter / 20
        alertObj.style.filter = "alpha(opacity=" + filterOpacity + ")";
    }
}

function isValidEmail(email) {
    return /^([a-z0-9_-]+\.)*[a-z0-9_-]+@[a-z0-9_-]+(\.[a-z0-9_-]+)*\.[a-z]{2,4}$/.test(email);
}

function isValidForm() {
    var message = "Необходимо заполнить все обязательные поля!";
    var requestEmail = document.getElementById("requestEmail");
    if (requestEmail.value!="") {
        if (!isValidEmail(requestEmail.value)) {
            message = "Неверно указан электронный адрес!";
        } else {
            var requestFIO = document.getElementById("requestFIO");
            var requestQuery = document.getElementById("requestQuery");
            if (requestFIO.value!="" && requestQuery.value!="")
                message = "";
        }
    }
    if (message=="")
        return true;
    showAlert(message);
    return false;
}

function doAction(action) {
	if (action) {
		var objPos = action.indexOf("object=");
		if (objPos!=-1) {
			var objInd = action.substring(objPos + 7);
			loadObjectClick(objInd);
		} else {
			document.location.href = action;
		}
	} else {
		var tab = document.getElementById("sidebarRollover");
		var arrow = document.getElementById("rollMiddle");
		if (tab && arrow) {
			if (tabIsActive) {
				tab.style.left = "-203px";
				arrow.style.backgroundPosition = "right center";
				tabIsActive = false;
			} else {
				tab.style.left = "0px";
				arrow.style.backgroundPosition = "left center";
				tabIsActive = true;
			}
		}
	}
	return false;
}

function changeOpacity() {

	var overlayElem = document.getElementById("overlayLoader");
	
	if (currentOpacityValue==100) {

		document.getElementById("loader").style.display = "none";
		overlayElem.style.width = getClientWidth() + "px";
		overlayElem.style.height = getClientHeight() + "px";
		document.getElementById("mainContainer").style.display = "block";
		document.getElementById("bodyFrame").style.backgroundImage = "url('pictures/background.jpg')";
		
		if (document.getElementById("leftColumn")!=undefined) centerize(document.getElementById("leftColumn"));
		if (document.getElementById("interfacesContent")!=undefined) centerize(document.getElementById("interfacesContent"));
		if (document.getElementById("interfacesContentTop")!=undefined) centerize(document.getElementById("interfacesContentTop"), true);

		if (window.navigator.userAgent.substr(0,5)!="Opera") {
			var sidebarRollover = document.getElementById("sidebarRollover");
			if (sidebarRollover) {
				sidebarRollover.style.display = "block";
				var clientHeight = getClientHeight();
				var rolloverHeight = sidebarRollover.offsetHeight;
				sidebarRollover.style.top = ((clientHeight - rolloverHeight) / 2) + "px";
			}
		};

		if (window.location.pathname=="/")
			doAction();
		
	}
	
	currentOpacityValue -= 5;
	cssOpacity = currentOpacityValue / 100;
	
	overlayElem.style.opacity = cssOpacity;
	overlayElem.style.filter = "alpha(opacity=" + currentOpacityValue + ")";

	if (currentOpacityValue<5) {
		clearInterval(currentOpacityAnimationId);
		overlayElem.style.display= "none";
		loadFlash();
	}

}

function getClientWidth() {
	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientWidth:document.body.clientWidth;
}
function getClientHeight() {
	return document.compatMode=='CSS1Compat' && !window.opera?document.documentElement.clientHeight:document.body.clientHeight;
}

function centerize(column) {
	pTags = column.getElementsByTagName("p");
	for(var i=0; i<pTags.length; i++) {
		leftColumnItemP = pTags[i];
		leftColumnItemPHeight = 55;
		leftColumnItemA = leftColumnItemP.getElementsByTagName("a")[0];
		leftColumnItemAHeight = leftColumnItemA.offsetHeight;
		leftColumnItemSpan = leftColumnItemP.getElementsByTagName("span")[0];
		topPosition = Math.floor((leftColumnItemPHeight - leftColumnItemAHeight) * 2/5);
		if (leftColumnItemSpan!=undefined) {
			leftColumnItemSpan.style.height = (topPosition>0 ? topPosition : 0) + "px";
		} else {
			if (topPosition>0) { 
				leftColumnItemP.innerHTML = "<span class=\"emptyBlock\" style=\"height: " + topPosition + "px\"></span>" + leftColumnItemP.innerHTML;
			}
		}
	}
}

function newXMLHttpRequest() {
	if (window.XMLHttpRequest) {
		xmlreq = new XMLHttpRequest();
		} else if (window.ActiveXObject) {
			try {
				xmlreq = new ActiveXObject("Msxml2.XMLHTTP");
			} catch (e1) {
				try {
					xmlreq = new ActiveXObject("Microsoft.XMLHTTP");
				} catch (e2) {
			}
		}
	}
	return xmlreq;
}

function loadObjectClick(obj) {
	newObjectIndex = obj;
}

function loadObjectContent(obj, useNavigations) {

	var url = "get-object.php?object=" + obj;
	xmlHttp = newXMLHttpRequest();
	xmlHttp.open("GET", url, true);

	xmlHttp.onreadystatechange = function() {
		if (xmlHttp.readyState==4) {
			if (xmlHttp.status==200) {

				var jsonObjectString = xmlHttp.responseText;
				var jsonObject = JSON.parse(jsonObjectString);

				var content = jsonObject["content"];
				var interfacesHeader = "Доступные опции";
				
				if (content!=undefined) {
									
					// Generate Title
					var titleCustom = content.length==3 ? content[2].TitleCustom : content[1].TitleCustom;
					var titleString = titleCustom!="" ? titleCustom : ("EN4TEL / " + content[0].Title + " / " + content[1].Title + (content.length==3 ? " / " + content[2].Title : ""));
					titleString = titleString.replace(new RegExp("-<br />", "g"), "").replace(new RegExp("-<br/>", "g"), "").replace(new RegExp("-<br>", "g"), "");
					titleString = titleString.replace(new RegExp("<br />", "g"), " ").replace(new RegExp("<br/>", "g"), " ").replace(new RegExp("<br>", "g"), " ");
					document.title = titleString.replace(new RegExp("&nbsp;", "g"), " ");

					// Generate Headers
					var h1obj = document.getElementById("menuHeader");
					h1obj.innerHTML = content[0].Header;
					var h2obj = document.getElementById("deviceHeader");
					h2obj.innerHTML = content[1].Header;
					var h3obj = document.getElementById("interfaceHeader");
					h3obj.innerHTML = content.length==3 ? content[2].Header : "";
					interfacesHeader = content[1].InterfaceHeader!="" ? content[1].InterfaceHeader : "Доступные опции";

					// Generate PDF List
					var pdfsContent = "";
					if (jsonObject["pdfs"]!=undefined) {
						for(var i=0; i<jsonObject["pdfs"].length; i++) {
							pdfsContent = pdfsContent + "<img src=\"pictures/pdfIcon.gif\" alt=\"\"/><p class=\"pdfLink\">(" + jsonObject["pdfs"][i]["PDF_Size"] + " Мб)" +
								"<a target=\"_blank\" href=\"pdfs/" + jsonObject["pdfs"][i]["PDF_Name"] + "\">" + jsonObject["pdfs"][i]["PDF_Text"] + "</a></p>";
						}
					}
					if (pdfsContent!="") pdfsContent = pdfsContent + "<div class=\"spaceAfterPdfBlock\"></div>"; 

					// Update Print Version Link
					var printLink = document.getElementById("printLink");
					var requestOpen = document.getElementById("requestOpen");
					printLink.href = "print.php?object=" + ((jsonObject["interfaceId"]!=undefined) ? jsonObject["interfaceId"] : jsonObject["deviceId"]);
					requestOpen.href = "index.php?object=" + ((jsonObject["interfaceId"]!=undefined) ? jsonObject["interfaceId"] : jsonObject["deviceId"]);

					// Generate Text
					var text = (content.length==3 ? content[2].Text : content[1].Text).replace(new RegExp("\r\n", "g"), "</p><p>");
					var textContent = document.getElementById("textContent");
					textContent.innerHTML = pdfsContent + "<p>" + text + "</p>" + (jsonObject["tableText"]!=undefined ? jsonObject["tableText"] : "");
					
				}

				var currentMenuId = jsonObject["menuId"]!=undefined ? jsonObject["menuId"] : -1;
				var currentDeviceId = jsonObject["deviceId"]!=undefined ? jsonObject["deviceId"] : -1;
				var currentInterfaceId = jsonObject["interfaceId"]!=undefined ? jsonObject["interfaceId"] : -1;
				
				var leftColumn = document.getElementById("leftColumn");

				// Generate Left Menu Content
				if (currentMenuId!=previousMenuId) {
					
					var leftMenuContent = "";
					
					for(i=0; i<jsonObject["devices"].length; i++) {
						leftMenuContent += "<div id=\"beforeDevice" + jsonObject["devices"][i].Obj_Id + "\"></div>";
						leftMenuContent += "<div id=\"deviceItem" + jsonObject["devices"][i].Obj_Id + "\">";
						leftMenuContent += "<div>";
						leftMenuContent += "<a onclick=\"loadObjectClick(" + jsonObject["devices"][i].Obj_Id + "); return false\" href=\"index.php?object=" + jsonObject["devices"][i].Obj_Id + "\">";
						leftMenuContent += "<img class=\"transparentImage\" src=\"/previews/" + jsonObject["devices"][i].Image_Preview + "\" /></a></div><p>";
						leftMenuContent += "<a onclick=\"loadObjectClick(" + jsonObject["devices"][i].Obj_Id + "); return false\" href=\"index.php?object=" + jsonObject["devices"][i].Obj_Id + "\">" + jsonObject["devices"][i].Obj_Name + "</a>";
						leftMenuContent += "</a></p></div>";
						leftMenuContent += "<div id=\"afterDevice" + jsonObject["devices"][i].Obj_Id + "\"></div>";
					}
					
					leftColumn.innerHTML = leftMenuContent;
					
				}
	
				// Set Selection For Main And Top Menus
				topMenu = document.getElementById("infoBlockLeft").getElementsByTagName("a");
				mainMenu = document.getElementById("menuBlock").getElementsByTagName("a");
				
				for(i=0; i<topMenu.length; i++)
					if (topMenu[i].id.indexOf("linkObj")!=-1)
						topMenu[i].className = jsonObject["menuId"]==topMenu[i].id.substring(7) ? "topMenuSelected" : "";
				
				for(i=0; i<mainMenu.length; i++)
					if (mainMenu[i].id.indexOf("linkObj")!=-1) {
						mainMenu[i].parentNode.parentNode.className = jsonObject["menuId"]==mainMenu[i].id.substring(7) ? "menuItemSelected" : "menuItem";
						if (jsonObject["menuId"]!=mainMenu[i].id.substring(7)) 
							mainMenu[i].parentNode.parentNode.childNodes[1].style.backgroundPosition = "0px 0px";
					}
				
				// Change Columns Template If Required
				var currentPageIsWide = jsonObject["wideTemplate"]!=undefined;
				var centerColumn = document.getElementById("centerColumn") || document.getElementById("centerColumnWide");
				var clearWide = document.getElementById("clearWide");
				centerColumn.id = (currentPageIsWide) ? "centerColumnWide" : "centerColumn";
				clearWide.innerHTML = (currentPageIsWide) ? "<div class=\"clear\"></div>" : "";

				// Generate List Of Interfaces
				var interfacesContent = "";
				
				for(var i=0; i<jsonObject["interfaces"].length; i++) {
					var imageName = jsonObject["interfaces"][i]["Image_Preview"];
					var objectId = jsonObject["interfaces"][i]["Obj_Id"];
					var objectName = jsonObject["interfaces"][i]["Obj_Name"];
					var linkPrefix = "<a href=\"index.php?object=" + objectId + "\" onclick=\"loadObjectClick(" + objectId + "); return false\">";
					var linkPostfix = "</a>";
					var img = "<img class=\"transparentImage\" src=\"/previews/" + imageName + "\" />";
					interfacesContent = interfacesContent + "<div class=\"rightMenuItem\" id=\"interfaceItem" + objectId + "\"><div>" + linkPrefix + img + linkPostfix + "</div><p>" + linkPrefix + objectName + linkPostfix + "</p></div>";
				}
				
				var interfacesContentObj = document.getElementById("interfacesContentTop");
				var rightColumnInObj = document.getElementById("rightColumnIn");
				interfacesContentObj.innerHTML = (currentPageIsWide) ? interfacesContent : "";
				rightColumnInObj.innerHTML = (!currentPageIsWide) ? "<div class=\"rightColumnContentBox\"><p class=\"addonsHeader\" id=\"interfacesHeader\">" + interfacesHeader + "</p><div id=\"interfacesContent\">" + interfacesContent + "</div></div>" : "";
				
				// Apply Styles For Selected Devices And Interfaces
				selectedDeviceName = "";
				var divsRaw = leftColumn.getElementsByTagName("div");
				var divs = [];

				for(var i=0; i<divsRaw.length; i++) {
					if (divsRaw[i].id.indexOf("deviceItem")!=-1) {
						divs.push(divsRaw[i]);
					}
				}
				
				for(var i=0; i<divs.length; i++) {

					selectedDevice = "";
					deviceIsSelected = (divs[i].id.substring(10)==jsonObject["deviceId"]);

					if (deviceIsSelected) {

						selectedDeviceName = divs[i].id;
						
						switch(divs.length) {
							case 1:
								selectedDevice = "top";
								break;
							case 2:
								selectedDevice = (i==0) ? "top" : "bottom"; 
								break;
							default:
								selectedDevice = (i==0) ? "top" : ((i==(divs.length-1)) ? "bottom" : "middle"); 
								break;
						}
						
						var leftColumnObject = document.getElementById("leftColumn");
						var rightContainerObject = document.getElementById("rightContainer");
						var diffirenceHeight = leftColumnObject.offsetHeight - rightContainerObject.offsetHeight;

						var rightBgImageOld = rightContainerObject.style.backgroundImage;
						var rightBgImageNew = ((selectedDevice=="bottom" || divs.length==1) && (diffirenceHeight==0)) ? "url('pictures/centerBottomNoLeftRound.gif')" : "url('pictures/centerBottom.gif')";
						rightBgImageOld = rightBgImageOld.replace(new RegExp("[\"\']",'g'),"\"");
						rightBgImageNew = rightBgImageNew.replace(new RegExp("[\"\']",'g'),"\"");
						if (rightBgImageNew!=rightBgImageOld)
							rightContainerObject.style.backgroundImage = rightBgImageNew;
						
					}

					var topEmpty = (i==0 && selectedDevice!="top") ? "<div class=\"leftMenuItemSelected\" id=\"leftMenuEmptyNoBackground\"></div>" : "";
					var topBefore = (selectedDevice=="top") ? "<div class=\"leftMenuTop\" id=\"realTop\"></div><div class=\"leftMenuItemSelected\" id=\"leftMenuEmpty\"></div>" : "<div class=\"leftMenuTop\"></div>";  
					
					if (deviceIsSelected) {
						divs[i].className = "leftMenuItemSelected";
						beforeElem = document.getElementById("beforeDevice" + divs[i].id.substring(10));
						afterElem = document.getElementById("afterDevice" + divs[i].id.substring(10));
						beforeElem.innerHTML = topEmpty + topBefore;
						afterElem.innerHTML = "<div class=\"leftMenuBottom\"></div>";
					} else {
						divs[i].className = "leftMenuItem";
						beforeElem = document.getElementById("beforeDevice" + divs[i].id.substring(10));
						afterElem = document.getElementById("afterDevice" + divs[i].id.substring(10));
						beforeElem.innerHTML = topEmpty;
						afterElem.innerHTML = "";
					}
				}
					
				var interfacesContentObj = currentPageIsWide ? document.getElementById("interfacesContentTop") : document.getElementById("interfacesContent");
				var divsRaw = interfacesContentObj.getElementsByTagName("div");

				var divs = [];
				for(var i=0; i<divsRaw.length; i++) {
					if (divsRaw[i].id.indexOf("interfaceItem")!=-1) {
						divs.push(divsRaw[i]);
					}
				}

				for(var i=0; i<divs.length; i++) {
					if (divs[i].id.substring(13)==jsonObject["interfaceId"]) {
						divs[i].className = "rightMenuItemSelected";
					} else {
						divs[i].className = "rightMenuItem";
					}
				}

				if (document.getElementById("leftColumn")!=undefined) centerize(document.getElementById("leftColumn"));
				if (document.getElementById("interfacesContent")!=undefined) centerize(document.getElementById("interfacesContent"));
				if (document.getElementById("interfacesContentTop")!=undefined) centerize(document.getElementById("interfacesContentTop"), true);

				previousMenuId = currentMenuId;
				previousDeviceId = currentDeviceId;
				previousInterfaceId = currentInterfaceId;

				loadVideos();
				
				if (useNavigations!=undefined) window.location.href = "#url=index.php?object=" + obj;
				
			}
		}
	};
	xmlHttp.send(null);
}

function jumpOnTopContent(scrollValue) {
	window.scrollTo(document.documentElement.scrollLeft, scrollValue);
}
function isRequiredForScroll() {
	var windowHeight = window.innerHeight ? window.innerHeight : (document.documentElement.clientHeight  ? document.documentElement.clientHeight  : document.body.offsetHeight);
	var topBlockHeight = document.body.offsetHeight - document.getElementById("topBlock").offsetHeight - document.getElementById("infoBlock").offsetHeight - document.getElementById("menuBlock").offsetHeight - document.getElementById("fourPixelSpace").offsetHeight;
	return (topBlockHeight>windowHeight);
}
function isVertivalScrollbar() {
	var vHeight = 0;
	if (document.all) {
		if (document.documentElement) {
			vHeight = document.documentElement.clientHeight;
		} else {
			vHeight = document.body.clientHeight;
		}
	} else {
		vHeight = window.innerHeight;
	}
	if (document.body.offsetHeight > vHeight) {
		return true;
	} else {
		return false;
	}
}

function requestOpen() {
	
	var requestObject = document.getElementById("requestObjectId");
	requestObject.value = (this.href.indexOf("en4tel.com")==-1 ? "http://www.en4tel.com/" : "") + this.href; 
	
	var reqOffset = document.getElementById("menuBlock").offsetHeight + document.getElementById("fourPixelSpace").offsetHeight + document.getElementById("leftContainer").offsetHeight + document.getElementById("developer").offsetHeight + document.getElementById("mailRuCounter").offsetHeight;
	document.getElementById("request").style.top = -reqOffset - 15 + "px"; 
	document.getElementById("infoBlockLeft").style.display = "none";
	document.getElementById("infoBlockCenter").style.display = "none";
	document.getElementById("infoBlockRight").style.display = "none";
	document.getElementById("request").style.display = "block"; 
	document.getElementById("overlay").style.display = "block";
	document.getElementById("overlay").style.height = document.getElementById("mainContainer").offsetHeight + 12 + "px";
	bodyElement = document.getElementById("bodyFrame");
	scrollWidth = bodyElement.offsetWidth - bodyElement.scrollWidth;
	if (scrollWidth!="") {
		isScrolled = true;
	} else {
		isScrolled = false;
		bodyElement.style.overflow = "hidden";
	}
	scrollTo(0,0);
	return false;
}
function requestClose() {
	requestClear();
	document.getElementById("infoBlockRight").style.display = "inline";
	document.getElementById("infoBlockCenter").style.display = "inline";
	document.getElementById("infoBlockLeft").style.display = "inline";
	document.getElementById("request").style.display = "none"; 
	document.getElementById("overlay").style.display = "none"; 
	if (!isScrolled) {
		bodyElement = document.getElementById("bodyFrame");
		bodyElement.style.overflow = "auto";
	}
	return false;
}
function requestClear() {
	document.getElementById("requestFIO").value = ""; 
	document.getElementById("requestEmail").value = ""; 
	document.getElementById("requestCompany").value = ""; 
	document.getElementById("requestQuery").value = ""; 
	return false;
}
function animation() {
	if (currentIndex!=-1) {
		bgPos = -46 * (currentCounter + 2) + "px 0px";
		var elemImage = document.getElementById("menuItemImage" + currentIndex);
		if (elemImage!=undefined) elemImage.style.backgroundPosition = bgPos;
		currentCounter++;
		if (currentCounter>=animationCounts[currentIndex]) currentCounter = 0;
	}
}
function imageOn() {
	var i = this.id.substring(this.id.length - 1);
	var elemImage = document.getElementById("menuItemImage" + i);
	if (elemImage!=undefined) {
		elemImage.style.backgroundPosition = "-92px 0px";
		intervalId = setInterval(animation, 100);
		currentIndex = i;
		currentCounter = 0;
	}
};
function imageOff() {
	var i = this.id.substring(this.id.length - 1);
	var elemImage = document.getElementById("menuItemImage" + i);
	if (elemImage!=undefined) {
		elemImage.style.backgroundPosition = (this.parentNode.className=="menuItemSelected") ?  "-46px 0px" : "0px 0px";
		clearInterval(intervalId);
		currentCounter = -1;
		currentIndex = -1;
		intervalId = -1;
	}
};

function loadVideos() {
	for(var i=0; i<videosJson.length; i++) {
		var video = document.getElementById("video" + videosJson[i].Video_Id);
		if (video!=undefined) {
			var parentVideo = video.parentNode;
			parentVideo.className = videosJson[i].Video_Wrap==3 ? "videofileright" : (videosJson[i].Video_Wrap==2 ? "videofileleft" : "videofile"); 
			var so = new SWFObject('scripts/player.swf', 'mpl', videosJson[i].Video_Width, 24 + parseInt(videosJson[i].Video_Height), '9');
			so.addVariable('file', '../videos/' + videosJson[i].Video_Name);
			if (videosJson[i].Video_Preview!='') so.addVariable('image', 'videos/' + videosJson[i].Video_Preview);
			so.addParam('allowfullscreen', 'true');
			so.addParam('allowscriptaccess', 'always');
			so.addParam('wmode', 'opaque');
			so.write('video' + videosJson[i].Video_Id);
		}
	}
};

var animationCounts = [10, 15, 12, 8, 20, 11, 7, 11];
var currentCounter = -1;
var currentIndex = -1;
var intervalId = -1;
var isScrolled = false;

for(var i=0; i<8; i++) {
	var elemImage = document.getElementById("menuItemImage" + i);
	var elemText = document.getElementById("menuItemText" + i);
	if (elemImage!=undefined && elemText!=undefined) {
		elemImage.onmouseover = imageOn;
		elemImage.onmouseout = imageOff;
		elemText.onmouseover = imageOn;
		elemText.onmouseout = imageOff;
	}
}

if (document.getElementById("services")!=undefined) {
	document.getElementById("requestOpen").onclick = requestOpen;
	document.getElementById("requestClose").onclick = requestClose;
	document.getElementById("requestCloseBox").onclick = requestClose;
	document.getElementById("requestClear").onclick = requestClear;
    document.getElementById("requestSend").onclick = isValidForm;
    document.getElementById("alertClose").onclick = hideAlert;
}

document.getElementById("searchField").onfocus = function() { if (this.value=="Поиск по сайту") this.value = ""; };
document.getElementById("searchField").onblur = function() { if (this.value=="") this.value = "Поиск по сайту"; };
document.getElementById("searchSubmit").onmousedown = function() { this.src = "pictures/infoSearchSubmitOn.jpg"; };
document.getElementById("searchSubmit").onmouseup = function() { this.src = "pictures/infoSearchSubmitOff.jpg"; };

var currentOpacityValue = 100;
var currentOpacityAnimationId = setInterval(changeOpacity, 25);
loadVideos();