﻿/**
 * areaanchor.js
 * @version		1.1.0.1 - 18:00 2009/04/20
 * @require		common.js v.2.1.0.1
 * @param		container:String
 * @param		element:String
 * @return		{Void}
 */

Kaas.ready(function() {
	Kaas.areaAnchor('container', 'div');
});

Kaas.areaAnchor = function(container, element) {

	var c = this.$(container);
	var elem = (element)? c.getElementsByTagName(element) : c.getElementsByTagName('*');

	for (var i = 0, l = elem.length; i < l; i++) {
		
		var t = elem[i];
		var areaHref, defaultClassName, _target;
		
		if (this.hasClassName(t, 'areaAnchor')) {
			
			var _a = t.getElementsByTagName('a')[0];
			t.areaHref = _a.href;
			t.defaultClassName = t.className;
			_target = (!_a.getAttribute('rel') || _a.getAttribute('rel') != 'external')? '_self' : '_blank';
			
			t.onmouseover = function() {
				this.className += ' areaAnchorOver';
			};
			
			t.onmouseout = function() {
				this.className = this.defaultClassName;
			};
			
			// this.addEvent(t, 'mouseout', function() {}); これがIEで動いてくれない
			t.onclick = function() {
				this.className = this.defaultClassName;
				window.open(this.areaHref, _target);
				return false;
			};
			
		}
		
	}
	
};

