// JavaScript Document

function ucitaj(aid,pid,name){

    //document.getElementById("galerija_slika").innerHTML='<div style="width:600px; height:400px; border:solid 1px #cccccc;"><div style="margin-left:220px; margin-top:100px;"><img src="images/ajax_loader.gif" /></div></div>';

    pidovi = document.getElementById('pidovi').innerHTML;
    temp = pidovi.split('--x--'); 
    size = temp.length-1;

    for(var i=0; i<size; i++){

        if(temp[i] == pid){
            taj = i;
        }

    }

    if(taj-1>=0){
        prethodni = taj-1;
    }
    else{
        prethodni = size-1;
    }
    if(taj+1<size){
        sljedeci = taj+1;
    }
    else{
        sljedeci = 0;
    }

    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("galerija_slika").innerHTML="<a href=\"javascript: promijeniSliku('"+aid+"','"+temp[sljedeci]+"','"+name+"')\">"+xmlhttp.responseText+"</a>";
        }
    }
    xmlhttp.open("GET", "change_picture.php?pid="+pid,true);
    xmlhttp.send(null);


    document.getElementById('galerija_left').innerHTML = "<a href=\"javascript: promijeniSliku('"+aid+"','"+temp[prethodni]+"','"+name+"')\"><img src=\"images/previous.png\" width=\"64\" height=\"64\" border=\"0\" /></a>";
    document.getElementById('galerija_right').innerHTML = "<a href=\"javascript: promijeniSliku('"+aid+"','"+temp[sljedeci]+"','"+name+"')\"><img src=\"images/next.png\" width=\"64\" height=\"64\" border=\"0\" /></a>";

}

function promijeniSliku(aid,pid,name,object){

    document.getElementById("galerija_slika").innerHTML='<div style="width:600px; height:400px; border:solid 1px #fefefe;"><div style="margin-left:220px; margin-top:160px;"><img src="images/loading_icon.gif" /></div></div>';

    pidovi = document.getElementById('pidovi').innerHTML;
    temp = pidovi.split('--x--'); 
    size = temp.length-1;

    for(var i=0; i<size; i++){

        if(temp[i] == pid){
            taj = i;
        }

    }

    if(taj-1 >= 0){
        prethodni = taj-1;
    }
    else{
        prethodni = size-1;
    }
    if(taj+1<size){
        sljedeci = taj+1;
    }
    else{
        sljedeci = 0;
    }

    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("galerija_slika").innerHTML="<a href=\"javascript: promijeniSliku('"+aid+"','"+temp[sljedeci]+"','"+name+"')\">"+xmlhttp.responseText+"</a>";
        }
    }
    xmlhttp.open("GET", "change_picture.php?pid="+pid,true);
    xmlhttp.send(null);

    document.getElementById('galerija_left').innerHTML = "<a href=\"javascript: promijeniSliku('"+aid+"','"+temp[prethodni]+"','"+name+"')\"><img src=\"images/previous.png\" width=\"64\" height=\"64\" border=\"0\" /></a>";
    document.getElementById('galerija_right').innerHTML = "<a href=\"javascript: promijeniSliku('"+aid+"','"+temp[sljedeci]+"','"+name+"')\"><img src=\"images/next.png\" width=\"64\" height=\"64\" border=\"0\" /></a>";

    //window.location.hash = "#!/galerija.php?action=full_size&aid=146544165439372_32794&pid=146544165439372_232708&name=Paintball Open Ludbreg 2010";

    //window.history.pushState(pid, 'PK Ludbreg - Galerija', 'galerija.php?action=full_size&aid='+aid+'&pid='+pid+'&name='+name);
    window.history.replaceState(pid, 'PK Ludbreg - Galerija', 'galerija.php?action=full_size&aid='+aid+'&pid='+pid+'&name='+name);

}

function slide(number){

    maxX = document.getElementById('sponzori').scrollWidth - 900;

    document.getElementById('sponzori').scrollLeft=number+1;

    if(number < maxX){
        setTimeout('slide('+(number+0.3)+')',1);
    }
    else{
        setTimeout('slide(0)',2);
    }
}

function slike_left(number,kraj){

    if(number == 0 && kraj == 0){
        number = document.getElementById('slike_slider').scrollLeft;
        kraj = number + 780;
    }

    document.getElementById('slike_slider').scrollLeft=number+2;

    if(number < kraj){
        setTimeout('slike_left('+(number+2)+','+kraj+')',1);
    }

}

function slike_right(number,kraj){

    if(number == 0 && kraj == 0){
        number = document.getElementById('slike_slider').scrollLeft;
        kraj = number - 780;
    }

    document.getElementById('slike_slider').scrollLeft=number-2;

    if(number > kraj){
        setTimeout('slike_right('+(number-2)+','+kraj+')',1);
    }
}

function himna(status){

    if(status == 1){

        document.getElementById('zatamnjeno').style.display='block';
        document.getElementById('himna').style.display='block';
        document.body.style.overflow = "hidden";

        if (typeof window.innerWidth != 'undefined')
        {
            viewportwidth = window.innerWidth,
            viewportheight = window.innerHeight
        }
 
        // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

        else if (typeof document.documentElement != 'undefined'
            && typeof document.documentElement.clientWidth !=
            'undefined' && document.documentElement.clientWidth != 0)
            {
            viewportwidth = document.documentElement.clientWidth,
            viewportheight = document.documentElement.clientHeight
        }
 
        // older versions of IE
 
        else
        {
            viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
            viewportheight = document.getElementsByTagName('body')[0].clientHeight
        }
 
        smanji = (viewportwidth-854)/2
 
        document.getElementById('himna').style.left=smanji+"px";
        window.scroll(0,0);

    }
    if(status == 0){

        document.getElementById('zatamnjeno').style.display='none';
        document.getElementById('himna').style.display='none';

        document.body.style.overflow = "auto";
    }
}

function pozadine(status){

    if(status == 1){
		document.getElementById("prozor").innerHTML='';

        document.getElementById('zatamnjeno').style.display='block';
        document.getElementById('prozor').style.display='block';
        document.body.style.overflow = "hidden";

        if (typeof window.innerWidth != 'undefined')
        {
            viewportwidth = window.innerWidth,
            viewportheight = window.innerHeight
        }
 
        // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

        else if (typeof document.documentElement != 'undefined'
            && typeof document.documentElement.clientWidth !=
            'undefined' && document.documentElement.clientWidth != 0)
            {
            viewportwidth = document.documentElement.clientWidth,
            viewportheight = document.documentElement.clientHeight
        }
 
        // older versions of IE
 
        else
        {
            viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
            viewportheight = document.getElementsByTagName('body')[0].clientHeight
        }
 
        smanji = (viewportwidth-1000)/2
 
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
        }
        else
        {// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                document.getElementById("prozor").innerHTML="<div class=\"close_window\" style=\"font-size:16px; font-weight:bold; margin-left:760px; padding-top:10px; color:#FFFFFF;\"><a href=\"javascript: pozadine(0);\">Zatvori prozor</a></div><br />"+xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET", "pozadine.php",true);
        xmlhttp.send(null);
 
        document.getElementById('prozor').style.left=smanji+"px";
        window.scroll(0,0);

    }
    if(status == 0){

        document.getElementById('zatamnjeno').style.display='none';
        document.getElementById('prozor').style.display='none';

        document.body.style.overflow = "auto";
    }
}

function raspored(status){

    if(status == 1){
		document.getElementById("prozor").innerHTML='';
        document.getElementById('zatamnjeno').style.display='block';
        document.getElementById('prozor').style.display='block';
        document.body.style.overflow = "hidden";

        if (typeof window.innerWidth != 'undefined')
        {
            viewportwidth = window.innerWidth,
            viewportheight = window.innerHeight
        }
 
        // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

        else if (typeof document.documentElement != 'undefined'
            && typeof document.documentElement.clientWidth !=
            'undefined' && document.documentElement.clientWidth != 0)
            {
            viewportwidth = document.documentElement.clientWidth,
            viewportheight = document.documentElement.clientHeight
        }
 
        // older versions of IE
 
        else
        {
            viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
            viewportheight = document.getElementsByTagName('body')[0].clientHeight
        }
 
        smanji = (viewportwidth-900)/2
 
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
        }
        else
        {// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState==4 && xmlhttp.status==200)
            {
                document.getElementById("prozor").innerHTML="<div class=\"close_window\" style=\"font-size:16px; font-weight:bold; margin-left:760px; padding-top:10px; color:#FFFFFF;\"><a href=\"javascript: raspored(0);\">Zatvori prozor</a></div><br />"+xmlhttp.responseText;
            }
        }
        xmlhttp.open("GET", "raspored.php",true);
        xmlhttp.send(null);
 
        document.getElementById('prozor').style.left=smanji+"px";
        window.scroll(0,0);

    }
    if(status == 0){

        document.getElementById('zatamnjeno').style.display='none';
        document.getElementById('prozor').style.display='none';

        document.body.style.overflow = "auto";
    }
}

function ucitaj_slider(){
	
    if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("slike_slider").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET", "slike_slider.php",true);
    xmlhttp.send(null);

    slike_pocetak();

}

function slike_pocetak(){

    stanje = document.getElementById('slike_slider').innerHTML;

    if(stanje==false){
        setTimeout ( "slike_pocetak()", 100);
    }
    else
    {
        document.getElementById('mod_galerija_loader').style.display="none";
        document.getElementById('mod_galerija').style.display="block";
        document.getElementById('slike_slider').scrollLeft=1560;
    }

}

function oprema(status){

    if(status == 1){

        document.getElementById('zatamnjeno').style.display='block';
        document.getElementById('oprema').style.display='block';
        document.body.style.overflow = "hidden";

        if (typeof window.innerWidth != 'undefined')
        {
            viewportwidth = window.innerWidth,
            viewportheight = window.innerHeight
        }
 
        // IE6 in standards compliant mode (i.e. with a valid doctype as the first line in the document)

        else if (typeof document.documentElement != 'undefined'
            && typeof document.documentElement.clientWidth !=
            'undefined' && document.documentElement.clientWidth != 0)
            {
            viewportwidth = document.documentElement.clientWidth,
            viewportheight = document.documentElement.clientHeight
        }
 
        // older versions of IE
 
        else
        {
            viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
            viewportheight = document.getElementsByTagName('body')[0].clientHeight
        }
 
        smanji = (viewportwidth-900)/2
 
        document.getElementById('oprema').style.left=smanji+"px";
        window.scroll(0,0);

    }
    if(status == 0){

        document.getElementById('zatamnjeno').style.display='none';
        document.getElementById('oprema').style.display='none';

        document.body.style.overflow = "auto";
    }
}
function load_galerija(action,aid,name){
	
if(action==false || action == 'list_pics'){

if (window.XMLHttpRequest)
    {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp=new XMLHttpRequest();
    }
    else
    {// code for IE6, IE5
        xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange=function()
    {
        if (xmlhttp.readyState==4 && xmlhttp.status==200)
        {
            document.getElementById("galerija").innerHTML = xmlhttp.responseText;
        }
    }
    xmlhttp.open("GET", "slike_galerija.php?action="+action+"&aid="+aid+"&name="+name,true);
    xmlhttp.send(null);
}
	
}

function Set_Cookie( name, value, expires, path, domain, secure ) {
   // set time, it's in milliseconds
   var today = new Date();
   today.setTime( today.getTime() );
   // if the expires variable is set, make the correct expires time, the
   // current script below will set it for x number of days, to make it
   // for hours, delete * 24, for minutes, delete * 60 * 24
   if ( expires )
   {
      expires = expires * 1000;
   }
   //alert( 'today ' + today.toGMTString() );// this is for testing purpose only
   var expires_date = new Date( today.getTime() + (expires) );
   //alert('expires ' + expires_date.toGMTString());// this is for testing purposes only

   document.cookie = name + "=" +escape( value ) +
      ( ( expires ) ? ";expires=" + expires_date.toGMTString() : "" ) + //expires.toGMTString()
      ( ( path ) ? ";path=" + path : "" ) +
      ( ( domain ) ? ";domain=" + domain : "" ) +
      ( ( secure ) ? ";secure" : "" );
}

