function setH(){
		domMain = document.getElementById('main')
		var H = Math.max(document.body.offsetHeight - 50, domMain.offsetHeight)
		domMain.style.height = H + 'px'
	}

	function setBubble(domMagnet, shift_x, shift_y){
		domBubble.style.left = domMain.offsetLeft + domMagnet.offsetLeft + domMagnet.offsetWidth - shift_x + 'px'	

		document.getElementById('bubble_inhalt').innerHTML  = puzzle_inhalt[domMagnet.id]
		domBubble.style.display = 'block'
		
		var _top = domContent.offsetTop + domMagnet.offsetTop + domMagnet.offsetHeight - shift_y
		if (_top+domBubble.offsetHeight > document.body.offsetHeight - 50){
			_top = domContent.offsetTop + domMagnet.offsetTop + shift_y - domBubble.offsetHeight
			domBubble.style.background = "#D9DEF1 url('_images/arrow_lb.png') no-repeat bottom left"
		}
		else
			domBubble.style.background = "#D9DEF1 url('_images/arrow_lt.png') no-repeat top left"
		
		domBubble.style.top  = _top + 'px'
		
		domBubble.style.visibility = 'visible' 
	}

	function noneBubble(){
		domBubble.style.visibility = 'hidden'
		domBubble.style.display = 'none'
		if (cImg)
			cImg.src = puzzle[cImg.id][0].src	
	}
	
	function noneMedia(){
		domMedia.style.visibility = 'hidden'
		domMedia.style.display = 'none'
	}	

	function imgConstr(_src){
		var _Img = new Image()
		_Img.src = _src
		return _Img	
	}
	
	function _Init(){

	/* FLAGS PANEL */	
	domFlags = document.getElementById("flags")
	domFlags.onmouseover = function (event) { 
		_event = window.event || event
		_target = _event.srcElement || _event.target
		if (_target.tagName == 'IMG')
			_target.src = flags[_target.id][1].src
	} 		
	domFlags.onmouseout = function (event) { 
		_event = window.event || event
		_target = _event.srcElement || _event.target
		if (_target.tagName == 'IMG')
			_target.src = flags[_target.id][0].src
	}
	
	domFlags.onclick = function (event) { 
		_event = window.event || event
		_target = _event.srcElement || _event.target
		if (_target.tagName == 'IMG'){
			
			
					idx = (self.location['pathname'].indexOf('index.php') == -1) ? 'index.php' : ''
								
					query_str = self.location.search
						if (query_str.length>0){
								
							if (query_str.indexOf('flag')!=-1){
								query_arr = query_str.split('&')
								for (var i=query_arr.length-1;i>=0;i--){
									if (query_arr[i].indexOf('flag')!=-1)
												query_arr.splice(i, 1)
								}
								query_str = (query_arr.length>0) ? query_arr.join('&') : ''
							}
						}
						sep = (query_str.length>0) ? '&' : '?'		
						query_str += sep + 'flag=' + _target.id
						cur_url = 'http://' + self.location['host'] + self.location['pathname'] + idx + query_str 
						self.location = cur_url			
			
			
			
		}

	}	
	
	
/* ^^^^^^^^^^^^^^^^^^^^ */
	
		playobject_1 = '<object id="player"	type="application/x-shockwave-flash" data="video/uflvplayer_500x375.swf" height="300" width="400" style="z-index: 0;"> <param name="bgcolor" value="#D9DEF1" /> <param name="wmode" value="opaque" />	<param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" />	<param name="movie" value="video/uflvplayer_500x375.swf" />	<param name="FlashVars" value="way=../user_files/common/'
		
		playobject_2 = '&amp;swf=uflvplayer_500x375.swf&amp;w=400&amp;h=300&amp;pic=http://&amp;autoplay=0&amp;tools=1&amp;skin=green&amp;volume=100&amp;q=&amp;comment=Nadpis" /></object>';
		
		setH()
		var puzzle_dir = '_images/puzzle/'
		puzzle = {
			'ok'	 : [new imgConstr(puzzle_dir + 'ok.gif'),	  new imgConstr(puzzle_dir+'ok_r.gif')],
			'wrench' : [new imgConstr(puzzle_dir + 'wrench.gif'), new imgConstr(puzzle_dir+'wrench_r.gif')],
			'gear'	 : [new imgConstr(puzzle_dir + 'gear.gif'),	  new imgConstr(puzzle_dir+'gear_r.gif')],
			'arrow'	 : [new imgConstr(puzzle_dir + 'arrow.gif'),  new imgConstr(puzzle_dir+'arrow_r.gif')]
		}
			
		
		domContent = document.getElementById('content')
		
		domBubble = document.getElementById('bubble')
		domGBox = document.getElementById('gallery_box')
		domScrollL = document.getElementById('scroll_l')
		domScrollR = document.getElementById('scroll_r')

		
		domMedia = document.getElementById('media')
		domMediaInhalt = document.getElementById('media_inhalt')
		domPlayer = document.getElementById('player')
		
		cImg = null
		nBs = nB = nBMs = ''
		
		arrow_LB = new imgConstr('_images/arrow_lb.png')
		arrow_LT = new imgConstr('_images/arrow_lt.png')
		
		domPoints = document.getElementById('id_0_kids')
		_points_w = 0
		for (var i=0; i<domPoints.childNodes.length; i++){
			_point = domPoints.childNodes[i]
			if (_point.tagName=="SPAN")
				_points_w += _point.offsetWidth
		}
		
		if (_points_w>620)
			for (var i=0; i<domPoints.childNodes.length; i++){
				_point = domPoints.childNodes[i]
				if (_point.tagName=="SPAN"){
					_point.style.paddingLeft = '8px'
					_point.style.paddingRight = '8px'
				}
			}		
		
		//alert(_points_w) 
	}
	
	/* ^^^ init */
	
	
	
	function puzzleOver(domImg){
		if (cImg && cImg != domImg)
			cImg.src = puzzle[cImg.id][0].src
		
		cImg = domImg 
		setBubble(domImg, 40, 40)
		cImg.src = puzzle[cImg.id][1].src
		
		clearTimeout(nBs)
		clearTimeout(nB)		
	}
	function puzzleOut(){
		nB = setTimeout('noneBubble()',300)
	}
	
	
	function logosOver(domImg){
		if (cImg)
			cImg.src = puzzle[cImg.id][0].src
		cImg = null
		
		//_event = window.event || event
		if (domImg.parentNode.firstChild.offsetTop != 0)
			setBubble(domImg, 30, 30)
		else
			setBubble(domImg, 0, -180)
		
		clearTimeout(nBs)
		clearTimeout(nB)
	}
	function logosOut(){
		nB = setTimeout('noneBubble()',300)
	}
	
	function galleryOver(domElem){
		//return false
		domScrollL.style.visibility = 'visible'
		domScrollR.style.visibility = 'visible'
		
		var g_imgs = domGBox.getElementsByTagName('img')
		for (var i=0; i<g_imgs.length; i++){
			if (g_imgs[i] == domElem)
				var _n = i
		}

		if (g_imgs.length == 1){
			domGPrev = null
			domGNext = null
			domScrollL.style.visibility = 'hidden'
			domScrollR.style.visibility = 'hidden'
		}
		else{
			if (_n == 0){
				domScrollL.style.visibility = 'hidden'
				domGPrev = null
				domGNext = g_imgs[_n+1]
			}
			else if (_n == --i){
				domScrollR.style.visibility = 'hidden'
				domGNext = null
				domGPrev = g_imgs[_n-1]
			}
			else{
				domGNext = g_imgs[_n+1]
				domGPrev = g_imgs[_n-1]	
			}
		}

		domMedia.style.display = 'block'
		
		f_name = domElem.id
		dot = f_name.indexOf('.')
		ext = f_name.substr(dot + 1);
		
		if (ext == 'flv'){
			//domMediaInhalt.innerHTML = playobject_1 + f_name + playobject_2
			//'hedgehog.flv'
			f_name = f_name.substr(3)
			//alert(f_name)
			
			
/*
 var so = new SWFObject("video/uflvplayer_500x375.swf","mymovie","400","300","4","#D9DEF1");
 

 so.addParam("wmode", "opaque");
 so.addParam("allowFullScreen", "true");
 so.addParam("allowScriptAccess", "always");
 so.addParam("movie", "video/uflvplayer_500x375.swf");
 
 
 
 //so.addVariable("", "");
 
 so.addVariable("way", "../user_files/common/hedgehog.flv");
 so.addVariable("swf", "uflvplayer_500x375.swf");
 so.addVariable("w", "400");
 so.addVariable("h", "300");
  so.addVariable("autoplay", "1");
 so.addVariable("tools", "1");
 so.addVariable("skin", "green");
 so.addVariable("volume", "100");
 

 /*
 so.addParam("FlashVars", "way=../user_files/common/hedgehog.flv&swf=uflvplayer_500x375.swf&w=400&h=300&pic=http://&autoplay=0&tools=1&skin=green&volume=100&q=&comment=Nadpis");
*/

// so.write("media_inhalt");

			
			
			domMediaInhalt.innerHTML =
			'<object id="player"	type="application/x-shockwave-flash" data="video/uflvplayer_500x375.swf" height="300" width="400" style="z-index: 0;"> <param name="bgcolor" value="#D9DEF1" /> <param name="wmode" value="opaque" />	<param name="allowFullScreen" value="true" /> <param name="allowScriptAccess" value="always" />	<param name="movie" value="video/uflvplayer_500x375.swf" />	<param name="FlashVars" value="way=../user_files/common/' + f_name + '&swf=uflvplayer_500x375.swf&w=400&h=300&pic=http://&autoplay=1&tools=1&skin=green&volume=100&q=&comment=Nadpis" /></object>';
			
			
			
			
			//domMedia.style.width = '420px'	
			//domMedia.style.height = '420px'
			//h_media = 420 - 30
		}
		else{
			domMediaInhalt.innerHTML = ''
			var big_src = domElem.src.replace(/thumbs\//g, '')
			big_src = big_src.replace(/gl_/g, '')
			domMediaInhalt.innerHTML = '<img src="' + big_src + '">'	;
			
			//var _w = domElem.name * 1 + 20 + 'px'
			//domMedia.style.width = _w
			//h_media = domMedia.offsetHeight
		}

		
		
		
		//alert(domGBox.style.marginLeft)
		//domMedia.style.left = domGBox.parentNode.offsetLeft + domElem.offsetLeft - domMedia.offsetWidth + 30 + domGBox.offsetLeft + 'px'
		//alert(domGBox.parentNode.offsetTop + '-' + domMedia.offsetHeight)
		//_top = domGBox.parentNode.offsetTop - h_media + 30
		//domMedia.style.top = _top  + 'px'
		//alert(_top)
		
		
		domMedia.style.visibility = 'visible'

		
			
	}