/**
 * JavaScript for main navigation hover effects
 * the function vInitNavHover has to be called with the main language (eg. 'en') and  the sub language (eg. 'us')
 */
 var vInitNavHover = function(sMainLang, sSubLang){
 	 var i = 1;
   $('nav').getElementsBySelector('ul li a').each(function(n){
	 	 var oNode = $(n);
	 	 /*
	 	  * we have to set the active image here.
	 	  */
	 	 if(oNode.hasClassName('active')){
		   oNode.down().setAttribute('src', '/samsung/locale/' + sMainLang + '/' + sSubLang + '/nav/n' + i + '_on.jpg');
			 i++;
			 return;
		 }
		 var sSrc = '/samsung/locale/' + sMainLang + '/' + sSubLang + '/nav/n' + i;
	   oNode.observe('mouseover', function(e){
			 var sImageSrc = sSrc + '_on.jpg';
		   var oElem = Event.element(e);
			 if(oElem.tagName.toLowerCase() != 'img'){ oElem = oElem.down(); }
			 oElem.setAttribute('src', sImageSrc);
		 }).observe('mouseout', function(e){
		 	 var sImageSrc = sSrc + '_off.jpg';
		 	 var oElem = Event.element(e);
			 if(oElem.tagName.toLowerCase() != 'img'){ oElem = oElem.down(); }
       oElem.setAttribute('src', sImageSrc);
		 });
		 i++;
	 })
 };
