/**                                  ( ( (
	 *                                 '. ___ .'
	 *                                '  (> <)  '
	 * ------------------------------ooO--(_)--Ooo------------------------------
	 *  Document                                                  version 1.1.2
	 * ---------------------------------------------------------------------lrm-
	 * Programmers:        Laurens Martina
	 * Company:            Sequential Media
	 * Created:            2007-12-05
	 * Updated:            
	 * Version:            1.1.2
	 *                     Changed version a: 2007-12-05
	 *                     Changed version b: 2007-12-05
	 *                     Changed version c: 2008-01-07
	 * Build:              1
	 * Tested in:          msie    pc  6  : yes
	 *                     msie    pc  7  : yes
	 *                     firefox pc  2.0: yes
	 *                     firefox mac 2.0: yes
	 *                     safari  mac 2.0: no
	 *                     safari  mac 3.0: yes
	 *                     safari  pc  3.0: yes
	 */
	
	/**                                  _===_
	 *                                   (- -)
	 * ------------------------------ooO--(_)--Ooo------------------------------
	 *  Description
	 * ---------------------------------------------------------------------lrm-
	 * These functions will create 'scrollLayer'
	 */
	
	/**                                  _____
	 *                                  ' /_\
	 *                                   [o|o]
	 * ------------------------------ooO--(_)--Ooo------------------------------
	 *  Adds & Fixes
	 * ---------------------------------------------------------------------lrm-
	 * Need to be added:
	 *   
	 * Need to be fixed:
	 *   
	 */
	
	/**                                   ___
	 *                                   (0)0)
	 * -------------------------------ooO'(_)'Ooo-------------------------------
	 *  ChangeLog: c_getParameters
	 * ---------------------------------------------------------------------lrm-
	 * Added:
	 *
	 * Fixed:
	 *   1.*.2 -> processed: 2008-01-07 | noted: 2008-01-07
	 *            Now this process will go correct when a padding is set
	 *
	 */
	
	/**
	 * -------------------------------------------------------------------------
	 * g_oSystem
	 * -------------------------------------------------------------------------
	 * Description:
	 *   checks system for browser(browser), browserversion(version) and os(OS)
	 */
	var g_oSystem = {
		init: function () {
			this.browser = this.searchString(this.dataBrowser) || "An unknown browser";
			this.version = this.searchVersion(navigator.userAgent)
				|| this.searchVersion(navigator.appVersion)
				|| "an unknown version";
			this.OS = this.searchString(this.dataOS) || "an unknown OS";
		},
		searchString: function (data) {
			for (var i=0;i<data.length;i++)	{
				var dataString = data[i].string;
				var dataProp = data[i].prop;
				this.versionSearchString = data[i].versionSearch || data[i].identity;
				if (dataString) {
					if (dataString.indexOf(data[i].subString) != -1)
						return data[i].identity;
				}
				else if (dataProp)
					return data[i].identity;
			}
		},
		searchVersion: function (dataString) {
			var index = dataString.indexOf(this.versionSearchString);
			if (index == -1) return;
			return parseFloat(dataString.substring(index+this.versionSearchString.length+1));
		},
		dataBrowser: [
			{
				string: navigator.userAgent,
				subString: "OmniWeb",
				versionSearch: "OmniWeb/",
				identity: "OmniWeb"
			},
			{
				string: navigator.vendor,
				subString: "Apple",
				identity: "Safari"
			},
			{
				prop: window.opera,
				identity: "Opera"
			},
			{
				string: navigator.vendor,
				subString: "iCab",
				identity: "iCab"
			},
			{
				string: navigator.vendor,
				subString: "KDE",
				identity: "Konqueror"
			},
			{
				string: navigator.userAgent,
				subString: "Firefox",
				identity: "Firefox"
			},
			{
				string: navigator.vendor,
				subString: "Camino",
				identity: "Camino"
			},
			{		// for newer Netscapes (6+)
				string: navigator.userAgent,
				subString: "Netscape",
				identity: "Netscape"
			},
			{
				string: navigator.userAgent,
				subString: "MSIE",
				identity: "Explorer",
				versionSearch: "MSIE"
			},
			{
				string: navigator.userAgent,
				subString: "Gecko",
				identity: "Mozilla",
				versionSearch: "rv"
			},
			{ 		// for older Netscapes (4-)
				string: navigator.userAgent,
				subString: "Mozilla",
				identity: "Netscape",
				versionSearch: "Mozilla"
			}
		],
		dataOS : [
			{
				string: navigator.platform,
				subString: "Win",
				identity: "Windows"
			},
			{
				string: navigator.platform,
				subString: "Mac",
				identity: "Mac"
			},
			{
				string: navigator.platform,
				subString: "Linux",
				identity: "Linux"
			}
		]

	};
	g_oSystem.init();
	
	/**
	 * -------------------------------------------------------------------------
	 * function f_initScrollLayer
	 * -------------------------------------------------------------------------
	 * Description:
	 *   initiates scroll layers
	 */
	function f_initScrollLayer(arg, argValue){
		var w_bEscape = false;
		var w_aoElements;
		
		if((g_oSystem.browser == 'Safari') && (g_oSystem.version < 500)){
			return false;
		}
		
		// get all div elements
		w_aoElements = f_getElementsByTagNames(document, 'div');
		
		if(!w_bEscape){
			w_aoElements = f_filterElementsOnAttribute(w_aoElements, arg, argValue);
			w_aoElements = f_filterElementsOnStyle(w_aoElements, 'overflow', 'hidden');
		}
		
		if(w_aoElements.length == 0){
			w_bEscape = true;
		}
		
		if(!w_bEscape){
			// process each element and place them in 'w_aCollectScrollObjects'
			var w_aCollectScrollObjects = new Array;
			for(var t_iElementKey = 0; t_iElementKey < w_aoElements.length; t_iElementKey++){
				w_aCollectScrollObjects.push(new c_scrollObjects(w_aoElements[t_iElementKey], t_iElementKey));
			}
			for(var t_iScrollObjectKey = 0; t_iScrollObjectKey < w_aCollectScrollObjects.length; t_iScrollObjectKey++){
				w_aCollectScrollObjects[t_iScrollObjectKey].f_getStyle();
				w_aCollectScrollObjects[t_iScrollObjectKey].f_createDivs();
				w_aCollectScrollObjects[t_iScrollObjectKey].f_iniScrolling();
			}
		}
		
		if(w_bEscape){
			if(w_aoElements.length != 0){
				for(var t_iElementKey = 0; t_iElementKey < w_aoElements.length; t_iElementKey++){
					w_oElement = w_aoElements[t_iElementKey].style.overflow = 'auto';
				}
			}
			return false;
		}
		
		return true;
	}
	
	/**
	 * -------------------------------------------------------------------------
	 * function f_getElementsByTagNames
	 * -------------------------------------------------------------------------
	 * Description:
	 *   get all Dom elements with a certain tagname(s)
	 *
	 * Source: quirksmode
	 */
	function f_getElementsByTagNames(p_sObj, p_sTagnameList){
		if(!p_sObj){
			var p_sObj = document;
		}
		var w_aTagNames = p_sTagnameList.split(',');
		var w_aoElements = new Array();
		for(var t_iTagNameKey = 0; t_iTagNameKey < w_aTagNames.length; t_iTagNameKey++){
			var t_aoElements = p_sObj.getElementsByTagName(w_aTagNames[t_iTagNameKey]);
			for(var t_iElementKey = 0; t_iElementKey < t_aoElements.length; t_iElementKey++){
				w_aoElements.push(t_aoElements[t_iElementKey]);
			}
		}
		var t_oTestNode = w_aoElements[0];
		if(!t_oTestNode){
			return [];
		}
		if(t_oTestNode.sourceIndex){
			w_aoElements.sort(function(p_a, p_b){
				return p_a.sourceIndex - p_b.sourceIndex;
			});
		}
		else if(t_oTestNode.compareDocumentPosition){
			w_aoElements.sort(function(p_a, p_b){
				return 3 - (p_a.compareDocumentPosition(p_b) & 6);
			});
		}
		return w_aoElements;
	}
	
	/**
	 * -------------------------------------------------------------------------
	 * function f_setAttribute
	 * -------------------------------------------------------------------------
	 * Description:
	 *   set an attribute with a given value
	 *
	 * Depends on:         f_checkElementForAttribute
	 */
	function f_setAttribute(p_aoElements, p_sAttribute, p_sPresetValue, p_bOverwrite){
		for(var t_iElementKey = 0; t_iElementKey < p_aoElements.length; t_iElementKey++){
			w_oElement = p_aoElements[t_iElementKey];
			if((f_checkElementForAttribute(w_oElement, p_sAttribute) === false) || p_bOverwrite){
				w_oElement.setAttribute(p_sAttribute, p_sPresetValue);
			}
		}
	}
	
	/**
	 * -------------------------------------------------------------------------
	 * function f_filterElementsOnAttribute
	 * -------------------------------------------------------------------------
	 * Description:
	 *   filters an array of elements on a attribute and it's value
	 *
	 * Depends on:         f_checkElementForAttribute
	 */
	function f_filterElementsOnAttribute(p_aoElements, p_sAttribute, p_sValueOfAttribute){
		//alert('f_filterElementsOnAttribute');
		var w_sAttribute = p_sAttribute.toLowerCase();
		var w_aoElements = new Array;
		for(var t_iElementKey = 0; t_iElementKey < p_aoElements.length; t_iElementKey++){
			//alert(t_iElementKey);
			var w_oElement = p_aoElements[t_iElementKey];
			var w_bProcessThisElement = false;
			var w_aAttributes = w_oElement.attributes;
			
			if(f_checkElementForAttribute(p_aoElements[t_iElementKey], p_sAttribute) == p_sValueOfAttribute){
				w_aoElements[w_aoElements.length] = w_oElement;
				//alert(w_aoElements.length);
			}
		}
		return w_aoElements;
	}
	
	/**
	 * -------------------------------------------------------------------------
	 * function f_checkElementForAttribute
	 * -------------------------------------------------------------------------
	 * Description:
	 *   checks if an attribute is set within an element.
	 *
	 * Output:             if attribute exists this function will
	 *                       return the value of the attribute
	 *                     if attribute doesn't exists 'false' is returned
	 */
	function f_checkElementForAttribute(p_oElement, p_sAttribute){
		var w_sAttribute = p_sAttribute.toLowerCase();
		// 'hasAttribute' is available for Firefox 2.0, Safari 3.0 Win, Opera 9.5b, iCab 3.0 and Konqueror 3.5.7
		if(p_oElement.hasAttribute && p_oElement.hasAttribute(w_sAttribute)){
			if(p_oElement.attributes[w_sAttribute].name){
				return p_oElement.attributes[w_sAttribute].value;
			}
		}
		// IE 6, IE 7
		else{
			var w_asAttributes = p_oElement.attributes;
			for(t_sAttributeKey in w_asAttributes){
				if(t_sAttributeKey == w_sAttribute){
					return p_oElement.attributes[w_sAttribute].value;
				}
			}
		}
		return false;
	}
	
	/**
	 * -------------------------------------------------------------------------
	 * function f_filterElementsOnStyle
	 * -------------------------------------------------------------------------
	 * Description:
	 *   filters an array of elements on a style and it's value
	 *
	 * Depends on:         f_getStyle
	 */
	function f_filterElementsOnStyle(p_aoElements, p_sStyle, p_sValueOfStyle){
		var w_aoElements = new Array;
		for(var t_iElementKey = 0; t_iElementKey < p_aoElements.length; t_iElementKey++){
			var w_oElement = p_aoElements[t_iElementKey];
			if(f_getStyle(w_oElement, p_sStyle) == p_sValueOfStyle){
				w_aoElements.push(p_aoElements[t_iElementKey]);
			}
		}
		var t_oTestNode = w_aoElements[0];
		if(!t_oTestNode){
			return [];
		}
		if(t_oTestNode.sourceIndex){
			w_aoElements.sort(function(p_a, p_b){
				return p_a.sourceIndex - p_b.sourceIndex;
			});
		}
		else if(t_oTestNode.compareDocumentPosition){
			w_aoElements.sort(function(p_a, p_b){
				return 3 - (p_a.compareDocumentPosition(p_b) & 6);
			});
		}
		return w_aoElements;
	}
	
	/**
	 * -------------------------------------------------------------------------
	 * function f_getStyle
	 * -------------------------------------------------------------------------
	 * Description:
	 *   finds a style for an element and returns the value.
	 */
	function f_getStyle(p_oElement, p_sStyleName){
		if(p_oElement.currentStyle){
			return p_oElement.currentStyle[p_sStyleName];
		}
		else if(window.getComputedStyle){
			return document.defaultView.getComputedStyle(p_oElement, null).getPropertyValue(p_sStyleName);
		}
		return false;
	}
	
	/**
	 * -------------------------------------------------------------------------
	 * function f_alertAttributeForElements
	 * -------------------------------------------------------------------------
	 * Description:
	 *   this function changes all the time, it's just for testing purposes
	 */
	function f_alertAttributeForElement(p_oElement, p_sAttribute){
		if(temp = f_checkElementForAttribute(p_oElement, p_sAttribute)){
			alert(temp);
		}
		else{
			alert('no ' + p_sAttribute);
		}
	}
	
	/**
	 * function c_scrollObjects
	 */
	function c_scrollObjects(p_oElement, p_sSuffix){
		// width scrollbar
		var w_iWidthScrollbar = 20;
		
		// place element
		this.oOrgElement = p_oElement;
		
		// place parentNode
		this.oParentElement = p_oElement.parentNode;
		
		// place className
		this.sClassname = p_oElement.className;
		
		// place suffix
		this.sSuffix = p_sSuffix;
		
		// get content
		this.sContent = this.oOrgElement.innerHTML;
		
		// get dimentions (height, width)
		this.f_getStyle = function(){
			this.asStyles = new Array;
			var tWidth = this.oOrgElement.offsetWidth;
			var tHeight = this.oOrgElement.offsetHeight;
			var wWidth;
			var wHeight;
			if(f_getStyle(this.oOrgElement, 'paddingLeft')){
				var t_aLeft = f_getStyle(this.oOrgElement, 'paddingLeft').split('px');
				var t_aRight = f_getStyle(this.oOrgElement, 'paddingRight').split('px');
				var t_aTop = f_getStyle(this.oOrgElement, 'paddingTop').split('px');
				var t_aBottom = f_getStyle(this.oOrgElement, 'paddingBottom').split('px');
				wWidth = tWidth -t_aLeft[0] -t_aRight[0];
				wHeight = tHeight -t_aTop[0] -t_aBottom[0];
			}
			else if(f_getStyle(this.oOrgElement, 'padding-left')){
				var t_aLeft = f_getStyle(this.oOrgElement, 'padding-left').split('px');
				var t_aRight = f_getStyle(this.oOrgElement, 'padding-right').split('px');
				var t_aTop = f_getStyle(this.oOrgElement, 'padding-top').split('px');
				var t_aBottom = f_getStyle(this.oOrgElement, 'padding-bottom').split('px');
				wWidth = tWidth -t_aLeft[0] -t_aRight[0];
				wHeight = tHeight -t_aTop[0] -t_aBottom[0];
			}
			else{
				wWidth = tWidth;
				wHeight = tHeight;
			}
			this.asStyles['width'] = wWidth;
			this.asStyles['height'] = wHeight;
		}
		
		this.f_createDivs = function(){
			// create div 'content'
			var w_oDivContent = document.createElement('div');
			w_oDivContent.setAttribute('id', 'content_' + this.sSuffix);
			w_oDivContent.style.position = 'relative';
			w_oDivContent.style.visibility = 'hidden';
			w_oDivContent.style.top = 0 + 'px';
			w_oDivContent.style.left = 0 + 'px';
			w_oDivContent.style.width = (this.asStyles['width'] -10 -w_iWidthScrollbar) + 'px';
			w_oDivContent.style.zIndex = '1';
			
			// create div 'mask'
			var w_oDivMask = document.createElement('div');
			w_oDivMask.setAttribute('id', 'mask_' + this.sSuffix);
			w_oDivMask.style.position = 'relative';
			w_oDivMask.style.top = 0 + 'px';
			w_oDivMask.style.left = 0 + 'px';
			w_oDivMask.style.width = (this.asStyles['width'] -w_iWidthScrollbar) + 'px';
			w_oDivMask.style.height = this.asStyles['height'] + 'px';
			w_oDivMask.style.overflow = 'hidden';
			w_oDivMask.style.zIndex = '1';
			
			// create div 'dragbar'
			var w_oDivDragbar = document.createElement('div');
			w_oDivDragbar.setAttribute('id', 'dragbar_' + this.sSuffix);
			w_oDivDragbar.style.position = 'relative';
			w_oDivDragbar.style.marginLeft = 1 + 'px';
			w_oDivDragbar.style.left = 2 + 'px';
			w_oDivDragbar.style.width = (w_iWidthScrollbar -6) +'px';
			w_oDivDragbar.style.backgroundColor = '#fe8607';
			w_oDivDragbar.style.borderStyle = 'solid';
			w_oDivDragbar.style.borderColor = '#b36715';
			w_oDivDragbar.style.borderWidth = '1px';
			w_oDivDragbar.style.backgroundImage = 'url(media/images/scrollbar/scrl_dragbarCenter.png)';
			w_oDivDragbar.style.backgroundRepeat = 'no-repeat';
			w_oDivDragbar.style.backgroundPosition = 'center center';
			
			// create div 'up'
			var w_oDivUp = document.createElement('div');
			w_oDivUp.setAttribute('id', 'up_' + this.sSuffix);
			w_oDivUp.style.position = 'relative';
			w_oDivUp.style.top = 0 + 'px';
			w_oDivUp.style.left = 1 + 'px';
			w_oDivUp.innerHTML = '<a href="javascript:;" onClick="return false" onMouseOver="dw_scrollObj.initScroll(\'mask_' + this.sSuffix + '\', \'up\')" onMouseOut="dw_scrollObj.stopScroll(\'mask_' + this.sSuffix + '\')" onMouseDown="dw_scrollObj.doubleSpeed(\'mask_' + this.sSuffix + '\')" onMouseUp="dw_scrollObj.resetSpeed(\'mask_' + this.sSuffix + '\')"><img src="media/images/scrollbar/scrl_up.png" width="20" height="20" alt="" border="0" /></a>';
			
			// create div 'track'
			var w_oDivTrack = document.createElement('div');
			w_oDivTrack.setAttribute('id', 'track_' + this.sSuffix);
			w_oDivTrack.style.position = 'relative';
			w_oDivTrack.style.top = 0 + 'px';
			w_oDivTrack.style.left = 1 + 'px';
			w_oDivTrack.style.width = w_iWidthScrollbar + 'px';
			w_oDivTrack.style.height = (this.asStyles['height'] -21 -21 +1) + 'px';
			w_oDivTrack.style.backgroundImage = 'url(media/images/scrollbar/scrl_track.png)';
			w_oDivTrack.style.backgroundRepeat = 'repeat-y';
			w_oDivTrack.style.backgroundPosition = 'top center';
			
			// create div 'down'
			var w_oDivDown = document.createElement('div');
			w_oDivDown.setAttribute('id', 'down_' + this.sSuffix);
			w_oDivDown.style.position = 'relative';
			w_oDivDown.style.left = 1 + 'px';
			w_oDivDown.innerHTML = '<a href="javascript:;" onClick="return false" onMouseOver="dw_scrollObj.initScroll(\'mask_' + this.sSuffix + '\', \'down\')" onMouseOut="dw_scrollObj.stopScroll(\'mask_' + this.sSuffix + '\')" onMouseDown="dw_scrollObj.doubleSpeed(\'mask_' + this.sSuffix + '\')" onMouseUp="dw_scrollObj.resetSpeed(\'mask_' + this.sSuffix + '\')"><img src="media/images/scrollbar/scrl_dw.png" width="20" height="20" alt="" border="0" /></a>';
			
			// create div 'scrollbar' -> contains the whole scrollbar
			var w_oDivScrollbar = document.createElement('div');
			w_oDivScrollbar.setAttribute('id', 'scrollbar_' + this.sSuffix);
			w_oDivScrollbar.style.position = 'relative';
			w_oDivScrollbar.style.top = 0 + 'px';
			w_oDivScrollbar.style.left = (this.asStyles['width'] -w_iWidthScrollbar -1) + 'px';
			w_oDivScrollbar.style.width = w_iWidthScrollbar + 'px';
			w_oDivScrollbar.style.height = this.asStyles['height'] + 'px';
			w_oDivScrollbar.style.zIndex = '102';
			
			// create div 'holder'
			var w_oDivHolder = document.createElement('div');
			w_oDivHolder.setAttribute('id', 'holder_' + this.sSuffix);
			w_oDivHolder.style.position = 'absolute';
			w_oDivHolder.style.overflow = 'hidden';
			w_oDivHolder.style.width = (this.asStyles['width'] -w_iWidthScrollbar) + 'px';
			w_oDivHolder.style.height = this.asStyles['height'] + 'px';
			w_oDivHolder.style.zIndex = '100';
			
			this.oOrgElement.innerHTML = '';
			this.oOrgElement.style.position = 'relative';
			this.oOrgElement.style.overflow = 'hidden';
			this.oOrgElement.style.zIndex = '100';
			
			// place content in div 'content'
			w_oDivContent.innerHTML = this.sContent;
			
			// append elements
			w_oDivTrack.appendChild(w_oDivDragbar);
			w_oDivMask.appendChild(w_oDivContent);
			w_oDivHolder.appendChild(w_oDivMask);
			w_oDivScrollbar.appendChild(w_oDivUp);
			w_oDivScrollbar.appendChild(w_oDivTrack);
			w_oDivScrollbar.appendChild(w_oDivDown);
			w_oDivHolder.appendChild(w_oDivScrollbar);
			this.oOrgElement.appendChild(w_oDivHolder);
			this.oOrgElement.appendChild(w_oDivScrollbar);
		}
		
		// initiate scrolling
		this.f_iniScrolling = function(){
			var wndo = new dw_scrollObj('mask_' + this.sSuffix, 'content_' + this.sSuffix);
			wndo.setUpScrollbar('dragbar_' + this.sSuffix, 'track_' + this.sSuffix, 'v', 1, 1);
			dw_scrollObj.GeckoTableBugFix('mask_' + this.sSuffix);
		}
		
		// alert stuff
		this.f_alert = function(p_sTag){
			f_alertAttributeForElement(this.oOrgElement, p_sTag);
			alert(this.aiDimention['width']);
			alert(this.sContent);
		}
	} // end function c_scrollObjects
	
	/* *** PUSH AND SHIFT FOR IE5 *** */
	/**
	 * function f_array_push
	 * source: quirksmode
	 */
	function f_array_push(){
		var t_iCounter = 0;
		for(t_iCounter = 0; t_iCounter < arguments.length; t_iCounter++){
			this[this.length] = arguments[t_iCounter]
		}
		return this.length
	}
	
	// for ie5 set function 'f_array_push' for .push
	// source: quirksmode
	if(typeof Array.prototype.push == 'undefined'){
		Array.prototype.push = f_array_push;
	}
	
	/**
	 * function f_array_shift
	 * source: quirksmode
	 */
	function f_array_shift(){
		var t_iCounter = 0;
		var w_aResponse = this[0];
		for(t_iCounter = 0; t_iCounter < this.length-1; t_iCounter++){
			this[t_iCounter] = this[t_iCounter + 1];
		}
		this.length--;
		return w_aResponse;
	}
	
	// for ie5 set function 'f_array_shift' for .shift
	// source: quirksmode
	if(typeof Array.prototype.shift == 'undefined'){
		Array.prototype.shift = f_array_shift
	}