// ProductDetailDisplay.js
function Add2ShopCart()
{
	var form = document.forms['productDetail'];
	form.action="ShoppingCartItemAdd";
	//form.URL.value='OrderItemDisplay?orderId=*';
	//form.action="OrderItemAdd";
	form.URL.value='OrderItemDisplay?orderId=*';
	form.submit();
}

function Add2WishList(form)
{
	form.action="InterestItemAdd";
	form.URL.value='InterestItemDisplay'
	form.submit()
}

function changeNextImg(imgDir){
  var max = imgArray.length;
  currentIndex = (currentIndex + 1) % max;
  document.getElementById("IMG_PROD").src = imgDir + imgArray[currentIndex];
}
  
function showTab(tabId){
	var frameTag = document.getElementById('DivFrame');
	var i = 0;
	var hasTab = false;
	
	// set default
	if (tabId == null || tabId == "") {
		for ( i = 0 ; i < tabArray.length; i++){
			if (hasContent[i]) {
				tabId = tabArray[i];
				break;
			}
		}
	} else {
		// check validation of default value
		defaultTabId = '';
		
		for ( i = 0 ; i < tabArray.length; i++){
			if (hasContent[i] && tabArray[i] == tabId) {
				defaultTabId = tabId; 
				break;
			}
			if (hasContent[i] && defaultTabId == '') { 
				defaultTabId = tabArray[i];
			}
		}
		tabId = defaultTabId;
	}
	
	for (i = 0 ; i < tabArray.length; i++){
		// Get tags from document using Id 
		var imgOnTag = document.getElementById(tabArray[i]+'OnImg');
		var imgOffTag = document.getElementById(tabArray[i]+'OffImg');
		var imgParentTag = document.getElementById(tabArray[i]+'Td');
		var divTag = document.getElementById(tabArray[i]+'Div');
		
		if (hasContent[i]) { // when tab content exists,
			// show dynamic tabs
			if (tabId == tabArray[i]) {
				imgOnTag.style.display = 'block';
				imgOffTag.style.display = 'none';
				divTag.style.display = 'block';
				frameTag.style.background = tabBgColor[i];
			} else {
				imgOnTag.style.display = 'none';
				imgOffTag.style.display = 'block';
				divTag.style.display = 'none';
			}
			hasTab = true;
		} else {
			imgParentTag.style.display='none';
		} // end if
	} // end for
	
	// Hide vertical Bar in front of tabs when none tabs
	if (hasTab) {
		document.getElementById('VerticalBarImg').style.display = 'block';
		document.getElementById('DivFrame').style.display = 'block';
	}
}


function showMenuTab(tabId){
	var i = 0;
	var hasTab = false;
	
	// set default
	if (tabId == null || tabId == "") {
		for ( i = 0 ; i < tabArray.length; i++){
			if (hasContent[i]) {
				tabId = tabArray[i];
				break;
			}
		}
	} else {
		// check validation of default value
		defaultTabId = '';
		
		for ( i = 0 ; i < tabArray.length; i++){
			if (hasContent[i] && tabArray[i] == tabId) {
				defaultTabId = tabId; 
				break;
			}
			if (hasContent[i] && defaultTabId == '') { 
				defaultTabId = tabArray[i];
			}
		}
		tabId = defaultTabId;
	}
	
	for (i = 0 ; i < tabArray.length; i++){
		// Get tags from document using Id 
		var imgOnTag = document.getElementById(tabArray[i]+'OnImg');
		var imgOffTag = document.getElementById(tabArray[i]+'OffImg');
		var imgParentTag = document.getElementById(tabArray[i]+'Td');
		var divTag = document.getElementById(tabArray[i]+'Div');
		
		if (hasContent[i]) { // when tab content exists,
			// show dynamic tabs
			if (tabId == tabArray[i]) {
				imgOnTag.style.display = 'block';
				imgOffTag.style.display = 'none';
				divTag.style.display = 'block';
			} else {
				imgOnTag.style.display = 'none';
				imgOffTag.style.display = 'block';
				divTag.style.display = 'none';
			}
			hasTab = true;
		} else {
			imgParentTag.style.display='none';
		} // end if
	} // end for
	
}

//////////////////////////////
// For product compare table
//////////////////////////////

	var productArray = [[1111,'product03', '120.00'],[2222,'product02', '1201.00'],[3333,'product01', '119.00']];
	var CONST_ASCENDING = 'a';
	var CONST_DESCENDING = 'd';
	var sortColumn = 0;
	var isAscending = true;
	
	makeCompTable(2, CONST_ASCENDING);
	
	function makeCompTable(c, ord) {
		sortColumn = c;
		if (ord == CONST_ASCENDING) isAscending = true;
		else  isAscending = false;
		aProductArray = productArray;
		aProductArray.sort(compare);
		drawTable(aProductArray);
	}
	
	function drawTable(anArray) {
		var outStr ="";
		for (var i = 0; i < anArray.length; i++){
			if (i==0) outStr = '<table border=1><tr>' 
								+ '<td width="100">id'
									+ '<table>' 
									+ '<tr><td><a href="javascript:makeCompTable(0,CONST_ASCENDING);">^</a></td></tr>'
									+ '<tr><td><a href="javascript:makeCompTable(0,CONST_DESCENDING);">V</a></td></tr>'
									+ '</table>'
								+ '</td>'
								+ '<td width="100">product'
									+ '<table>' 
									+ '<tr><td><a href="javascript:makeCompTable(1,CONST_ASCENDING);">^</a></td></tr>'
									+ '<tr><td><a href="javascript:makeCompTable(1,CONST_DESCENDING);">V</a></td></tr>'
									+ '</table>'
								+ '</td>'
								+ '<td width="100">price'
									+ '<table>' 
									+ '<tr><td><a href="javascript:makeCompTable(2,CONST_ASCENDING);">^</a></td></tr>'
									+ '<tr><td><a href="javascript:makeCompTable(2,CONST_DESCENDING);">V</a></td></tr>'
									+ '</table>'
								+ '</td></tr>';
			outStr += "<tr>";
			for (var j=0; j < anArray[i].length; j++){
				outStr += "<td>"+ anArray[i][j] + "</td>";
			}
			outStr += "</tr>";
		} 
		if (outStr != "") outStr +="</table>";
		var aDiv = document.getElementById('CompChartDiv');
		//aDiv.innerHTML = outStr;
	}
	
	function compare(a, b) {
		if (a[sortColumn] < b[sortColumn]) return (isAscending)?-1:1;
		if (a[sortColumn] > b[sortColumn]) return (isAscending)?1:-1;
		return 0;
	}
	
	var productShots = new Array();
	var img ;
	var timer;
	var imgIndex = 0; 
	
	function goPrevImg() {
		if (imgIndex > 0 ) {
			imgIndex--;
		} else imgIndex = productShots.length - 1;
		element.src =  productShots[imgIndex].src;
		refreshIndigator();
	}

	function goNextImg() {
		if (imgIndex < productShots.length - 1 ){
			imgIndex++;
		} else {
			imgIndex = 0;
		}
		
		element.src = productShots[imgIndex].src;
		refreshIndigator();
	}
	
	function refreshIndigator() {
		if (!curIndexElement)curIndexElement = document.getElementById('curIndex');
		curIndexElement.value =  (imgIndex + 1) + '/' + productShots.length;
	}
	
	function play() {
		clearInterval(timer);
		timer = window.setInterval("goNextImg()", 2000);
	}
	
	function stop() {
		clearInterval(timer);
	}