function initHelpArea()
{
	var _helpArea = document.getElementById("helpArea");
	if(_helpArea) {
		// create iframe for ie
		if (!window.getComputedStyle) {
			var _hider = document.createElement("IFRAME");
			_hider.frameBorder = 0;
			_hider.scrolling = "no";
			_hider.src = "about:blank";
			_hider.style.position = "absolute";
			_hider.style.left = "0";
			_hider.style.top = "0";
			_hider.style.width = "100%";
			_hider.style.height = "100px";
			_helpArea.appendChild(_hider);
		}

	}
}

if (window.addEventListener) window.addEventListener("load", initHelpArea, false);
else if (window.attachEvent) window.attachEvent("onload", initHelpArea);

function hasClass (obj, className) {
	if (typeof obj == 'undefined' || obj==null || !RegExp) { return false; }
	var re = new RegExp("(^|\\s)" + className + "(\\s|$)");
	if (typeof(obj)=="string") {
		return re.test(obj);
	}
	else if (typeof(obj)=="object" && obj.className) {
		return re.test(obj.className);
	}
	return false;
}


function showPreviewImage(divId) {
    
	var previewDiv = document.getElementById('preview-div-' + divId);
	YAHOO.util.Dom.replaceClass(previewDiv,'hide','showProductPreview');
	

	var imgWidth = document.getElementById('preview-image-' + divId).width;
	var newImgWidth = imgWidth * 1.1;
	document.getElementById('preview-image-' + divId).width = newImgWidth;
	
	var imgHeight = document.getElementById('preview-image-' + divId).height;
	var newImgHeight = imgHeight * 1.1;
	document.getElementById('preview-image-' + divId).height = newImgHeight;

	document.getElementById('preview-div-' + divId).style.top= "-" + (newImgHeight - imgHeight) / 2 + "px";
	document.getElementById('preview-div-' + divId).style.left=  "-" + (newImgWidth - imgWidth) / 2 + "px";
}

function showTab(tabId) {
	
	// HIDE ALL TABS AND LIs
	var imagesDiv = document.getElementById('images-tab');
	YAHOO.util.Dom.replaceClass(imagesDiv ,'show', 'hide');
	var imagesLi = document.getElementById('images-li');
	YAHOO.util.Dom.replaceClass(imagesLi ,'active', 'inactive');

	var detailsDiv = document.getElementById('details-tab');
	YAHOO.util.Dom.replaceClass(detailsDiv,'show', 'hide');	
	var detailsLi = document.getElementById('details-li');
	YAHOO.util.Dom.replaceClass(detailsLi ,'active', 'inactive');

	var instructionsDiv = document.getElementById('instructions-tab');
	YAHOO.util.Dom.replaceClass(instructionsDiv,'show', 'hide');	
	var instructionsLi = document.getElementById('instructions-li');
	YAHOO.util.Dom.replaceClass(instructionsLi ,'active', 'inactive');
	
	var ratingsDiv = document.getElementById('ratings-tab');
	YAHOO.util.Dom.replaceClass(ratingsDiv,'show', 'hide');	
	var ratingsLi = document.getElementById('ratings-li');
	YAHOO.util.Dom.replaceClass(ratingsLi ,'active', 'inactive');
	
	var ingredientsDiv = document.getElementById('ingredients-tab');
	YAHOO.util.Dom.replaceClass(ingredientsDiv,'show', 'hide');		
	var ingredientsLi = document.getElementById('ingredients-li');
	YAHOO.util.Dom.replaceClass(ingredientsLi ,'active', 'inactive');
	
	var productDetailsIframe = document.getElementById('product_details_frame');
	//alert('tabs!');
	if(tabId != 'ratings'){
		var writeReviewIframe = document.getElementById('write-iframe');
		var indexPage = document.getElementById('iframeContent');
		if(indexPage != undefined) {
			YAHOO.util.Dom.setStyle(writeReviewIframe ,'height', '0px');
			
			
			YAHOO.util.Dom.replaceClass(productDetailsIframe ,'hide', 'show');
		}
	}
	
		if(tabId == 'none') {
			//alert("none");
			//alert("none!");
			var binIframe = document.getElementById('BIN_iframe');
			//alert("none!!!");
			//alert(binIframe);
			
			var productDetailsIframe = document.getElementById('product_details_frame');
			//alert(productDetailsIframe);
			
			//alert(binIframe);
			//alert(YAHOO.util.Dom.hasClass(binIframe,'hide'));
			if(productDetailsIframe != undefined && YAHOO.util.Dom.hasClass(binIframe,'hide')) {
				//alert("write Frame exists!");
				YAHOO.util.Dom.setStyle(productDetailsIframe ,'height', '0px');
				//alert(productDetailsIframe.src);
				
				
			}
			productDetailsIframe.src= "#";
		}	
	
	
	//SHOW SELECTED TAB	AND LI
	var tabDiv = document.getElementById(tabId + '-tab');
	YAHOO.util.Dom.replaceClass(tabDiv,'hide','show');
	var tabLi = document.getElementById(tabId +  '-li');
	YAHOO.util.Dom.replaceClass(tabLi ,'inactive', 'active');


}

function changeHelpTopic(topicNumber) {
	var displayDiv = document.getElementById('help-topic-display');
	var topicDiv = document.getElementById('help-topic-' + topicNumber);
	
	displayDiv.innerHTML = topicDiv.innerHTML;
	displayDiv.scrollTop = -1; 

}