/* ============== */
/* === EVENTS === */
/* ============== */

/* === addEvent/removeEvent written by Dean Edwards (2005) with input from Tino Zijdel, Matthias Miller, Diego Perini: http://dean.edwards.name/weblog/2005/10/add-event/ === */
function addEvent( element, type, handler ) {
	if ( !element ) element = window;	// fix: sometimes element does not seem to exist, even though one is passed
	if ( element.addEventListener ) {
		element.addEventListener( type, handler, false );
	} else {
		// assign each event handler a unique ID
		if ( !handler.$$guid ) handler.$$guid = addEvent.guid++;
		// create a hash table of event types for the element
		if ( !element.events ) element.events = {};
		// create a hash table of event handlers for each element/event pair
		var handlers = element.events[ type ];
		if ( !handlers ) {
			handlers = element.events[ type ] = {};
			// store the existing event handler (if there is one)
			if ( element[ "on" + type ] ) {
				handlers[ 0 ] = element[ "on" + type ];
			}
		}
		// store the event handler in the hash table
		handlers[ handler.$$guid ] = handler;
		// assign a global event handler to do all the work
		element[ "on" + type ] = handleEvent;
	}
};
// a counter used to create unique IDs
addEvent.guid = 1;

function removeEvent(element, type, handler) {
	if ( element.removeEventListener ) {
		element.removeEventListener( type, handler, false );
	} else {
		// delete the event handler from the hash table
		if ( element.events && element.events[ type ] ) {
			delete element.events[ type ][ handler.$$guid ];
		}
	}
};

function handleEvent( event ) {
	var returnValue = true;
	// grab the event object (IE uses a global event object)
	event = event || fixEvent( (( this.ownerDocument || this.document || this ).parentWindow || window ).event );
	// get a reference to the hash table of event handlers
	var handlers = this.events[ event.type ];
	// execute each event handler
	for ( var i in handlers ) {
		this.$$handleEvent = handlers[ i ];
		if ( this.$$handleEvent( event ) === false ) {
			returnValue = false;
		}
	}
	return returnValue;
};

function fixEvent( event ) {
	// add W3C standard event methods
	event.preventDefault = fixEvent.preventDefault;
	event.stopPropagation = fixEvent.stopPropagation;
	return event;
};
fixEvent.preventDefault = function() {
	this.returnValue = false;
};
fixEvent.stopPropagation = function() {
	this.cancelBubble = true;
};
/* --- /addEvent/removeEvent --- */

function stopDefault( e ) {
	if ( e && e.preventDefault ) e.preventDefault();	// Prevent default browser action (W3C)
	else window.event.returnValue = false;					// IE version
	return false;
}

function normEvent( e ) {
	e = e || window.event;
	if ( !e.target ) e.target = e.srcElement;
	return e;
}

/////////////////////// elements and classes /////////////////////

function id( name ) {
	return document.getElementById( name );	// -> HTML element
};

function withClass( name, sel, sel2 ) {														// sel and sel2 are both optional and can be either an element or a tag (one of each)
	var haveClass = [];
	var regExp = new RegExp( "(^|\\s)" + name + "(\\s|$)" );								// allows for multiple class names
	var tagName = sel.constructor == String ? sel : sel2;
	var elem = sel.constructor == String ? sel2 : sel;
	var elements = ( elem || document).getElementsByTagName( tagName || "*" );		// use document if no element has been specified and get all elements if no tag name has been specified
	for ( var e = 0; e < elements.length; e++) {
		var element = elements[ e ];
		if ( hasClass( element, name )) haveClass[ haveClass.length ] = element;
	}
	return haveClass;																					// -> Array
};

function hasClass( elem, name ) {
	if ( !name && elem.className != "") return true; // if no className has been specified any className will do | -> Boolean
	var regExp = new RegExp( "(^|\\s)" + name + "(\\s|$)" ); // allows for multiple class names
	if ( regExp.test( elem.className )) return true; // -> Boolean
	return false; // -> Boolean
};

function addClass( elem, name ) {
	addToAttr( elem, "className", name );
}

function removeClass( elem, name ) {
	removeFromAttr( elem, "className", name );
}
function addToAttr( elem, attr, value ) {	// can be used for class, rel and rev attributes
	removeFromAttr( elem, attr, value );	// make sure there won't be any doubles
	elem[ attr ] += " " + value;
}

function removeFromAttr( elem, attr, value ) {									// can be used for class, rel and rev attributes
	var remain = [];
	var values = elem[ attr ].split(/\s+/);										// seperate class names (devided by one or more whitespaces)
	for ( var v = 0; v < values.length; v++ ) {
		if ( values[ v ] != value ) remain[ remain.length ] = values[ v ];
	}
	elem[ attr ] = remain.join( " " );
}


function tag( name, elem ) {
	return ( elem || document ).getElementsByTagName( name );	// -> Array
};

///////////// INIT CLICKABLE ITEMS /////////////

/* --- clickableItems --- make entire itemes clickable --- */
function initClickableItems(divClass,parentId, clickableTags, extraClass) {
	var content = id( parentId );
	if ( content ) {
		var items;
		items = withClass( divClass, "div", content );
		if ( items && items.length > 0 ){
			clickAllOver(items, clickableTags, extraClass);
		}
	}
}

function initClickableItemsLi(liClass,parentId, clickableTags) {
	var content = id( parentId );
	if ( content ) {
		var items;
		items = withClass( liClass, "li", content );
		if ( items && items.length > 0 ) clickAllOver(items, clickableTags, '');
	}
}

var tempUrl;
/* --- clickAllOver --- */
function clickAllOver(elems, clickableTags, extraClass) {					// elem can be a single element or an array of elements
	var items = ( elems.constructor == Array ) ? elems : [ elems ];	// if elem is a single element, put it in an array
	var objA;
	var layoverlink = $(elems).hasClass("layoverlink");
	if (layoverlink) {
		addLayoverDivs(extraClass);
	}
	for ( var i = 0; i < items.length; i++ ) {
		var item = items[ i ];
		layoverlink = $(item).hasClass("layoverlink");

		item.getUrl = function() {
			var url = tag( "a", this )[0];
			objA = url;
			return ( url ) ? url.href : false;
		}
		itemUrl=item.getUrl();

		/* if ( !itemUrl ) return; */
		if ( itemUrl ) {

			item.getTarget = function() {
				var url = tag( "a", this )[0];
				return ( url ) ? url.target : false;
			}
			item.getOnClick = function() {
				var url = tag( "a", this )[0];
				return ( url ) ? url.onclick : false;
			}
			itemTarget=item.getTarget();
			itemOnClick = item.getOnClick();
			if(clickableTags){
				clickableItems=clickableTags;
			}else{
				clickableItems=['img','p', 'h3'];
				/* clickableItems=['img','p']; */
			}

			if (layoverlink) {
				tempUrl = $(objA).attr("href");
				addEvent( objA, "click", function() {
					layover(tempUrl);
				});
				$(objA).attr("href","#");

			}

			for(ci=0;ci<clickableItems.length;ci++){
				elements=tag( clickableItems[ci], item );
				for(ti=0;ti<elements.length;ti++){
					clickableItem=elements[ti];
					if(clickableItem.className=='noneClickable'){
						continue;
					}
					clickableItem.url=itemUrl;
					clickableItem.target=itemTarget;
					if (layoverlink) {
						addEvent( clickableItem, "click", function() {
							layover(this.url);
						});
					} else if (itemOnClick) {
						addEvent( clickableItem, "click", itemOnClick );
					} else {
						addEvent( clickableItem, "click", function() {
						    if(this.target && this.target=='_blank'){
						        window.open(this.url,'');
						    }else{
						        window.location.href = this.url;
						    }
						});
					}
				}
			}
			addEvent( item, "mouseover", function() { addClass( this, "jsHoverItem" )} );
			addEvent( item, "mouseout", function() { removeClass( this, "jsHoverItem" )} );
		}
	}
}
function layover(url) {
	centerLayover();
    $(window).resize(function() {
    	centerMapPopUp();
    });
	$("#backgroundPopup").css({
		"opacity": "0.7"
	});
	$("#backgroundPopup").fadeIn("slow");
	$(".popup").fadeIn("slow");

	if(!$("#layoverIframe").length){
		var LayoverIframe = $(document.createElement('iframe'));
		LayoverIframe.attr("id", "layoverIframe");
		LayoverIframe.attr("class", "layoverIframe");
		LayoverIframe.attr("frameborder", "0");
		LayoverIframe.attr("scrolling", "no");
		LayoverIframe.attr("src",url);
		LayoverIframe.appendTo($("#layover"));
	} else {
		$("#layoverIframe").attr("src",url);
	}

  $("#popupContactClose").click(function(){
  	disableLayover();
  });
	$("#backgroundPopup").click(function(){
		disableLayover();
	});
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disableLayover();
		}
	});
}

function addLayoverDivs(extraClass){
	if(!$(".popup").length){
		var LayoverWrapperDiv = $(document.createElement('div'));
		LayoverWrapperDiv.addClass("popupwide");
		LayoverWrapperDiv.addClass("popup");
		LayoverWrapperDiv.addClass(extraClass);

		var LayoverCloseH2 = $(document.createElement('h2'));
		LayoverCloseH2.text("empty");
		LayoverCloseH2.attr("style","visibility:hidden;");
		LayoverCloseH2.appendTo(LayoverWrapperDiv);

		var LayoverCloseA = $(document.createElement('a'));
		LayoverCloseA.attr("id", "popupContactClose");
		LayoverCloseA.attr("href", "#");
		LayoverCloseA.appendTo(LayoverWrapperDiv);

		var LayoverDiv = $(document.createElement('div'));
		LayoverDiv.attr("id", "layover");
		LayoverDiv.attr("class", "layover");
		//LayoverDiv.attr("style", "border: 1px solid rgb(55, 157, 9); float: left; width: 640px; height: 360px;");
		LayoverDiv.appendTo(LayoverWrapperDiv);

		LayoverWrapperDiv.appendTo($("body"));
	}
	if(!$("#backgroundPopup").length){
		var backgroundLayoverDiv = $(document.createElement('div'));
		backgroundLayoverDiv.attr("id", "backgroundPopup");
		backgroundLayoverDiv.appendTo($("body"));
	}
}

function centerLayover(){
    var windowWidth = $(window).width();
    var windowHeight = $(window).height();
    var popupHeight = $(".popup").height();
    var popupWidth = $(".popup").width();
    $(".popup").css({
      "top": (windowHeight/2-popupHeight/2),
      "left": (windowWidth/2-popupWidth/2)
    });
    $("#backgroundPopup").css({
      "height": windowHeight
    });
 }
 function disableLayover(){
     $("#backgroundPopup").fadeOut("slow");
     $(".popup").fadeOut("slow");
 }