/*
------------------------------------------------------------------
	Be&D Online Shop
	Author: John Merlino
	Company: Freshthrills Studio, LLC
------------------------------------------------------------------
*/



function initProductResults(){
	var product_results = document.getElementById("product_results");
	var allProducts = getElementsByClassName(product_results, "div", "result");		

	for(var i=0; i<allProducts.length; i++){	
		allProducts[i].product_details = getElementsByClassName(allProducts[i], "div", "product_details")[0];
		allProducts[i].product_overlay = getElementsByClassName(allProducts[i], "div", "overlay")[0];
		allProducts[i].product_img = allProducts[i].getElementsByTagName('img')[0];
		
		allProducts[i].product_overlayFX = new Fx.Style(allProducts[i].product_overlay, "opacity", {duration: 200, wait: false}).set(0);
		allProducts[i].product_detailsFX = new Fx.Style(allProducts[i].product_details, "opacity", {duration: 700, wait: false}).set(0);
		
		allProducts[i].onclick = function(){
			document.location = this.id;
		};
		
		allProducts[i].onmouseover = function(){
			this.product_detailsFX.start(1);
			this.product_overlayFX.start(0.7);
		};
		
		allProducts[i].onmouseout = function(){
			this.product_detailsFX.start(0);
			this.product_overlayFX.start(0);
		};
	}
}


function initLeftNav(indexToOpen){
	
	//var displayOpen = (open)?0:1;
	
	
	var accordion = new Accordion('p.atStart', 'ul.atStart', {
		alwaysHide: true,
		opacity: true,
		display: indexToOpen,
		show: indexToOpen,
		
		onActive: function(toggler, element){
			toggler.setStyle('color', '#333333');
			toggler.setStyle('fontWeight', 'bold');
		},
	 
		onBackground: function(toggler, element){
			toggler.setStyle('color', '#666666');
			toggler.setStyle('fontWeight', 'normal');
		}
	}, $('accordion'));
}


function initShoppingCart(){

	var shoppingCart = document.getElementById("shopping_cart");
	var items = getElementsByClassName(shoppingCart, "div", "item");
	
	for(var i=0; i<items.length; i++){
		
		items[i].onmouseover = function(){
			this.className = "hovered_item";
		};
		
		items[i].onmouseout = function(){
			this.className = "item";
		};		
	}
}

//initProductGallery("www.beandd.com/images/products/medium/", "PRB001", "001MD.jpg", 415);
function initProductGallery(root, productCode, viewNum, imgW){
	
	var imgSrc = root + productCode + viewNum;
	var zoomImageType = productCode;
	
	//var productImage = new Image();
	var productGallery = $E(".product_gallery");
	var galleryFrame = $E(".frame");
	
	var currentPhotoToZoom = 0;
	var galleryImage = document.createElement("img");
	
	
	
	
	
	galleryImage.border = 0;
	galleryImage.src = imgSrc;
	galleryImage.onload = function(){
		
		galleryFrame.appendChild(this);
		this.style.zIndex = "1";
		
		var totalImages = Math.ceil(this.width/imgW);
		var viewsIcons = getElementsByClassName(productGallery, "div", "views_icons")[0];
		
		viewsIcons.innerHTML = "";
		var zoomIn = getElementsByClassName(productGallery, "a", "zoomin")[0];
		
		var viewsIconsPara = document.createElement("p");
		var viewsIconsText = document.createTextNode("Views");
		viewsIconsPara.appendChild(viewsIconsText);
		viewsIcons.appendChild(viewsIconsPara);
		
		
		for(var i=0; i< totalImages; i++){
			
			var anchor = document.createElement("a");
			anchor.href = "#";
			anchor.id = i.toString();
			anchor.onclick = function(){
				currentPhotoToZoom = this.id;
				showImage(this.id);
				return false;
			};
			
			var anchorSpan = document.createElement("span");
			anchor.appendChild(anchorSpan);
			
			var anchorText = document.createTextNode(i.toString());
			anchorSpan.appendChild(anchorText);
			
			viewsIcons.appendChild(anchor);
		}
		
		zoomIn.onclick = function(){
			var imageURL = "/images/products/large/" + zoomImageType + "00" + (1 + eval(currentPhotoToZoom)) + "LG.jpg";
			var popupWin = window.open(imageURL, "zoomPhoto", "width=640, height=589, toolbar=0, resizable=0, scrollbars=0, status=0");//620x569
			return false;
		};
		
	};
	//alert(productImage.src + " || " + imgSrc);
	
	
	
	function showImage(num){
		//Fx.Transitions.Sine.easeInOut
		//Fx.Transitions.Expo.easeOut
		var galleryImageFX = new Fx.Style(galleryImage, "left", {transition: Fx.Transitions.Sine.easeInOut, duration: 700, wait: false});
		
		var newLeft = (num * imgW) * (-1);
		galleryImageFX.start(newLeft);
	}
	
}


// Price format: $000,000,000,000,000,000,000
function setProductPrice(basePrice, priceDiff){

	if(priceDiff.charAt(0) == "+"){
		var newPrice = parseInt(basePrice) + parseInt(priceDiff.slice(1));
	} else if (priceDiff.charAt(0) == "-"){
		var newPrice = parseInt(basePrice) - parseInt(priceDiff.slice(1));
		//alert("Subtract " + parseInt(priceDiff) + " || " + newPrice);
	} else { return; }
	
	function Comma(number) {
		number = '' + number;
		if (number.length > 3) {
			var mod = number.length % 3;
			var output = (mod > 0 ? (number.substring(0,mod)) : '');
			for (i=0 ; i < Math.floor(number.length / 3); i++) {
				if ((mod == 0) && (i == 0))
				output += number.substring(mod+ 3 * i, mod + 3 * i + 3);
				else
				output+= ',' + number.substring(mod + 3 * i, mod + 3 * i + 3);
			}
			return (output);
		}
		else return number;
	}	
	
	return "$" + Comma(newPrice);
	
}




// Messaging Functions Start
function initMessaging(id, delay){
	setTimeout("showMsg()", 1700);
}

function showMsg(){
	var target = $("messaging").getElements(".msg_confirm")[0];
	var messageFX = new Fx.Style(target, "opacity", {duration: 700, wait: false}).set(0);						
	messageFX.start(.9);
	setTimeout("hideMsg()", 20000);
}

function hideMsg(){
	var target = $("messaging").getElements(".msg_confirm")[0];
	var messageFX = new Fx.Style(target, "opacity", {duration: 400, wait: false}).set(.9);
	messageFX.start(0);
}
// Messaging Functions End