/*
 * $Id: common.js,v 1.1 2006-05-18 15:48:37 sven Exp $ 
 */
function newWindow(mypage,myname,w,h,features) {
	if(screen.width){
		var winl = (screen.width-w)/2;
		var wint = (screen.height-h)/2;
	}
	else{winl = 0;wint =0;}
	if (winl < 0) winl = 0;
	if (wint < 0) wint = 0;
	
	var settings = 'height=' + h + ',';
	settings += 'width=' + w + ',';
	settings += 'top=' + wint + ',';
	settings += 'left=' + winl + ',';
	settings += features;
	win = window.open(mypage,myname,settings);
	win.window.focus();
}function PrezentDomApi() {
    this.version = '0.2';
    this.eventCache = new PrezentDomApi.EventCache();
    this.actionAttacher = null;
};

// Static domloader variables
PrezentDomApi.domLoad = [];
PrezentDomApi.domLoaderSet = false;

/**
 * TagEvent class.
 * @version 1.0
 */
PrezentDomApi.TagEvent = function (tagName, className, act, func) {
    this.tagName = tagName.toLowerCase();
    this.className = className;
    this.act = act;
    this.func = func;
}
PrezentDomApi.TagEvent.prototype.matches = function(tagName, className) {
    if (tagName.toLowerCase() != this.tagName) {
        return false;
    }
    return (this.className == null || new RegExp(this.className+"[\\W\\s]?").test(className));
};

/**
 * ActionAttacher class.
 * attaches events to tags by their tagName / classname.
 * Use actionAttacher.addTagEvent to add an event to a tag / className combination.
 */
PrezentDomApi.ActionAttacher = function() {
    this.tagEvents = [];
    this.counter = 0;
}

/* Runs onload to attach all TagEvents */
PrezentDomApi.ActionAttacher.prototype.attach = function() {
    var tagEvents = this.tagEvents;
    var tags = {}, elems, len, j;

    // Loop trough all tagEvents to retreive tag
    for (var k=0; k < tagEvents.length; k++) {
        if (typeof tags[tagEvents[k].tagName] != 'undefined') {
            continue;
        }
        // add HTMLCollection to tags array
        tags[tagEvents[k].tagName] = document.body.getElementsByTagName(tagEvents[k].tagName);
    }

    // Loop trough all tags where events should be attached to
    for (j in tags) {
        elems = tags[j];
        len = elems.length;

        for (var i=0; i < len; i++) {

            // Loop trough events
            for (k=0; k < tagEvents.length; k++) {
                // check if we have a tag- and classname match
                if (tagEvents[k].matches(elems[i].tagName, elems[i].className)) {
                    // Check if action is 'attach', this means we execute the method on attach
                	if (tagEvents[k].act == 'attach') {
                    	tagEvents[k].func(elems[i]);
                    } else {
                    	// Add event on match
                    	pDomApi.addEvent(elems[i], tagEvents[k].act, tagEvents[k].func);
                    }
                }
            }
        }
    }

};
/* Add tag event to action attacher */
PrezentDomApi.ActionAttacher.prototype.addTagEvent = function (tEvent) {
    this.tagEvents.push(tEvent);
    return this.counter++;
};

PrezentDomApi.prototype.getActionAttacher = function () {
	if (this.actionAttacher) {
		return this.actionAttacher;
	}
	var me = this;
	this.actionAttacher = new PrezentDomApi.ActionAttacher();
	this.addEvent(window, 'domload', function() { me.actionAttacher.attach();});
	return this.actionAttacher;
};

PrezentDomApi.EventCache =  function() {

	var listEvents = [];

	return {
		listEvents : listEvents,
		add : function(node, sEventName, fHandler){
			listEvents.push(arguments);
		},
		flush : function() {
			var i, item;
			for(i = listEvents.length - 1; i >= 0; i = i - 1){
				item = listEvents[i];
				if(item[0].removeEventListener){
					item[0].removeEventListener(item[1], item[2], item[3]);
				};
				if(item[1].substring(0, 2) != "on"){
					item[1] = "on" + item[1];
				};
				if(item[0].detachEvent){
					item[0].detachEvent(item[1], item[2]);
				}
				item[0][item[1]] = null;
			}
		}
	};

};

/* Runs on dom load if needed */
PrezentDomApi.domLoaded = function() {

    if (arguments.callee.done) { return; }
    arguments.callee.done = true;

    for (var i = 0;i < PrezentDomApi.domLoad.length;i++) {
        PrezentDomApi.domLoad[i]();
    }
};


/**
 * Sets a classname for element elem, eventually replacing other classname(s)
 * @param   HTMLElement     elem
 * @param   String          className
 * @param   String/Array    replace
 * @since   0.1
 */
PrezentDomApi.prototype.setClassName = function(elem, className, replace) {
	var replaceArr = [className];
    var newClassName = elem.className;


    // determine replace parameter type (note that it can also be undefined, that case is not handled)
    switch ((typeof replace).toLowerCase()) {
        case 'string':
            replaceArr.push(replace);
            break;
        case 'object':
            replaceArr = replaceArr.concat(replace);
            break;
    }

    // replace all classNames in the replaceArray with a space
    for (var i = 0; i < replaceArr.length; i++) {
        newClassName = newClassName.replace(new RegExp("(^|\\s)" + replaceArr[i] + "(\\s|$)", "g"), ' ');
    }
    // set the new classname
    elem.className = newClassName.trim() + (newClassName.length > 0 ? ' ' : '') + className;
};

/**
 * Sets a classname for element elem, eventually replacing other classname(s)
 * @param   Array           elems       Array of HTMLElements
 * @param   String          className
 * @param   String/Array    replace
 * @since   0.1
 */
PrezentDomApi.prototype.setClassNames = function(elems, className, replace) {
    for (var i in elems) {
        this.setClassName(elems[i]);
    }
};

// elem: (string || object) string of elements id, or a reference to the element itself
// act:  (string) eventname without the 'on' prefix. (load, click, mouseover, etc.)
// func: (unquoted string) functionname of the function to execute on event fire.
PrezentDomApi.prototype.addEvent = function(elem, act, func) {

    if(typeof elem == 'string') {
        elem = document.getElementById(elem);
    }

    if(!elem) return false;

    if (act == 'domload' && elem == window) {
        this.addDomLoadEvent(func);
    }

    if (window.addEventListener) {
       elem.addEventListener(act, func, false);
       this.eventCache.add(elem, act, func);
    }
    else if (window.attachEvent) {
    	elem["e"+act+func] = func;
    	elem[act+func] = function() { elem["e"+act+func](window.event); };
        elem.attachEvent('on'+act, elem[act+func]);
        this.eventCache.add(elem, act, func);
    }
    else { return false; }
    return true;
};

PrezentDomApi.prototype.addDomLoadEvent = function(func) {

    PrezentDomApi.domLoad.push(func);
    if (PrezentDomApi.domLoaderSet) {
        return false;
    }

	if (document.addEventListener) {
		document.addEventListener("DOMContentLoaded", PrezentDomApi.domLoaded, null);
    }
	if (/KHTML|WebKit/i.test(navigator.userAgent)) {
		var _timer = setInterval(function()	{
			if (/loaded|complete/.test(document.readyState)) {
				clearInterval(_timer);
				delete _timer;
				PrezentDomApi.domLoaded();
			}
		}, 25);
	}
	/*@cc_on @*/
	/*@if (@_win32)
	var proto = "src='javascript:void(0)'";
	if (location.protocol == "https:") proto = "src=//0";
	document.write("<scr"+"ipt id=__ie_onload defer " + proto + "><\/scr"+"ipt>");
	var script = document.getElementById("__ie_onload");
	script.onreadystatechange = function() {
	    if (this.readyState == "complete") {
	        PrezentDomApi.domLoaded();
	    }
	};
	/*@end @*/
   this.addEvent(window, 'load', PrezentDomApi.domLoaded);
   PrezentDomApi.domLoaderSet = true;
};

// Call this function with the same arguments as you did with AddEvent
// to remove the eventlistener.
PrezentDomApi.prototype.removeEvent = function(elem, act, func) {
    if(typeof elem == 'string') {
        elem = document.getElementById(elem);
    }

    if(!elem) return false;

    if(window.removeEventListener) {
       elem.removeEventListener(act, func, false);
    }
    else if(window.detachEvent) {
        elem.detachEvent('on'+act, func);
    }
};

/*
    Written by Jonathan Snook, http://www.snook.ca/jonathan
    Add-ons by Robert Nyman, http://www.robertnyman.com
    Added support for native getElementsByTagName implementation (supported in Firefox 3)
    http://ejohn.org/blog/getelementsbyclassname-in-firefox-3/
*/
PrezentDomApi.prototype.getElementsByClassName = function(className, tagName, elm){
    var arrReturnElements = [];
    var tagName = tagName || "*";
	var elm = elm || document;

    // Check for native getElementsByClassName implementation (FF3, Safari 3.1, Opera 9.5)
    if (elm.getElementsByClassName) {
        var arrElements = elm.getElementsByClassName(className);
        var nodeName = (tagName != '*')? new RegExp("\\b" + tagName + "\\b", "i") : null;

        for (var i=0; i < arrElements.length; i++){
        	if(! nodeName || nodeName.test(arrElements[i].nodeName)) {
        		arrReturnElements.push(arrElements[i]);
			}
        }
        return arrReturnElements;
    }

    var arrElements = (tagName == "*" && elm.all) ? elm.all : elm.getElementsByTagName(tagName);

    className = className.replace(/\-/g, "\\-");
    var oRegExp = new RegExp("(^|\\s)" + className + "(\\s|$)");
    var oElement;
    for (var i=0; i<arrElements.length; i++){
        oElement = arrElements[i];
        if(oRegExp.test(oElement.className)){
            arrReturnElements.push(oElement);
        }
    }
    return arrReturnElements;
};

PrezentDomApi.prototype.hasClassName = function(oElm, strClassName) {
    var oRegExp = new RegExp("(^|\\s)" + strClassName + "(\\s|$)");
    return oRegExp.test(oElm.className);
};

PrezentDomApi.prototype.showHide = function(elem, hide, show) {
    var hide = hide == undefined ? 'hide' : hide;
    var show = show == undefined ? 'show' : show;

    elem.className = new RegExp(hide).test(elem.className) ?
        elem.className.replace(new RegExp(hide), show) :
        elem.className.replace(new RegExp('\\s?'+ show), '') + ' ' + hide;

};

PrezentDomApi.prototype.preventDefault = function(event) {
    if (event.preventDefault) {
        event.preventDefault();
    } else {
        event.returnValue = false;
    }
};

var pDomApi = new PrezentDomApi();
// flush events
pDomApi.addEvent(window, 'unload', pDomApi.eventCache.flush);


/* Extra helper functions */
if (typeof window.eId != 'function') {
    function eId() {
        var elements = new Array();

        for (var i = 0; i < arguments.length; i++) {
            var element = arguments[i];
            if (typeof element == 'string') { element = document.getElementById(element); }

            if (arguments.length == 1) { return element; }

            elements.push(element);
        }

        return elements;
    };
}

String.prototype.trim = function() {
    var str = this.replace(/^\s\s*/, ''),
        ws = /\s/,
        i = str.length;
    while (ws.test(str.charAt(--i)));
    return str.slice(0, i + 1);
};
function copyAddress(frm) {
	var elems = new Array('adres','huisnummer','postcode','plaats','land');
	while (elem = elems.pop()) {
		frm.elements['shop[' + elem + '2]'].value = frm.elements['shop[' + elem + ']'].value;
	}
}


function getObj(name) {
  if (document.getElementById)
  {
  	this.obj = document.getElementById(name);
		this.style = document.getElementById(name).style;
  }
  else if (document.all)
  {
		this.obj = document.all[name];
		this.style = document.all[name].style;
  }
  else if (document.layers)
  {
   	this.obj = document.layers[name];
   	this.style = document.layers[name];
  }
}

function showHide(id) {
	element = new getObj(id);
	if (! element.style) { return; }
	if (element.style.display == 'table-row' || element.style.display == 'block') {
		element.style.display = 'none';
	} else {
		try {
			element.style.display = 'table-row';
		}
		catch (e) {
			element.style.display = 'block';
		}
	}
}


//really not important (the first two should be small for Opera's sake)
PositionX = 10;
PositionY = 10;
defaultWidth  = 600;
defaultHeight = 400;

//kinda important
var AutoClose = true;

//don't touch
function popImage(imageURL,imageTitle){
  var imgWin = window.open('','_blank','scrollbars=no,resizable=1,width='+defaultWidth+',height='+defaultHeight+',left='+PositionX+',top='+PositionY);
  if( !imgWin ) { return true; } //popup blockers should not cause errors
  imgWin.document.write('<html><head><title>'+imageTitle+'<\/title><script type="text\/javascript">\n'+
    'function resizeWinTo() {\n'+
    'if( !document.images.length ) { document.images[0] = document.layers[0].images[0]; }'+
    'var oH = document.images[0].height, oW = document.images[0].width;\n'+
    'if( !oH || window.doneAlready ) { return; }\n'+ //in case images are disabled
    'window.doneAlready = true;\n'+ //for Safari and Opera
    'var x = window; x.resizeTo( oW + 200, oH + 200 );\n'+
    'var myW = 0, myH = 0, d = x.document.documentElement, b = x.document.body;\n'+
    'if( x.innerWidth ) { myW = x.innerWidth; myH = x.innerHeight; }\n'+
    'else if( d && d.clientWidth ) { myW = d.clientWidth; myH = d.clientHeight; }\n'+
    'else if( b && b.clientWidth ) { myW = b.clientWidth; myH = b.clientHeight; }\n'+
    'if( window.opera && !document.childNodes ) { myW += 16; }\n'+
    'x.resizeTo( oW = oW + ( ( oW + 200 ) - myW ), oH = oH + ( (oH + 200 ) - myH ) );\n'+
    'var scW = screen.availWidth ? screen.availWidth : screen.width;\n'+
    'var scH = screen.availHeight ? screen.availHeight : screen.height;\n'+
    'if( !window.opera ) { x.moveTo(Math.round((scW-oW)/2),Math.round((scH-oH)/2)); }\n'+
    '}\n'+
    '<\/script>'+
    '<\/head><body onload="resizeWinTo();"'+(AutoClose?' onblur="self.close();"':'')+'>'+
    (document.layers?('<layer left="0" top="0">'):('<div style="position:absolute;left:0px;top:0px;display:table;">'))+
    '<img src='+imageURL+' alt="Loading image ..." title="" onload="resizeWinTo();">'+
    (document.layers?'<\/layer>':'<\/div>')+'<\/body><\/html>');
  imgWin.document.close();
  if( imgWin.focus ) { imgWin.focus(); }
  return false;
}

var actionAttacher = pDomApi.getActionAttacher();
actionAttacher.addTagEvent(
	new PrezentDomApi.TagEvent('select', 'controlSearch', 'change', changeUrlAndRedirect)
);

function changeUrlAndRedirect(e) {
	if (! e) { var e = window.event; }
    var targ = e.target ? e.target : e.srcElement;
    
    var key		= targ.name;
    var value	= targ.options[targ.selectedIndex].value;
    var url		= window.location;

    var parts	= url.toString().split('?');
    var pairs	= (parts[1]) ? parts[1].split('&') : new Array();
    var found	= false;
    
    for (var i = 0; i < pairs.length; i++) {
    	var keyVal = pairs[i].split('=');
    	if (keyVal[0] == key) {
    		pairs[i] = keyVal[0] + '=' + value;
    		found = true;
    		break;
    	}    	
    }
    
    // rebuild url
    if (found) {
    	var newUrl = parts[0] + '?';
    	for (var i = 0; i < pairs.length; i++) {
    		if (i != 0) {
    			newUrl += '&';
    		}
    		newUrl += pairs[i];
    	}
    	
    } else {
    	var glue = (parts[1]) ? '&' : '?'
    	var newUrl = url + glue + key + '=' + value;
    }
    
    window.location.assign(newUrl);
}

if (typeof actionAtacher == 'undefined') {
    var actionAttacher = new PrezentDomApi.ActionAttacher();
    pDomApi.addEvent(window, 'domload', function() { actionAttacher.attach(); });
}