/*****************************************************************************************************/
/*                                                                                                   */
/*                                         'HEADER MENU'                                             */          
/*                                                                                                   */
/*****************************************************************************************************/

function MENU(){
	var JSObject = this;
	this.type = "headermenu"; 
	
	this.DOMDoc; //document object from thickbox window
	
	this.defaultLink;
	this.lastLink;
	this.lastSublink;
	
	this.reset_counter = 0;
	
	this.headermenu_container;	//menu container
	
	this.selectedContainerHTML;
	this.unselectedContainerHTML;
	
	/*****************************************************************************************************/
	/*                                                                                                   */
	/*                                      FUNCTION INIT                                                */          
	/*                                                                                                   */
	/*****************************************************************************************************/
	this.init = function(){
		
		this.headermenu_container = $('#headermenu_container',this.DOMDoc).get(0);
		
		animatedcollapse.addDiv('search_container');
		animatedcollapse.init();
		
		
		this.selectedContainerHTML = '<table cellpadding="0" cellspacing="0" border="0" class="selected">'
		this.selectedContainerHTML +='	<tr>'
		this.selectedContainerHTML +='		<td align="right" width="5"><img src="'+JSInterface.localpath+'includes/images/backgrounds/popUpLeft.gif" alt="" border="0" width="5" /></td>'
		this.selectedContainerHTML +='		<td valign="middle" class="popUpRepeat">'
		this.selectedContainerHTML +='			<table cellpadding="0" cellspacing="0" border="0">'
		this.selectedContainerHTML +='				<tr>'
		this.selectedContainerHTML +='					<td valign="middle"><img src="'+JSInterface.localpath+'includes/images/icons/iconArrowYellow.gif" alt="" width="5" border="0" /></td>'
		this.selectedContainerHTML +='					<td width="10"></td>'
		this.selectedContainerHTML +='					<td valign="middle" class="blackLink"><a id="headermenu_submenu_link" href="javascript:void(0)"></a></td>'
		this.selectedContainerHTML +='					<td width="10"></td>'
		this.selectedContainerHTML +='	            </tr>'
		this.selectedContainerHTML +='			</table>'
		this.selectedContainerHTML +='		</td>'
		this.selectedContainerHTML +='		<td align="left" width="5"><img src="'+JSInterface.localpath+'includes/images/backgrounds/popUpRight.gif" alt="" border="0" width="5" /></td>'
		this.selectedContainerHTML +='	</tr>'
		this.selectedContainerHTML +='	<tr>'
		this.selectedContainerHTML +='		<td colspan="3" valign="top" align="right" style="padding-right:15px"><img src="'+JSInterface.localpath+'includes/images/backgrounds/popUpIndicator.gif" alt="" border="0" /></td>'
		this.selectedContainerHTML +='	</tr>'
		this.selectedContainerHTML +='</table>';
		
		
		this.unselectedContainerHTML = '<table cellpadding="0" cellspacing="0" border="0">'
		this.unselectedContainerHTML +='	<tr>'
		this.unselectedContainerHTML +='		<td valign="middle"></td>'
		this.unselectedContainerHTML +='		<td width="5"></td>'
		this.unselectedContainerHTML +='		<td valign="middle" class="blackLink"><a id="headermenu_submenu_link" href="javascript:void(0)"></a></td>'
		this.unselectedContainerHTML +='	</tr>'
		this.unselectedContainerHTML +='	<tr>'
		this.unselectedContainerHTML +='		<td colspan="3" valign="top" height="10" align="right"></td>'
		this.unselectedContainerHTML +='	</tr>'
		this.unselectedContainerHTML +='</table>';
		
		
		
		var table = $('#headermenu_table',this.DOMDoc).get(0);
		
		
		//menu principal
		$('a[id^="link_"]',table).each(function(){
												
					$(this).data('index',this.id.split('_')[1]);
					
					
					if ($(this).parent().get(0).className == 'menuLinkSelected'){
						JSObject.lastLink = $(this).data('index');
						JSObject.defaultLink = $(this).data('index');
					}
										
					$(this).unbind('mouseover');
					
					$(this).bind('mouseover',function(){
							
						$('div[id="headermenu_submenu_table_'+JSObject.lastLink+'"]',JSObject.DOMDoc).css('display','none');
						$('a[id="link_'+JSObject.lastLink+'"]',table).parent().addClass('menuLinkUnSelected');
						$('a[id="link_'+JSObject.lastLink+'"]',table).parent().removeClass('menuLinkSelected');
						
																				
						$('div[id="headermenu_submenu_table_'+$(this).data('index')+'"]',JSObject.DOMDoc).css('display','block');
						$('a[id="link_'+$(this).data('index')+'"]',table).parent().removeClass('menuLinkUnSelected');
						$('a[id="link_'+$(this).data('index')+'"]',table).parent().addClass('menuLinkSelected');
						JSObject.lastLink = $(this).data('index');
					})
					
		})
		
		
		//menu secundar
		$('div[id^="headermenu_submenu_table_"]',JSObject.DOMDoc).each(function(){
			
			/*var index = this.id.split('_')[3];
			var arr_links = $('a[id="headermenu_submenu_link"]',this);
			
			//atach actions
			for (var i=0; i<arr_links.get().length; i++){
				
				var a = arr_links.get(i);
				$(a).data('index',i);
				$(a).data('container',this);
				$(a).data('td',$('table',this).get(0).rows[0].cells[2*i+1]);
				
				$(a).unbind('click');
				
				//only for Location and Achat
				if (a.href == 'javascript:void(0)' && (a.innerHTML.indexOf('Location') != -1 || a.innerHTML.indexOf('Achat') != -1)){
					
					$(a).bind('click',function(){JSObject.clickSubMenu(this)})
				}
				
				
				//remember last sublink selected
				if ($('table.selected',$(a).data('td')).get(0) != null){
					JSObject.lastSublink = i;
				}
			}*/
			
		})
		
		
		/*****************************************************************************************************/
		/*                                                                                                   */
		/*                                    MENU CONTAINER ACTIONS                                         */          
		/*                                                                                                   */
		/*****************************************************************************************************/
		$(this.headermenu_container).bind("mouseover",function(){
										
			clearInterval($(this).data('default_interval'));
										
		});
		$(this.headermenu_container).bind("mouseleave",function(){
										
			clearInterval($(this).data('default_interval'));
			var table = $('#headermenu_table',JSObject.DOMDoc).get(0);
			
			//reset the menu to the last button pressed
			$(this).data('default_interval', setInterval(function(){
													  	
										clearInterval($(JSObject.headermenu_container).data('default_interval'));
										$('a[id^="link_"]:eq('+(JSObject.defaultLink-1)+')',table).trigger("mouseover");
										
									  },1000));								
										
		});
		
		
	}
	
	
	/*****************************************************************************************************/
	/*                                                                                                   */
	/*                                      FUNCTION CLICK SUBLINK                                       */          
	/*                                                                                                   */
	/*****************************************************************************************************/
	this.clickSubMenu = function(obj){
		
		//replace new selected
		var newName = obj.innerHTML;
		var newIndex = $(obj).data('index');
		var newContainer = $(obj).data('container');
		var newTd = $(obj).data('td');
		//alert(newName+ " "+newIndex+ " "+newContainer+ " "+newTd+" "+$(this).click)
		
		$(newTd).html("");
		$(newTd).html(JSObject.selectedContainerHTML);
		
		var newa = $('a[id="headermenu_submenu_link"]',newContainer).get(newIndex);
		$(newa).data('index',newIndex);
		$(newa).data('container',newContainer);
		$(newa).data('td',newTd);
		$(newa).bind('click',function(){JSObject.clickSubMenu(newa)});
		newa.innerHTML = newName;
		
		
		
		//replace last selected
		if (JSObject.lastSublink != newIndex){
			var lastSelectedContainer = $('div[id="headermenu_submenu_table_'+JSObject.lastLink+'"]',JSObject.DOMDoc).get(0);
			var lastSelectedLink = $('a[id="headermenu_submenu_link"]',lastSelectedContainer).get(JSObject.lastSublink);
			
			//alert(JSObject.lastLink + " "+JSObject.lastSublink)
			
			var lastName = lastSelectedLink.innerHTML;
			var lastIndex = $(lastSelectedLink).data('index');
			var lastContainer = $(lastSelectedLink).data('container');
			var lastTd = $(lastSelectedLink).data('td');
			//alert(newName+ " "+newIndex+ " "+newContainer+ " "+newTd+" "+$(this).click)
			
			$(lastTd).html("");
			$(lastTd).html(JSObject.unselectedContainerHTML);
			
			var lasta = $('a[id="headermenu_submenu_link"]',lastContainer).get(lastIndex);
			$(lasta).data('index',lastIndex);
			$(lasta).data('container',lastContainer);
			$(lasta).data('td',lastTd);
			$(lasta).bind('click',function(){JSObject.clickSubMenu(lasta)});
			lasta.innerHTML = lastName;
			
			JSObject.lastSublink = newIndex;
			
			//show search container
			if ($('#search_container').css('display') == "none"){
				animatedcollapse.show('search_container');	
			}
			
		}
		else{
			//open search container
			if (newa.innerHTML.indexOf('Location') != -1){
				animatedcollapse.toggle('search_container');
			}
			if (newa.innerHTML.indexOf('Achat') != -1){
				animatedcollapse.toggle('search_container');
			}	
		}
		
		
		//set product type
		if (newa.innerHTML.indexOf('Location') != -1){
			$('#searchproduct_producttype').val("renting");
		}
		if (newa.innerHTML.indexOf('Achat') != -1){
			$('#searchproduct_producttype').val("selling");
		}	
		
		//alert($('#searchproduct_producttype').val())
	}
	
	
	
	/*****************************************************************************************************/
	/*                                                                                                   */
	/*                                      FUNCTION RESET TO DEFAULT MENU                               */          
	/*                                                                                                   */
	/*****************************************************************************************************/
	this.resetToDefault = function(obj){
		
		
	}
}