var Browser = 
	{
		N4:     document.layers,
	  IE:     !!(window.attachEvent && !window.opera),
	  Opera:  !!window.opera,
	  WebKit: navigator.userAgent.indexOf('AppleWebKit/') > -1,
		// Gecko -> FIREFOX
	  Gecko:  navigator.userAgent.indexOf('Gecko') > -1 && navigator.userAgent.indexOf('KHTML') == -1,
	  MobileSafari: !!navigator.userAgent.match(/Apple.*Mobile.*Safari/)
  }

function getElement(psID) 
	{ 
		if(document.all) 
		{ 
			return document.all[psID]; 
		}
		else if(document.getElementById) 
		{ 
			return document.getElementById(psID); 
		} 
		else
		{ 
			for (iLayer = 1; iLayer < document.layers.length; iLayer++)
			{ 
				if(document.layers[iLayer].id == psID) 
					return document.layers[iLayer]; 
      }       
		} 
		return Null; 
	} 
	
function Point()
	{
		var x;
		var y;
	}
function Dimension()
	{
		var width;
		var height;
	}
function findPos(obj) 
	{
		var curleft = curtop = 0;
		if (obj.offsetParent) {
			curleft = obj.offsetLeft
			curtop = obj.offsetTop
			while (obj = obj.offsetParent) {
				curleft += obj.offsetLeft
				curtop += obj.offsetTop
			}
		}
		out = new Point()
		out.x = curleft;
		out.y = curtop;
		
		return out;
	}
	function camelize(style) {
    var parts = style.split('-'), len = parts.length;
    if (len == 1) return parts[0];

    var camelized = style.charAt(0) == '-'
      ? parts[0].charAt(0).toUpperCase() + parts[0].substring(1)
      : parts[0];

    for (var i = 1; i < len; i++)
      camelized += parts[i].charAt(0).toUpperCase() + parts[i].substring(1);

    return camelized;
  }
  
    function style(element, value) {
        element.style.cssText = value ? value : '';
      }
  
  function getStyle(ielement, style) {
    element = getElement(ielement);
    style = style == 'float' ? 'cssFloat' : camelize(style);
    var value = element.style[style];
    if (!value) {
      var css = document.defaultView.getComputedStyle(element, null);
      value = css ? css[style] : null;
    }
    if (style == 'opacity') return value ? parseFloat(value) : 1.0;
    return value == 'auto' ? null : value;
  }


  function getDimensions(ielement) 
  {

    //element = getElement(ielement);
    element = ielement;
    var display = element.style.display;
    if (display != 'none' && display != null && display != "") // Safari bug
     { 
     	dim = new Dimension();
     	dim.width = element.offsetWidth;
     	dim.height = element.offsetHeight;
			return dim;
     }
    // All *Width and *Height properties give 0 on elements with display none,
    // so enable the element temporarily
    var els = element.style;
    var originalVisibility = els.visibility;
    var originalPosition = els.position;
    var originalDisplay = els.display;
    els.visibility = 'hidden';
    els.position = 'absolute';
    els.display = 'block';
    var originalWidth = element.clientWidth;
    var originalHeight = element.clientHeight;
    els.display = originalDisplay;
    els.position = originalPosition;
    els.visibility = originalVisibility;

   	dim = new Dimension();
   	dim.width = originalWidth;
   	dim.height = originalHeight;
		return dim;
   
  }


function setLyr(obj,lyr,offset)
{
	var coors = findPos(obj);
	var x = lyr;
	x.style.top  = (coors.y + offset.y) + 'px';
	x.style.left = (coors.x + offset.x)+ 'px';
}

function setPos(obj, position)
{
	obj.style.top  = position.y + 'px';
	obj.style.left = position.x + 'px';
}

function setNasvetiPosition()
{
		eDivOblakHolder = getElement("divOblakHolder");
		eDivOblak = getElement("divOblak");
		eDivOblakTextHolder = getElement("divOblakTextHolder");
	
		offset = new Point();
		offset.x = 130;
		offset.y = -5;
		setLyr(eDivOblakHolder,eDivOblak ,offset);

		offset.x = offset.x + 17 ;
		offset.y = offset.y + 12;
		setLyr(eDivOblakHolder,eDivOblakTextHolder ,offset);
}
function setAllPosition()
	{
			/* IE BUG */
			if (Browser.IE)
			{
				getElement("noviceContent").style.height = '60px';
			}
	// Novice
		// footer position
		eDivFooter = getElement("footer");
		posFooter = findPos(eDivFooter);

		// contentHolder position
		eDivContentHolder = getElement("contentHolder");
		posContentHolder = findPos(eDivContentHolder);
		
		// Novce		
		eDivNovice = getElement("divNovice");
		
//		noviceHolderSize = getDimensions(eDivNoviceHolder);
//		noviceSize = getDimensions(eDivNovice);
	
		newPosition = new Point();
		newPosition.x = posContentHolder.x+285;
		newPosition.y = posFooter.y-146;
		setPos(eDivNovice, newPosition)
	
	}
 
function hideMe(element)
{
		getElement(element).style.display = "none";
}
function showMe(element)
{
		getElement(element).style.display = "block";
}

function onLoadTimeout()
{
	setTimeout("hideMe('divOblakTextHolder'); hideMe('divOblak');",20000);
	
}