/*
	
search form: onSubmit = check form first.... min and max character length?

.item : onmouseenter ...

side-bar ecard input - onfocus, onblur addClass 'focused'
side-bar ecard

*/

var activeTab; // holds reference to the main nav tab when displaying the nav-panel


window.addEvent('domready', function() {
					
	// SIGN OUT rollover
	// $('sign-out').addEvent('mouseenter', function(event) { event.target.set('src', 'images/btn_sign-out_over.gif'); });
	// $('sign-out').addEvent('mouseleave', function(event) { event.target.set('src', 'images/btn_sign-out.gif'); });
	
	// Remove all outlines on .button links (those using an background image and a negative text indent)
	$$('a.button').each(function(button, index) { button.style.outline = 'none'; });
	
	// Hide the nav panel
	
	for(var i=1; i<=$('noOfTab').value; i++) {
		$('nav-panel-tt-' + i).setStyle('opacity', 0);
		//$('nav-panel-base-' + i).setStyle('opacity', 0);
	}
	
	
		
	// Add the Events to show nav panels
	for(var i=1; i<=$('noOfTab').value; i++) {
		$('main-nav-' + i).addEvent('mouseenter', showNavPanel);
		$('main-nav-' + i).addEvent('mouseleave', updateCurrentTab);
	}
	
	if($('noOfCartItem')!= null){
		for(var i=0; i < $('noOfCartItem').value; i++){
	if($('inaddition-parent-' + i) !=null){		
		$('inaddition-div-'+i).setStyle('opacity', 0);
	$('inaddition-parent-' + i).addEvent('mouseleave', hideSendToOption);
		$('inaddition-' +  i).addEvent('mouseenter', showSendToOption);
	}
		}
	}
});

var currentTab;
var lastTab;
function showNavPanel(event)
{		
	var target = event.target;

	var id = this.id;
	var count = id.substring(id.length - 1, id.length);
	
	currentTab=count;
	//panel.fade(1);
	// Then delay another 3 seconds...
    hideAllNavPanels(count);

	if(currentTab==lastTab){
		//alert(lastTab + "-"+currentTab);
		$('nav-panel-tt-'  + currentTab).setStyle('opacity', 1);
		//$('nav-panel-base-' + currentTab).setStyle('opacity', 1);
	} else {
		//alert(lastTab + "/"+currentTab);
	    setTimeout("checkShowNavPanel("+count+")", 500);
	}
	//lastTab = currentTab;
	
	$('nav-panel-tt-' + currentTab).addEvent('mouseover', showNavPanel);
	//$('nav-panel-base-' + currentTab).addEvent('mouseover', showNavPanel);
	
	$('nav-panel-tt-' + currentTab).addEvent('mouseleave', hideNavPanel);
	//$('nav-panel-base-' + currentTab).addEvent('mouseleave', hideNavPanel);
	//$('main-nav-' + currentTab).addEvent('mouseleave', hideAllNavPanels(0));
}

function checkShowNavPanel(count) {	
	if(currentTab==count && currentTab != -2) {
		hideAllNavPanels(currentTab);
		$('nav-panel-tt-' + currentTab).setStyle('opacity', 1); 
		//$('nav-panel-base-' + currentTab).setStyle('opacity', 1);
		lastTab = currentTab;
	}	
}

function hideNavPanel(event)
{
	var id = this.id;
	var count = id.substring(id.length - 1, id.length);
	
	lastTab=-1;
	currentTab=-2;
	
	//this.fade(0);
	$('nav-panel-tt-' + count).setStyle('opacity', 0);
	//$('nav-panel-base-' + count).setStyle('opacity', 0);
}

function hideAllNavPanels(count1) {
	for(var count=1; count<=$('noOfTab').value; count++) {
		if(count1!=count){
			$('nav-panel-tt-' + count).setStyle('opacity', 0);
			//$('nav-panel-base-' + count).setStyle('opacity', 0);
		}
	}
}
/*
 *  This function sets the position of drop down  tabs such that these 
 * tabs overlap their corresponding main pannel tab.
 * 
 * Special adjustments have been made for last tab as
 * orientation of it's base is different from that those of other tabs  
 */

function setPosition(index,LRAdjustment){
	
	var i=1;
	 for(;i<=15;++i){
var lastId = "main-nav-"+i;
if(!document.getElementById( lastId)) break;
	 }
	 --i;
	 var main = "main-nav-"+index;
	var navtab="nav-panel-"+ index;
	var navbase="nav-panel-base-"+index;
	var offset= document.getElementById(main).offsetLeft;
	
	//document.getElementById(navbase).style.marginTop = "1px";
	
	 if(i!=index){ document.getElementById(navbase).style.left=offset+"px";
	 	var chk = document.getElementById(navtab).style.left=offset+"px";
	 	//alert(offset +"Both br" + main);
	 }
	 else{
		
	 	if(document.all){
	 	//alert(offset + "IE Last tab" + main);
	 	
	 	if(LRAdjustment == 5){
	 		
	 		var chk = document.getElementById(navtab).style.left=offset+2+"px";
	        var rightOffset = document.getElementById("main-nav").offsetWidth - offset - document.getElementById(navtab).offsetWidth;
	        document.getElementById(navbase).style.right= rightOffset-4+"px";
	 	}else{
	 		
	 	var chk = document.getElementById(navtab).style.left=offset+"px";
        var rightOffset = document.getElementById("main-nav").offsetWidth - offset - document.getElementById(navtab).offsetWidth;
        document.getElementById(navbase).style.right= rightOffset-2+"px";
        }
	 	}else{
	 	//alert(offset + "Mozila" + main);
	 	
	 	if(LRAdjustment == 2 && index == 5){
	 		 
	 		var chk = document.getElementById(navtab).style.left=offset-4+"px";
	        var rightOffset = document.getElementById("main-nav").offsetWidth - offset - document.getElementById(navtab).offsetWidth;
			document.getElementById(navbase).style.right= rightOffset-2+"px";
	 	}else{
	 	var chk = document.getElementById(navtab).style.left=offset-2+"px";
        var rightOffset = document.getElementById("main-nav").offsetWidth - offset - document.getElementById(navtab).offsetWidth;
		document.getElementById(navbase).style.right= rightOffset-3+"px";
		}
	 	}
	 }
	}

/*
 * Update the value of the current tab to -2 whenever it moves out of any main-nav-ith tab.
 * Required so that the fly out may disappear when moving out of firt or fifth tab or towards header. 
 */
function updateCurrentTab() {
	currentTab = -2;
}

function showSendToOption(event)
{		
	var target = event.target;

	var id = this.id;
	var count = id.substring(id.length - 1, id.length);
	
	$('inaddition-div-'+ count).addEvent('mouseleave', hideSendToOption);
    
     $('another-Recipient-'+count).style.textDecoration="underline";
	
	
		$('inaddition-div-'+count).setStyle('opacity', 1);
	
	
	
	
}

function hideSendToOption(event)
{
	var id = this.id;
	var count = id.substring(id.length - 1, id.length);
	
	lastTab=-1;
	currentTab=-2;
	
	//this.fade(0);
	$('inaddition-div-'+ count).setStyle('opacity', 0);
	$('inaddition-' + count).style.backgroundColor="#ffffff";
	$('inaddition-' + count).style.border="0px";
	$('another-Recipient-'+ count).style.textDecoration="none";
	
	//$('nav-panel-base-' + count).setStyle('opacity', 0);
}