/* PRODUCT JS HANDLERS - MOOTOOLS POWERED */


var activeHover;
var activeMain;
var activeSub;

var thumbDefault;
var pGroupThumb;

var menuIsActive;

var productArea;
var pMenu;
var pImage;

var menuSlide;



function InitMenu (subCount) 
{
	
	ScrollTo('contentstart');
	
	pGroupThumb = $('pGroupThumb');
	pThumbSlide = new Fx.Slide(pGroupThumb);
	pThumbSlide.hide();
	
	// Hide Submenus
	
	var s = 0;
	
	for (s=0; s<subCount; s++) {
		$('pSubMenu'+s).slide('hide');
	}
	

	// Init Thumbnail Path
		
	thumbDefault = $('pGroupThumb').getProperty('src');
	thumbDefault = thumbDefault.substring (0, thumbDefault.length-4);
	
	
}


function InitMenuProductarea(subCount) 
{

	productArea = true;
	menuIsActive = false;
	
	
	
	InitMenu(subCount);
	
	
	pImage = $('pImage');
   pImage = new Fx.Slide(pImage);
   
   
	// specific initialization for product subpages
	// hide menu and make it clickable
	

/*
	pMenu = $('pMenu');
	pMenu.addEvent('click', ToggleMenu);
	menuSlide = new Fx.Slide('menuButtons', {duration: 'short'});
	menuSlide.hide();	
*/
	
}

function ToggleMenu() 
{
  
	// trigger animation
   
   if (menuIsActive == true) { 
   	//pImage.tween('opacity', '1');
   	menuSlide.slideOut();
   } else { 
   	//pImage.tween('opacity', '0');
   	menuSlide.slideIn(); 
   }
   
   menuIsActive = (menuIsActive == true) ? false : true;  
    
}

	
	
	

function HoverMain (mainID) 
{
	
	// change hover button graphic
	var hover = $('mgroupbtn'+mainID);
	var prevSrc = hover.getProperty('src');
	var newSrc = prevSrc.replace('_normal', '_selected');
	hover.setProperty('src', newSrc);
	activeHover = hover;
	
	
	if (!productArea)
	{ // change image pictue - resolve img src, put in container
		var imgProps = $$('#imagepic'+mainID+' img').getProperty('src');
		$('pImagePic').setProperty('src', imgProps);		
		// fade image pic
		$('pImagePic').fade('show');	
	}
	

	
}


function HoverMainKill (mainID) 
{
	if (mainID != activeMain) {

		var prevSrc = $('mgroupbtn'+mainID).getProperty('src');
		var newSrc = prevSrc.replace('_selected', '_normal');
		$('mgroupbtn'+mainID).setProperty('src', newSrc);
		if ($('pImagePic')) $('pImagePic').fade('hide');
		
	}
}


function ActivateMain (mainID) 
{

	if (!productArea) 
	{	// Entry Page section - not active within product display
	
		var newText = $('ptext'+mainID).innerHTML;
		$('pText').innerHTML = newText;	
		
		// change default pic - resolve img src, put in container
		var imgProps = $$('#imagepic'+mainID+' img').getProperty('src');
		$('defImagePic').setProperty('src', imgProps);
		
	}
	
	
	if (activeMain != mainID) {
	
		var prevActive = activeMain;
		activeMain = mainID;

		ShowSubmenu (mainID);
		HoverMainKill (prevActive);
			
	} else {
	
		if (activeSub.visible) {
		
			activeSub.slideOut();
			activeSub.visible = false;

		} else {
		
			activeSub.slideIn();
			activeSub.visible = true;
		
		}
	
	}

	
}


function ShowSubmenu (mainID) 
{
	
	// show submenu
	if (activeSub) activeSub.slideOut();
	var subSlide = new Fx.Slide('pSubMenu'+mainID, {duration: 'short'});
	activeSub = subSlide;
	subSlide.slideIn();
	activeSub.visible = true;
	
	/*
	menuSlide.show.delay(100, menuSlide);
	menuSlide.show.delay(150, menuSlide);
	menuSlide.show.delay(200, menuSlide);
	menuSlide.show.delay(250, menuSlide);
	*/
	
}



function ShowGroupThumb (thumbID) 
{
	pThumbSlide.show();
	if (productArea) { pImage.hide(); }
	var newThumb = thumbDefault + thumbID + '.jpg';
	pGroupThumb.setProperty('src', newThumb);
	
}


function ResetGroupThumb ()
{
	if (productArea) { pImage.show(); }
	pGroupThumb.setProperty('src', thumbDefault+'.jpg');
	pThumbSlide.hide();
}


function ScrollTo (where) 
{
	var winScroller = new Fx.Scroll(window);
	winScroller.toElement(where);
}