/* misc.js */
function linkManipulation() {
	var tags = document.getElementsByTagName('A');
	for (var i=0; tags[i]; i++)
	{
		var tag = tags[i];
		/*
			XHTML 1.0 Strict DOCTYPE használata esetén nem megengedett 
			target="_blank" helyettesítése rel="external" attributummal
		*/		
		if (tag.getAttribute('rel') == 'external') 
		{
			tag.onclick = function(evt) {
				var e = evt || window.event;
				
				var target = e.srcElement ? e.srcElement : e.target;
				while (target.nodeName.toLowerCase() != 'a' && target.parentNode != null) target = target.parentNode;
				window.open(target.getAttribute('href'), '_blank');
				if (e.cancelable)e.preventDefault();// DOM
				return false;// IE
			};
		/*
			Automatikus vissza.
			Használata <a href="#" rel="goback">vissza</a>
		*/			
		} else if (tag.getAttribute('rel') == 'goback')
		{
			tag.onclick = function goBack(evt) {
				var e = evt || window.event;
				history.go(-1);
				if (e.cancelable)e.preventDefault();// DOM
				return false;// IE
			};
		}
	}
}

/*
	Input mező alapértelmezett értékét beleklikkeléskor törli.
	<input type="text"/type="password" class="js-clear-default-text" />
*/
function clearDefaultText() {   
    var formInputs = document.getElementsByTagName('INPUT');
    for (var i=0; formInputs[i]; i++) {
        var theInput = formInputs[i];
        if ((theInput.type == 'text' || theInput.type == 'password') && (theInput.className.match(/\bjs-clear-default-text\b/))) {  
	
		if (theInput.value !== '') theInput.defaultText = theInput.value;
		
		theInput.onfocus = function(e){
		    var target = window.event ? window.event.srcElement : e ? e.target : null;
		    if (!target) return;
		    if (target.value == target.defaultText)target.value = '';
		};
		
		theInput.onblur = function(e){
		    var target = window.event ? window.event.srcElement : e ? e.target : null;
		    if (!target) return;
		    if (target.value == '' && target.defaultText)target.value = target.defaultText;
		}
        }
    }	
}

/*!TODO
	Navigáció útvonal: főkategória > alkategória > termék
	Szimbólum automatikus beillesztése.
	HTML:
	<ul id="some-id" class="js-auto-symbol otherclass">
		<li><a href="#ng">főoldal</a></li>
		<li><a href="#ng">aloldal</a></li>
		<li>végoldal</li>
	</ul>
*/
function autoSymbol() {
	
	var symbol = '&raquo;';
	
	// IE6 - extra white-space törlése
	(function() {
		if(document.all){
		var aLI=document.all.tags('LI');
		for(var i=0; i<aLI.length; i++){
			aLI[i].innerHTML=aLI[i].innerHTML.replace(/\s$/, '');
			}
		}
	})();
	
	var unorderedLists = document.getElementsByTagName('UL');
	
	for (var i=0; unorderedLists[i]; i++) 
	{
		var theUl = unorderedLists[i];
		if (theUl.className.match(/\bjs-auto-symbol\b/)) 
		{  
			var newUl = document.createElement('UL');
			if(theUl.getAttribute('id'))newUl.setAttribute('id',theUl.getAttribute('id'));
			newUl.className = theUl.className;
			
			liArr = theUl.getElementsByTagName('LI');
			for(var j=0;liArr[j];j++) 
			{
				var liObj1 = document.createElement('LI');
				liObj1.innerHTML = liArr[j].innerHTML;
				newUl.appendChild(liObj1);
				
				if(liArr[j+1]){
					var liObj2 = document.createElement('LI');
					liObj2.innerHTML = symbol;
					newUl.appendChild(liObj2);
				}
			}
			
			theUl.parentNode.replaceChild(newUl,theUl);
		}
	}
}



/* 
	Kimaszkolt képet középre helyez
	HTML: <ul class="js-centered-images"><li><span></span><img /></li></ul>
	<span> a mask!
	
*/
function centeredImages() {
	var elementsArr = document.getElementsByTagName('*');
	for (var i=0; elementsArr[i]; i++) {
		var theElement = elementsArr[i];
		if (theElement.className.match(/\bjs-centered-images\b/)) {
			var maskSpan = theElement.getElementsByTagName('SPAN')[0];
			var imagesArr = theElement.getElementsByTagName('IMG');
			for (var j = 0; imagesArr[j]; j++) {
				var im = imagesArr[j];
				im.style.marginLeft = (maskSpan.offsetHeight-im.width)/2+'px';
				im.style.marginTop = (maskSpan.offsetHeight-im.height)/2+'px';
			}
		}
	}	
}



function BindFuncs() {
	autoSymbol();
	centeredImages();
	linkManipulation();
	clearDefaultText();
}


if (window.attachEvent) {
	window.attachEvent("onload", BindFuncs);// IE
} else {
	window.addEventListener("load", BindFuncs, false);// DOM
}