window.addEvent('domready', function() 
{
      showData('pocetna')
});

document.onkeydown = function(e)
{
    var evt = e || window.event;
    var source = evt.target || evt.srcElement;

	switch(evt.keyCode)
	{
	   case 13://Enter	
	       if(source.id == "servisPassword")       
                callServis();
           evt.returnValue = false;
	    break;
	}
};

function showData(param)
{
    var url = "";
    
    changeLocationStyle(param);
 
    var jezik = $("jezik").value;
    if(jezik == "en")
        param = param.concat('_en');

    if(param.length > 12 && param.substring(0,9) == "proizvodi")
    {
        if(jezik == "en")
            url = "content/proizvodi_en/" + param + ".htm";
        else
            url = "content/proizvodi/" + param + ".htm";
    }
    else if(param != "")
        url = "content/" + param + ".htm";

    ajaxShowContent.showDataOnPage(url);
    
    if(param=="kontakt" || param=="kontakt_en")
        var t=setTimeout("initializeGoogleMaps();",100)
                    
};

var req;
var ajaxShowContent =
{
	showDataOnPage:function(url) 
	{    
	    var resultSpan = $("content");
		resultSpan.set('html','Dohvaćam podatke. Molim pričekajte.<br /><br /> <img src=\'images/loading.gif\' alt=\'molim pricekajte\'>');		
			    
	    req = this.createXmlHttpObject();
	    if(req != null)
		{
		   req.onreadystatechange = this.processResults;
		   req.open("GET", url, true);
           req.send(null);
	    }
	},
	
	processResults:function()
	{	
	    if (req.readyState == 4) 
	    {
		    if (req.status == 200) 
		    {

			   var showData = $("content");
			   showData.set('html', req.responseText);  
		    }
		    else {alert("Došlo je do pogreške kod dohvaćanja podataka!");}
	    }	
	},
	
	createXmlHttpObject:function()
	{
	    var request
        try
        {
	        request=new ActiveXObject("Msxml2.XMLHTTP");
        }
        catch(e)
        {
	        try{ request=new ActiveXObject("Microsoft.XMLHTTP"); }
	        catch(oc){ request=null; }
        }
        if(!request&&typeof XMLHttpRequest!="undefined")
        {
	        request=new XMLHttpRequest();
        }    
        
        return request
	}
};

function callServis()
{
        var username = $("servisUsername").value.trim(); 
        var password = $("servisPassword").value.trim(); 
        
       if(validiraj(username, password))
       {
            var url = "http://vivaservis.zaki.com.hr/tservice/CheckUser.asp?sender=viva";

            var loginParams = "&login=" + username + "&pass=" + password + "";
            var screenParams = "&resX=" + screen.width + "&resY=" + screen.height + "";
        
            window.open(url + loginParams + screenParams,"Servis","toolbar=no,location=no,status=yes,menubar=no,scrollbars=no,resizable=yes,left=2000,width=800,height=600")
        }       
};

function validiraj(username, password)
{
       var validated = true;
 
       $$('span.errorMessage').each(function(el){           
       el.destroy()});
        
        // Username
        var errorStar = new Element('span');
        errorStar.set('html',' *');
        errorStar.addClass('errorMessage');    
        if(username == "")
        {
           $('servisUsername').focus();
           $(errorStar).injectAfter($('servisUsername'));
           validated = false;
        }
        
        // Password
        var errorStar = new Element('span');
        errorStar.set('html',' *');
        errorStar.addClass('errorMessage');    
        if(password == "")
        {
           $('servisPassword').focus();
           $(errorStar).injectAfter($('servisPassword'));
           validated = false;
        }        
        return validated;        
};

function changeLocationStyle(location)
{
    $("liPocetna").className = "";
    $("liOnama").className = "";
    $("liProizvodi").className = "";
    $("liUsluge").className = "";
    $("liReference").className = "";
    $("liDistribucije").className = "";
    $("liKontakt").className = "";
    
    var className = "current_page_item";

    if(location == "pocetna")
        $("liPocetna").className  = className;
    else if(location == "onama")
        $("liOnama").className  = "current_page_item";
    else if(location == "proizvodi" || location.substring(0,4) == "zaki")
        $("liProizvodi").className  = className;
    else if(location == "usluge")
        $("liUsluge").className  = className;
    else if(location == "reference")
        $("liReference").className  = className;
    else if(location == "distribucije")
        $("liDistribucije").className  = className;
    else if(location == "kontakt")
        $("liKontakt").className  = className;
    else
        $("liProizvodi").className  = className;
      
    //idi na vrh stranice    
    window.location="#header"

};

function initializeGoogleMaps() 
    {
      if (GBrowserIsCompatible()) {
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(45.804882,15.954646), 17); //pozicija, pozicija, zoom
        //map.openInfoWindow(map.getCenter(), document.createTextNode("VivaInfo d.o.o. \n Informatičke usluge"));//
        map.setMapType(G_HYBRID_MAP); //vrsta mape
        
        var point = new GLatLng(45.804882,15.954646);
        var marker = new GMarker(point);
        GEvent.addListener(marker, "click", function() 
        {
            var myHtml;
            
            if($("jezik").value == "en")
                myHtml = "<b>VIVA info d.o.o.</b><br/>IT services<br/>Nova cesta 46<br/>10000 Zagreb, Croatia";
            else
                myHtml = "<b>VIVA info d.o.o.</b><br/>Informatičke usluge<br/>Nova cesta 46<br/>10000 Zagreb, Hrvatska";
                
            map.openInfoWindowHtml(point, myHtml);
        });
        map.addOverlay(marker);  
              
        map.setUIToDefault();
      }
};
    
function openImage(name, height, width) 
{
		var L, T;
		L = (screen.width-width)/2
		T = (screen.height-height)/2-20
		var newWindow = window.open("","image","toolbar=no,location=no,status=yes,menubar=no,scrollbars=yes,resizable=yes,left="+L+",top="+T+",width="+width+",height="+height)
		newWindow.document.write("<img src='"+name+"'>"); 		
};