function change_sort_by(sortby,img_div){
	if(sortby=="nazwie") sort_by_name(img_div);
	if(sortby=="ocenie") sort_by_rank(img_div);
}

function sort_by_name(img_div){
	var tmp = '';
	document.getElementById("all_images").innerHTML = '';
	for(k in img_sorted_by_name) {
		tmp = tmp +  img_div[img_sorted_by_name[k]];
	}
	document.getElementById("all_images").innerHTML = tmp;
}

function sort_by_rank(img_div){
	var tmp = '';
	document.getElementById("all_images").innerHTML = '';
	for(k in img_sorted_by_rank) {
		tmp = tmp  + img_div[img_sorted_by_rank[k]];
	}
	document.getElementById("all_images").innerHTML = tmp;
}

  function saveVarToCookie(var_name,var_value){
      var today = new Date();
      var the_date = new Date('December 31, 2023');
      var the_cookie_date = the_date.toGMTString();
      var the_cookie = var_name+'='+var_value;
      the_cookie = the_cookie + ';expires=' + the_cookie_date;
      document.cookie=the_cookie;
  }

  var winW = document.documentElement.clientWidth;
  var winH = document.documentElement.clientHeight;

  function showbigpic(pic,w,h){
      var winOff = window.pageYOffset;

      var width = '';
      var height = '';

      if((w>(winW-24))&&(h<(winH-60))) {
          var wi = winW - 24;
          width  = 'width="'+wi+'px"';
          height = '';
      }
      else if((w<(winW-24))&&(h>(winH-60))) {
          var he = winH - 60;
          width  = '';
          height = 'height="'+he+'px"';
      }
      if((w>(winW-24))&&(h>(winH-60))) {
          if(w/h < (winW-24)/(winH-60)){
              var he = winH - 60;
              width  = '';
              height = 'height="'+he+'px"';
          }
          else{
              var wi = winW - 24;
              width  = 'width="'+wi+'px"';
              height = '';
          }
      }

      document.getElementById('bigpic').style.display = 'inline';
      //document.getElementById('bigpic').style.height = (winH-30)+'px';
      document.getElementById('bigpic').innerHTML='<img onClick="hidebigpic();" '+ height +' '+ width +' src="'+ pic +'">';
      //document.getElementById('bigpic').style.top = winOff+'px';
  }

  function hidebigpic(){
      document.getElementById('bigpic').style.display = 'none';
      document.getElementById('bigpic').style.innerHTML = '';
  }

  function imgdiv_mOver(name){
      document.getElementById(name+'_img').style.borderColor='#777';
	  document.getElementById(name+'_img').style.zIndex=2;
      document.getElementById(name+'_tools').style.display = 'inline';
      if(document.getElementById('var_show_titles').checked == false){
        document.getElementById(name+'_title').style.display = 'inline';
      }
      if(document.getElementById('var_show_exif').checked == true){
        document.getElementById(name+'_exif').style.display = 'inline';
      }
      if(document.getElementById('var_show_voting').checked == true){
        document.getElementById(name+'_voting').style.display = 'inline';
      }
  }

  function imgdiv_mOut(name){
      document.getElementById(name+'_img').style.borderColor='#ccc';
	  document.getElementById(name+'_img').style.zIndex=0;
      document.getElementById(name+'_tools').style.display = 'none';
      if(document.getElementById('var_show_titles').checked == false){
        document.getElementById(name+'_title').style.display = 'none';
      }
      document.getElementById(name+'_exif').style.display = 'none';
	  document.getElementById(name+'_voting').style.display = 'none';
  }

  function menuitem_mOver(name){
	  document.getElementById(name).style.backgroundColor = '#eee';
      document.getElementById(name+'_list').style.display = 'inline';
      document.getElementById(name).style.borderBottom = '1px solid #efefef';
      document.getElementById(name).style.zIndex=5;
	  document.getElementById(name+'_list').zIndex=5;
  }

  function menuitem_mOut(name){
	  document.getElementById(name+'_list').style.display = 'none';
      document.getElementById(name).style.borderBottom = '1px solid #ccc';
      document.getElementById(name).style.zIndex=0;
	  document.getElementById(name).style.backgroundColor = '#fff';
  }

  function change_show_titles(){
      if(document.getElementById('var_show_titles').checked == true){
          var titles = document.getElementsByName('titles');
          var images = document.getElementsByName('images');
          for(var i=0; i<titles.length; i++){
              titles[i].style.display = 'inline';
              titles[i].style.left    = '-1px';
              titles[i].style.width   = '218px';
              images[i].style.height  = '246px';
          }
      }
      else{
          var titles = document.getElementsByName('titles');
          var images = document.getElementsByName('images');
          for(var i=0; i<titles.length; i++){
              titles[i].style.display = 'none';
              titles[i].style.left    = '-1px';
              titles[i].style.width   = '218px';
              images[i].style.height  = '216px';
          }
      }
      saveVarToCookie('var_show_titles',document.getElementById('var_show_titles').checked);
  }

  function change_show_exif(){
      saveVarToCookie('var_show_exif',document.getElementById('var_show_exif').checked);
  }

  function change_show_voting(){
      saveVarToCookie('var_show_voting',document.getElementById('var_show_voting').checked);
  }

  var thst='';
  
  function generateThumbnails(th_width, th_height){

      if(ths.length>0) {
          document.getElementById('th_creation').innerHTML = 'Tworzenie miniaturek: zostało <span id="th_no" style="font-weight: bold">'+ ths.length +'</span><br>';
          document.getElementById('th_creation').style.display = "block";
          for(i=0;i<ths.length;i++){ 
              imgResize(threfs[i], ths[i], th_width, th_height, i);
          }
      }
  }

  function init(){
     change_show_titles();
     change_show_exif();
     if(document.getElementById('debug'))
        document.getElementById('debug').style.display = 'inline';
     generateThumbnails(200,200);
  }

var xmlHttp = new Array();

function closeThDiv(){
  document.getElementById('th_creation').style.display = "none";
}

function imgResize(th_ref, th, th_width, th_height, i){

  xmlHttp[i]=GetXmlHttpObject()
  if (xmlHttp[i]==null){
      alert("Browser does not support HTTP Request")
      return
  }
  
  var url = './g/_resize.php?th_ref='+ th_ref +'&th='+ th +'&th_width='+ th_width +'&th_height='+ th_height;
  
  xmlHttp[i].onreadystatechange = function(){

      if (xmlHttp[i].readyState==4 || xmlHttp[i].readyState=="complete"){
            document.getElementById('th_no').innerHTML = parseInt(document.getElementById('th_no').innerHTML)-1;
            document.getElementById(nms[i]+'_img2').src = th;
            document.getElementById(nms[i]+'_img').style.display = 'block';
            if(parseInt(document.getElementById('th_no').innerHTML)==0){
                 setTimeout("closeThDiv()",1500);
            }
      }

  }

  xmlHttp[i].open("GET",url,true);
  xmlHttp[i].send(null);
}


function GetXmlHttpObject(){
  var xmlHttp=null;
  try {
      // Firefox, Opera 8.0+, Safari
      xmlHttp=new XMLHttpRequest()
  }
  catch (e){
      //Internet Explorer
    try{
        xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
    catch (e){
        xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
    }
  }
  return xmlHttp;
}

function closeConfirmVote(name){
	document.getElementById(name+'_vote_ok').innerHTML = '<b>OCENIONO</b>';
}

function vote(name, ip, dir){
      var what = document.getElementById('vote_'+name);
	  var vote = what.options[what.options.selectedIndex].value;
	  
	    xmlHttp=GetXmlHttpObject()
		if (xmlHttp==null){
			alert("Browser does not support HTTP Request")
			return
		}

		var url = './g/_vote.php?name='+ name +'&ip='+ ip +'&vote='+ vote +'&dir='+ dir;		
  
		xmlHttp.onreadystatechange = function(){

			if (xmlHttp.readyState==4 || xmlHttp.readyState=="complete"){
			
				saveVarToCookie('vote_'+dir+'_'+name,'1');
				document.getElementById(name+'_vote_ok').innerHTML = '<b>OCENIONO</b>';
				if(parseInt(document.getElementById('th_no').innerHTML)==0){
					setTimeout('closeConfirmVote('+name+')',1500);
				}
			}

		}	

	xmlHttp.open("GET",url,true);
	xmlHttp.send(null);  
  
  }

