//**************************************************
//************ BEGIN DHTML MENU SCRIPT *************
//**************************************************
function navMenu(){
	var i,k,g,lg,r=/\s*over/,nn='',c,cs='over',bv='mainNav';
	for(var i=0;i<10;i++){
		g=document.getElementById(bv+nn);
			if(g){
				//****** GET LIST ELEMENTS *******//
				lg = g.getElementsByTagName("LI");
				//******************************************//
				//******* TEXT LINK ROLLOVER EFFECT ********//
				//******************************************//
				if(lg){
					for(k=0;k<lg.length;k++){
					//******* MOUSEOVER EVENT ********//
						lg[k].onmouseover=function(){
							c=this.className; 
							cl=(c)?c+' '+cs:cs; 
							this.className=cl;
							var p = this.getElementsByTagName("DIV");
							if(p.length > 0){
								this.style.backgroundColor = "#E9FECB";
								var tabTextLink = this.getElementsByTagName("A");
								tabTextLink[0].style.color = "#699605";							
							}
						}
					//******* MOUSEOUT EVENT ********//
						lg[k].onmouseout=function(){
							c=this.className; 
							this.className=(c)?c.replace(r,''):'';
							var p = this.getElementsByTagName("DIV");
							if(p.length > 0){
								this.style.backgroundColor = "";
								var tabTextLink = this.getElementsByTagName("A");
								tabTextLink[0].style.color = "#FFFFFF";							
							}
						}
				}
			}
		}
		nn=i+1;
	}
}
//**************************************************
//************** END DHTML MENU SCRIPT *************
//**************************************************

//**************************************************
//**************** ITEM TABS ***********************
//**************************************************
function pTabs(){
	var tabsUl = document.getElementById("pTabs");
	if(tabsUl){
		var tabsLi = tabsUl.getElementsByTagName("LI");
		for(var i=0;i<tabsLi.length;i++){
			tabsLi[i].onmouseover=function(){this.className = "pTabOn";}
			if(tabSelected != i){
				tabsLi[i].onmouseout=function(){this.className = "pTabOff";}
			}else{
				tabsLi[i].onmouseout=function(){this.className = "pTabOn";}
			}
		}
	}
}
function selectPTab(activeTab){
	var pos = returnNodePos(activeTab,"UL");
	var tabsLi = document.getElementById("pTabs").getElementsByTagName("LI");
	var tabDivsContent = document.getElementById("pTabsContent").getElementsByTagName("DIV");

	var contentsArray = new Array();
	for(var i=0;i<tabDivsContent.length;i++) {
		var parentId = tabDivsContent[i].parentNode.id;
		if(parentId == "pTabsContent") contentsArray.push(tabDivsContent[i]);
	}	
	
	for(var i=0;i<tabsLi.length;i++){
		tabsLi[i].className = "pTabOff";
		contentsArray[i].className = "pTabContentOff";
	}
	tabsLi[pos].className = "pTabOn";
	contentsArray[pos].className = "pTabContentOn";
	tabSelected = pos;
	pTabs();
	return false;
}
function returnNodePos(elem,tag){
	var liText = elem.innerHTML;
	var list = elem.parentNode.getElementsByTagName("LI");
	for(var i=0;i<list.length;i++){
		if(liText == list[i].innerHTML){
			return i;
		}
	}
}
//**************************************************
//************* END ITEM TABS **********************
//**************************************************

//**************************************************
//*********** BEGIN REVIEWS SCRIPT *****************
//**************************************************
function showReviews(obj){
	document.getElementById('prReviews').style.display = "block";
	document.getElementById('prReviewForm').style.display = "none";
	obj.blur();
	return false;
}
function showReviewForm(obj){
	document.getElementById('prReviewForm').style.display = "block";
	document.getElementById('prReviews').style.display = "none";
	obj.blur();
	return false;
}
/*******************************************/
/*********** CALCULATE RATING **************/
/*******************************************/
function reviewsDisplay(){
	var reviewsObj = document.getElementById('prReviews');
	if(reviewsObj){
		var reviewLength = productReviews.length;
		var ratingTotal = 0;
		var rating = 0;
		for(var i=0; i < reviewLength; i++){
			ratingTotal = ratingTotal + (productReviews[i].rating - 0);
		}
		rating = Math.round(ratingTotal / reviewLength);
		/*******************************************/
		/*********** DISPLAY RATING GRAPHIC ********/
		/*******************************************/
		if(reviewLength > 0){
			document.getElementById('prRating').innerHTML = '<table border=0 cellpadding=0 cellspacing=0><tr><td><span class="prRatingText">Customer Rating:&nbsp;</span></td><td><img src="http://site.medshopexpress.com/pd_productReviews/images/' + rating + '.gif" border="0"></td></tr></table>';
		}else{
			document.getElementById('prRating').innerHTML = '<span class="prRatingText">Customer Rating: </span><span class="prNoRating">NOT RATED</span>';
		}
		/*******************************************/
		/*********** FORMAT REVIEW HTML ************/
		/*******************************************/
		var reviewHTML = "";
		for(var i=0; i < reviewLength; i++){
			reviewHTML += '<hr class="prHr" color="#FFFFFF" size="1">';
			reviewHTML += '<img src="http://site.medshopexpress.com/pd_productReviews/images/' + productReviews[i].rating + '.gif" border="0"><br>';
			reviewHTML += '<b>' + productReviews[i].name + '</b>, ';
			reviewHTML += '<i>' + productReviews[i].location + '</i><br><br>';
			reviewHTML += productReviews[i].body;
		}
		if(reviewLength > 0){
			document.getElementById('prReviews').innerHTML = reviewHTML;
		}else{
			document.getElementById('prReviews').innerHTML = "<br><i><b>There are no reviews for this item.</b></i><br><br><br><br>";
		}
		/*******************************************/
		/************* DISPLAY LOGIC ***************/
		/*******************************************/
		if(reviewLength > 0){
			document.getElementById('prReviews').style.display = "block";
		}else{
			document.getElementById('prReviewForm').style.display = "block";
		}
	
		 var thankYouDisplay = getQueryVariable("reviewSubmit");
		 if(thankYouDisplay == 'true'){
		 	document.getElementById('prThankYou').style.display = "block";
		 	document.getElementById('prThankYouBox').style.display = "block";
		 }
	}
}
/*******************************************/
/**************** THANK YOU ****************/
/*******************************************/
function prCloseThankYou(){
	document.getElementById('prThankYou').style.display = "none";
	document.getElementById('prThankYouBox').style.display = "none";
}
function getQueryVariable(variable) {
  var query = window.location.search.substring(1);
  var vars = query.split("&");
  for (var i=0;i<vars.length;i++) {
    var pair = vars[i].split("=");
    if (pair[0] == variable) {
      return pair[1];
    }
  } 
}
//**************************************************
//************* END REVIEWS SCRIPT *****************
//**************************************************

//**************************************************
//**************** UTILITY FUNCTIONS ***************
//**************************************************
function displayDate(){
	var dateHTML = "";
	var theDate = new Date();
	var theDayOfWeek = theDate.getDay();
	var theMonth = theDate.getMonth();
	var theDayOfMonthNum = theDate.getDate();
	var theYear = theDate.getFullYear();
	var days = new Array("Sunday","Monday","Tuesday","Wednesday","Thursday","Friday","Saturday");
	var months = new Array("January","February","March","April","May","June","July","August","September","October","November","December");
	var suffix = "th";

	if (theDayOfMonthNum==1) suffix=("st");
	else if (theDayOfMonthNum==2) suffix=("nd");
	else if (theDayOfMonthNum==3) suffix=("rd");
	else if (theDayOfMonthNum==21) suffix=("st");
	else if (theDayOfMonthNum==22) suffix=("nd");
	else if (theDayOfMonthNum==23) suffix=("rd");
	else if (theDayOfMonthNum==31) suffix=("st");
	else suffix=("th");

	dateHTML += days[theDayOfWeek] + ", " + months[theMonth] + " " + theDayOfMonthNum + suffix + ", " + theYear + "";
	document.getElementById("displayDate").innerHTML = dateHTML;
}

function popIt(width, height, scrollbars, menubar, toolbar){ 
	if(!width) width = "640";
	if(!height) height = "480";
	if(!scrollbars) scrollbars = 1;
	if(!toolbar) toolbar = 'no';
	if(!menubar) menubar = 'no';
	var windowString = 'width=' + width + ',height=' + height + ',resizable=1,status=0,toolbar=' + toolbar + ',scrollbars=' + scrollbars + ',scrolling=auto,menubar=' + menubar;
	var popItWindow = window.open('',"popIt", windowString);
	return false;
}

function addBookmark(title,url){
	if (window.sidebar) // firefox
		window.sidebar.addPanel(title, url, "");
	else if(window.opera && window.print){ // opera
		var elem = document.createElement('a');
		elem.setAttribute('href',url);
		elem.setAttribute('title',title);
		elem.setAttribute('rel','sidebar');
		elem.click();
	}		 
	else if(document.all)// ie
		window.external.AddFavorite(url, title);
}
function getUrl(url){
	window.location = url;
}
//**************************************************
//************ END UTILITY FUNCTIONS ***************
//**************************************************

function leftNav(){
	var leftNav = document.getElementById("leftNav");
	var leftNavM = document.getElementById("leftNavM");
	if(leftNav){
		var navLi = leftNav.getElementsByTagName("LI");
		for(var i=0;i<navLi.length;i++){
			navLi[i].onmouseover=function(){
				if(this.className != "leftNavOn" && this.className != "leftSubNav"){
					navImgs=this.getElementsByTagName("IMG");
					for(var i=0;i<navImgs.length;i++){
						imgSrc = navImgs[i].src;
						newImgSrc = imgSrc.replace("Out","Over");
						navImgs[i].src = newImgSrc;
					} 
					this.className = "leftNavOver";
				}
			}
			navLi[i].onmouseout=function(){
				if(this.className != "leftNavOn" && this.className != "leftSubNav"){
					navImgs=this.getElementsByTagName("IMG");
					for(var i=0;i<navImgs.length;i++){
						imgSrc = navImgs[i].src;
						newImgSrc = imgSrc.replace("Over","Out");
						navImgs[i].src = newImgSrc;
					} 
					this.className = "leftNav";
				}
			}
			navLi[i].onclick=function(){navLink=this.getElementsByTagName("A");getUrl(navLink[0].href);}
		}
	}	
	if(leftNavM){
		var navLi = leftNavM.getElementsByTagName("LI");
		for(var i=0;i<navLi.length;i++){
			navLi[i].onmouseover=function(){
				navImgs=this.getElementsByTagName("IMG");
				for(var i=0;i<navImgs.length;i++){
					imgSrc = navImgs[i].src;
					newImgSrc = imgSrc.replace("Out","Over");
					navImgs[i].src = newImgSrc;
				} 
				this.className = "leftNavMOver";
			}
			navLi[i].onmouseout=function(){
				navImgs=this.getElementsByTagName("IMG");
				for(var i=0;i<navImgs.length;i++){
					imgSrc = navImgs[i].src;
					newImgSrc = imgSrc.replace("Over","Out");
					navImgs[i].src = newImgSrc;
				} 
				this.className = "leftNavM";
			}
			navLi[i].onclick=function(){navLink=this.getElementsByTagName("A");getUrl(navLink[0].href);}
		}
	}
}
function imgOver(elem){
	var imgSrc = elem.src;
	var newImgSrc = imgSrc.replace("Off.gif","On.gif");
	if (document.images){elem.src = newImgSrc;}
}
function imgOut(elem){
	var imgSrc = elem.src;
	var newImgSrc = imgSrc.replace("On.gif","Off.gif");
	if (document.images){elem.src = newImgSrc;}
}
function hideContent(elem){
	var divElem = elem.getElementsByTagName("DIV");
	for(var i=0;i<divElem.length;i++){
		divElem[i].style.display = "none";
	}
}
function setImgsOff(elem){
	var imgElem = elem.getElementsByTagName("IMG");
	for(var i=0;i<imgElem.length;i++){
		imgOut(imgElem[i]);
	}
}
function loadRightPanelContent(){
	var topTen = document.getElementById("topTen");
	var mostSearched = document.getElementById("mostSearched");
	var nonPrescription = document.getElementById("nonPrescription");
	var topTenContent = document.getElementById("topTenContent");
	var mostSearchedContent = document.getElementById("mostSearchedContent");
	var nonPrescriptionContent = document.getElementById("nonPrescriptionContent");
	
	if(topTen && topTenContent){
		var divElem = topTenContent.getElementsByTagName("DIV");
		var imgElem = topTen.getElementsByTagName("IMG");
		for(var i=0;i<imgElem.length;i++){
			//******* ONCLICK EVENT ********//
			imgElem[i].onclick=function(){
				//alert(this.title);
				setImgsOff(topTen);
				hideContent(topTenContent);
				document.getElementById(this.title + "Content").style.display = "block";
				imgOver(this);
			}
		}
		imgOver(imgElem[0]);
		divElem[0].style.display = "block";
	}
	if(mostSearchedContent){
		var divElem = mostSearchedContent.getElementsByTagName("DIV");
		var imgElem = mostSearched.getElementsByTagName("IMG");
		for(var i=0;i<imgElem.length;i++){
			//******* ONCLICK EVENT ********//
			imgElem[i].onclick=function(){
				//alert(this.title);
				setImgsOff(mostSearched);
				hideContent(mostSearchedContent);
				document.getElementById(this.title + "Content").style.display = "block";
				imgOver(this);
			}
		}
		imgOver(imgElem[0]);
		divElem[0].style.display = "block";
	}
	if(nonPrescriptionContent){
		var divElem = nonPrescriptionContent.getElementsByTagName("DIV");
		var imgElem = nonPrescription.getElementsByTagName("IMG");
		for(var i=0;i<imgElem.length;i++){
			//******* ONCLICK EVENT ********//
			imgElem[i].onclick=function(){
				//alert(this.title);
				setImgsOff(nonPrescription);
				hideContent(nonPrescriptionContent);
				document.getElementById(this.title + "Content").style.display = "block";
				imgOver(this);
			}
		}
		imgOver(imgElem[0]);
		divElem[0].style.display = "block";
	}

}

//**************************************************
//********** CALL FUNCTIONS ON WINDOW LOAD *********
//**************************************************
function onloadScript(){
	navMenu();
	leftNav();
	reviewsDisplay();
	pTabs();
	loadRightPanelContent();
}
window.onload = onloadScript;

