var bannerImagePath = window.location.protocol + "//" + window.location.host + "/images/";
var imageIndex = -1;
var banners = new Array();
banners[0] = [bannerImagePath + 'Image1.jpg',''];
banners[1] = [bannerImagePath + 'Image2.jpg',''];
banners[2] = [bannerImagePath + 'Image3.jpg',''];
banners[3] = [bannerImagePath + 'Image4.jpg',''];
banners[4] = [bannerImagePath + 'Image5.jpg',''];
banners[5] = [bannerImagePath + 'Image6.jpg',''];
banners[6] = [bannerImagePath + 'Image7.jpg',''];
var timeInterval = 10000; // every 10 seconds change banner
var fadeSmoothness = 3	; // The smoothness of transition between images
var fadeSpeed = 20; // This variable works correlatively with the smoothness of image transition
var fadingLowerBound = 0; // Minimum opacity value before image completely fade out
var fadingUpperBound = 100; // Maximum opacity value for the image to get displayed 

function animateFading(img,nImg,isFadingIn) {
	if(!isFadingIn) {		
		if(img.style.filter) {		
			var opacity = getIEOpacity(img.style.filter);
			if(opacity > fadingLowerBound) {
				img.style.filter = "alpha(opacity=" + (opacity - fadeSmoothness) + ")";								
				setTimeout(function(){animateFading(img,nImg,isFadingIn);},fadeSpeed);
			}
		} else {
			if(img.style.opacity > fadingLowerBound) {				
				img.style.opacity = parseFloat(img.style.opacity) - parseFloat(fadeSmoothness/100);												
				setTimeout(function(){animateFading(img,nImg,isFadingIn);},fadeSpeed);				
			}
		}
	} else {		
		if(img.style.filter) {
			var opacity = getIEOpacity(img.style.filter);						
			if(opacity < fadingUpperBound && opacity != -1) {
				img.style.filter = "alpha(opacity=" + (opacity + fadeSmoothness) + ")";
				setTimeout(function(){animateFading(img,nImg,isFadingIn);},fadeSpeed);	
			} else {
				nImg.src = img.src;
				nImg.alt = img.alt;
				nImg.title = img.title;								
				setTimeout("rotateBanner()",timeInterval);
			}
		} else {				
			if(parseFloat(img.style.opacity) < parseFloat(fadingUpperBound/100)) {
				img.style.opacity = parseFloat(img.style.opacity) + parseFloat(fadeSmoothness/100);
				setTimeout(function(){animateFading(img,nImg,isFadingIn);},fadeSpeed);			
			} else {						
				nImg.src = img.src;
				nImg.alt = img.alt;
				nImg.title = img.title;																
				setTimeout("rotateBanner()",timeInterval);
			}
		}
	}
}

function getIEOpacity(filter) {
	if(filter.indexOf('opacity=') != -1) {
		var opacity = filter.substr(filter.indexOf('opacity'),filter.lastIndexOf(')'));
		opacity = opacity.replace(')','');		
		opacity = opacity.substr(opacity.indexOf('=')+1);		
		return parseInt(opacity);
	}	
	return -1;
}

function init() {
	if (isBrowser("IE")) {
		document.body.style.overflow = "hidden";		
	} 	
	var viewPanels = document.getElementById("view_panel").getElementsByTagName('div');	
	
	for(var i=0;i<viewPanels.length;i++) {
		if(viewPanels[i].className == 'vertical_panel east_side' && viewPanels[i].id == '') {			
			viewPanels[i].id = 'vertical_panel_east_side';			
		} else if(viewPanels[i].className == 'vertical_panel west_side' && viewPanels[i].id == '') {
			viewPanels[i].id = 'vertical_panel_west_side';
		}
	}
	rotateBanner();	
}

function animateBanner(oldImg,newImg) {
	if(!newImg.complete) {			
		setTimeout(function(){animateBanner(oldImg,newImg);},1000);
	}
	else {				
		animateFading(oldImg,'',false);		
		animateFading(newImg,oldImg,true);			
	}
}

function peepSearchBoxValue() {
	var defaultValue = 'Search...';
	var sb = document.getElementById('query');
	if(sb.value == defaultValue)
		sb.value = '';
}

function rotateBanner() {			
	var bannerContainer = document.getElementById("banner_container");		
	var bannerImage = bannerContainer.getElementsByTagName("img")[0];
	bannerImage.style.position = "absolute";
	bannerImage.style.zIndex = 1;		
	var index = Math.floor(Math.random()*banners.length);
	if(imageIndex == -1) {				
		bannerImage.src = banners[index][0];
		bannerImage.alt = banners[index][1];
		bannerImage.title = banners[index][1];			
		setTimeout("rotateBanner()",timeInterval);			
	} else {		
		while(index == imageIndex) {
			index = Math.floor(Math.random()*banners.length);
		}	
		
		var newBannerImage;
		if(bannerContainer.getElementsByTagName("img").length == 2)	{
			bannerContainer.removeChild(bannerContainer.getElementsByTagName("img")[1]);							
		} 
		
		
		
		newBannerImage = document.createElement("img");
		newBannerImage.src = banners[index][0];
		newBannerImage.alt = banners[index][1];
		newBannerImage.title = banners[index][1];				
		newBannerImage.width = bannerImage.width;
		newBannerImage.height = bannerImage.height;			
		newBannerImage.style.position = "absolute";					
		newBannerImage.style.zIndex = 2;
		bannerContainer.appendChild(newBannerImage);	
		
		if(bannerImage.filters) {
			//bannerImage.style.filter = "alpha(opacity=100)";		
			if(newBannerImage)
				newBannerImage.style.filter = "alpha(opacity=0)";
		}
		else {
			//bannerImage.style.opacity = 1;
			if(newBannerImage) {
				newBannerImage.style.opacity = 0;								
			}
		}
		animateBanner(bannerImage,newBannerImage);		
	}	
	imageIndex = index;
	// setTimeout("rotateBanner()",3000);
	// bannerContainer.appendChild(cBannerImage);
	
	/*if(bannerImage.src.lastIndexOf(".jpg") == -1) {		
		bannerImage.src = banners[index][0];
		bannerImage.alt = banners[index][1];
		bannerImage.title = banners[index][1];
		setTimeout('rotateBanner()',timeInterval);
	} else {
		var img = new Image();
		img.src = banners[index][0];
		img.alt = banners[index][1];
		img.title = banners[index][1];		
		if(bannerImage.filters) {
			bannerImage.style.filter = "alpha(opacity=100)";
		}
		else
			bannerImage.style.opacity = 1;		
		animateBanner(bannerImage,img);	
	}	*/		
}

function ShowHideContent(el,elid) {
	var contentLayer;	
	if(isBrowser("IE"))
		contentLayer = el.nextSibling;
	else
		contentLayer = el.nextSibling.nextSibling;		
	var spans = el.getElementsByTagName("span");
	var container = document.getElementById(elid);	
	if(contentLayer.style.display == "none" || 
		(contentLayer.offsetWidth == 0 && contentLayer.offsetHeight == 0)) {
		contentLayer.style.display = "block";
		spans[0].innerHTML = "&lt;&lt; ";		
		container.scrollTop = el.offsetTop;				
	}
	else {
		contentLayer.style.display = "none";		
		spans[0].innerHTML = "&gt;&gt; ";
	}		
}

function ShowHideFaqsContent(el) {
	ShowHideContent(el,"faqs_container");
}

function ShowHideAboutDetail(el) {
	ShowHideContent(el,"page_container");
}

function isBrowser(type) {
	if(type  == "IE") {
		if (/MSIE (\d+\.\d+);/.test(navigator.userAgent)) {
			return true;
		} 	
	}
	return false;
}

/*function animateFading(oldImg,newImg,isFadingIn) {
	if(!isFadingIn) {
		if(oldImg.style.filter) {		
			var opacity = getIEOpacity(oldImg.style.filter);
			if(opacity > 0) {
				oldImg.style.filter = "alpha(opacity=" + (opacity - fadeSmoothness) + ")";				
				setTimeout(function(){animateFading(oldImg,newImg,isFadingIn);},fadeSpeed);
			} else {
				oldImg.src = newImg.src;
				oldImg.alt = newImg.alt;
				oldImg.title = newImg.title;
				oldImg.style.filter = "alpha(opacity=0)";
				animateFading(oldImg,newImg,true);
			}
		} else {
			if(oldImg.style.opacity > 0) {				
				oldImg.style.opacity = parseFloat(oldImg.style.opacity) - parseFloat(fadeSmoothness/100);				
				setTimeout(function(){animateFading(oldImg,newImg,isFadingIn);},fadeSpeed);
			} else {
				oldImg.src = newImg.src;
				oldImg.alt = newImg.alt;
				oldImg.title = newImg.title;	
				oldImg.style.opacity = 0;
				animateFading(oldImg,newImg,true);
			}
		}
	} else {		
		if(oldImg.style.filter) {
			var opacity = getIEOpacity(oldImg.style.filter);						
			if(opacity < 100 && opacity != -1) {
				oldImg.style.filter = "alpha(opacity=" + (opacity + fadeSmoothness) + ")";
				setTimeout(function(){animateFading(oldImg,newImg,isFadingIn);},fadeSpeed);	
			} else {
				setTimeout('rotateBanner()',timeInterval);
			}
		} else {			
			if(parseFloat(oldImg.style.opacity) < 1) {
				oldImg.style.opacity = parseFloat(oldImg.style.opacity) + parseFloat(fadeSmoothness/100);									
				setTimeout(function(){animateFading(oldImg,newImg,isFadingIn);},fadeSpeed);	
			} else {
				setTimeout('rotateBanner()',timeInterval);
			}
		}
	}
}	*/