// JavaScript Document

(function($){		
  var Effect=false;
  var timer=""; 
  var switchNum=1
  
  $.fn.extend({	 
	 
	 mouseOver:function(item){	   
	   $('#subMenu').find('.subMenu:eq('+item+')').css('display','block')
	   $('#subMenu').find('.subMenu:eq('+item+')').addClass('over')	   	   
	   this.find('.btn').bind('mouseover',function(e){
			$('#menu').find('.btn').addClass('out')
			$('#menu').find('.btn').removeClass('over')
			$(e.target).addClass('over')	
			$(e.target).removeClass('out')
	   });
	 },
	 
	 changeMenu:function(){
		 this.bind('mouseout',function(e){
		   $(e.target).removeClass('over')
		 })
	 },
	 
	 
	 changeSubMenu:function(divName,autoHeight,backHeight,backHieght2){
		this.bind('mouseover',function(e){									   
		  Effect=true		  
		  
		  if(timer==""){
			  timer=setInterval(showDiv,250)
		  }else{		      
			  clearInterval(timer)
			  timer=""
			  timer=setInterval(showDiv,250)
		  }
		  
		  if($('#expressMenu').css('display')=="block"){
	         $('#expressMenu').css('display','none')
	      }
			 
		  if(autoHeight){
			if($('#menu').css('height')!=248){
				$('#menu').css('height','248px')
			}
			}else{
			  $('#menu').css('height','78px')
		  }
		  
			 
			 
		  var tempObject=$(divName)		  
		  if(!tempObject.hasClass('over')){			  
			  var preTempObject=$('#subMenu').find('.subMenu.over')
			  preTempObject.fadeOut(100,function(){									
			  tempObject.fadeIn(250)
			  tempObject.addClass('over')
			  
			  tempObject.bind('mouseover',function(e){
				 Effect=true
			     })			  
			  tempObject.bind('mouseout',function(e){
				 Effect=false
			     })
			  
			  }).removeClass('over')
		  }		  
		})
		
		this.bind('mouseout',function(e){
			Effect=false;						
		})
		
		
		
		function showDiv(){
			if(!Effect){
				clearInterval(timer)
				timer=""  	
				
				$('#menu').find('.btn.over').removeClass('over')											
				$('#menu').find('.'+$('#expressMenu').attr('value')).addClass('over')
				$('#subMenu').find('.subMenu.over').fadeOut("fast").removeClass('over')
				$('#expressMenu').css('display','block')	
				$('#subMenu').find('.empty').addClass('over')
				
				if(backHeight){
				$('#menu').css('height','248px')
				}else{
					if(backHieght2){
					$('#menu').css('height','60px')
				}else{
					$('#menu').css('height','78px')
				}
				}
				
				
			}
		}		
	 },	 
	 
	 deviceMultiBtn:function(){
	   var tempMainObj=$(this)
	   tempMainObj.find('.btn').bind('mousedown',function(e){			 
		 var target=$(this)		
	
		if(jQuery.browser.msie & jQuery.browser.version==6.0){
		if(target.hasClass('active')){
			target.removeClass('active')
			target.css('background-position','left top')
			target.css('color','white')			 
		 }else{			 
		     target.addClass('active')	
			 if(target.hasClass('Middle')){
			 target.css('background-position','left -20px')
			 }else{
				target.css('background-position','left -23px') 
			 }
			 target.css('color','black')
		 }
		}else{
			if(target.hasClass('active')){
			target.removeClass('active')
		 }else{			 
		     target.addClass('active')	
		 }			
		}
		
		
		})
	 },
	 
	 deviceMultiBtn2:function(){
	   var tempMainObj=$(this)
	   tempMainObj.find('.btn').bind('mousedown',function(e){			 
		 var target=$(this)		
	
		if(jQuery.browser.msie & jQuery.browser.version==6.0){
		if(target.hasClass('active')){
			target.removeClass('active')
			target.css('background-position','left top')
			target.css('color','black')			 
		 }else{			 
		     target.addClass('active')	
			 if(target.hasClass('Middle')){
			 target.css('background-position','left -20px')
			 }else{
				target.css('background-position','left bottom') 
			 }
			 target.css('color','black')
		 }
		}else{
			if(target.hasClass('active')){
			target.removeClass('active')
		 }else{			 
		     target.addClass('active')	
		 }			
		}
		
		
		})
	 },
	 

	 deviceSingleBtn:function(){
	   var tempMainObj=$(this)
	   tempMainObj.find('.btn').bind('mousedown',function(e){			 
		 tempMainObj.find('.active').removeClass('active')
	     $(this).addClass('active')
		})
	 },
	 
	 deviceSingleBtn2:function(){
	   var tempMainObj=$(this)
	   tempMainObj.find('.btn').each(function(){
			$(this).bind('mousedown',function(e){			 
		       if($(this).hasClass('active')){			 
	              $(this).removeClass('active')
			   }else{
				   tempMainObj.find('.active').removeClass('active')
			      $(this).addClass('active')
			   }
		})
			
			
			})
	 },
	 
	 listBtn:function(){	 
	   var tempMainObj=$(this)
	   tempMainObj.find('.btn').bind('mousedown',function(e){
		   tempMainObj.find('.active').removeClass('active')
		   $(this).addClass('active')
		})	
	 },		 
	 
	 switchBtn:function(boolean,divName,effectArea){		 
	   var tempMainObj=$(this)	 
	   tempMainObj.find('.btn').bind('click',function(e){
		 if(boolean){
		   var tempVal=$(this).attr('value');		 
		   $(effectArea).find('.active').removeClass('active') 	     
		   tempMainObj.find('.active').removeClass('active')
		   $(this).addClass('active')
		   $(effectArea).find(divName+tempVal).addClass('active').fadeIn() 		 
		 }else{
		   tempMainObj.find('.active').removeClass('active')
		   $(this).addClass('active')	   
		 }
		 
		})	
	 },
	 
	 switchBtn2:function(boolean,divName,effectArea){		 
	   var tempMainObj=$(this)	 
	   
	   tempMainObj.find('.btn').bind('mousedown',function(e){
		 if(boolean){
		   var tempVal=$(this).attr('value');		 
		   
		   $(effectArea).find('.active').css('display','none')     
		   tempMainObj.find('.active').removeClass('active')
		   
		   $(this).addClass('active')
		   $(effectArea).find(divName+tempVal).addClass('active').fadeIn()
		   switchNum=tempVal
		 }else{
		   tempMainObj.find('.active').removeClass('active')
		   $(this).addClass('active')	   
		 }
		 
		})	
	 },	
	 
	 
	 autoSwitch:function(number,divName,effectArea,time){
		 var tempMainObj=$(this)
		 var autoTimer
		 var limit=Number(number)
		 var switchturn=false
		 
		 function autoplay(){
		   tempMainObj.find('.btn').eq(switchNum-1).removeClass('active')
		   
		   tempMainObj.find(divName+switchNum).fadeOut("2000",function(){
		    switchNum++
			if(switchNum>limit){switchNum=1}
			    
				tempMainObj.find(divName+switchNum).fadeIn("2000",function(){
				tempMainObj.find('.btn').eq(switchNum-1).addClass('active')												
			 })
		   })
		   
		 }
		 
		 autoTimer=setInterval(autoplay,time)
		 
		 tempMainObj.find('.btn').each(function(){		    
			$(this).mouseover(function(){ 
				clearInterval(autoTimer)				
			 })
			$(this).mouseout(function(){autoTimer=setInterval(autoplay,time)})
			
			$(this).click(function(){
				var tempNum=$(this).attr("value")
				$(divName+switchNum).fadeOut('fast',function(){
				$(divName+switchNum).removeClass('active')
				tempMainObj.find('.btn').eq(switchNum-1).removeClass('active')
				switchNum=tempNum
				$(divName+switchNum).fadeIn()
				tempMainObj.find('.btn').eq(switchNum-1).addClass('active')				
				
				})

				
			})
					
		  })		 
	 },
	 
 
	 searchWidget:function(){		 
	   var listdata=[]
	   var listdata2=[]
	   var matchlist=[]
	
		$.ajax({
		  url: "http://www.rxmcu.com/USA/php/search.php",/*search.xml*/
		  type: "GET",
		  dataType: 'text/xml',
		  success: function(xml) {		  
		  if (jQuery.browser.msie) {  
			 var xmlDoc = new ActiveXObject("Microsoft.XMLDOM");  
			 xmlDoc.loadXML(xml);  
			 xml = xmlDoc;  
		  }  		  
		  
		  $(xml).find("PartNo").each(function(e){
			 listdata.push($(this).text())
		   })
		  
		  $(xml).find("OrderPartNo").each(function(e){
			 listdata2.push($(this).text())
		   })
		  
		  
		  },	   
		  Error: function() {
			alert("ERROR!!!");
		  }
		});

		 
		 $(this).bind("keyup",function(e){
		  
		  var target=$(this)
		  var keyword=target.val().toUpperCase()
		  var REkeyword=new RegExp(keyword)
		  var templink=""
		  var linkL=0
		  matchlist=[];
		  
		  if(keyword.length>=5){
		    templink="";
			
			for(var i=0; i<listdata.length; ++i){
			  if(listdata[i].search(REkeyword)!=-1){
				  var tempURL="searchResult.html?textField="+listdata[i]
				  templink=templink+'<a href='+tempURL+'>'+listdata2[i]+'</a>'
				  linkL++
			  }			  
			}
			
			
			
			if(templink==""){
			templink="No Shortcut found"
			}
			
            templink='<span class="count">product('+linkL+')</span>'+
			          '<span class="list">'+templink+'</span>'+
					  '<span class="seeAll btn">&gt; View all search results</span>'
			

			$('#searchList').html(templink)
			
			$('#searchList').find('.seeAll').click(function(){
	           window.location="searchResult.html?textField="+$('#search').find('#textField').val()
	        })
			
			if(!target.hasClass('active')){
			   target.addClass('active')
			   $('#searchList').css('display','block')
			}
			
		   }else{
		     $('#searchList').css('display','none')
			 target.removeClass('active')
		   }
		   
		   
		  
		  
		 })
		 
		 
		 $('body').bind("click",function(e){
			   var target=$(this)
			   $('#searchList').css('display','none')
			   target.removeClass('active')
		 })
		 
		 
		 
		 
	 }
	 
	 
	 
			  
  });
  
  
  
  
  
})(jQuery)