// JavaScript Document
var currenthash=(location.hash.charAt(0)=='#')?location.hash.substr(1):location.hash;
var t='';
var global_islist=0;
var currentImg;
var imgList = [];
$(function(){
    if(typeof(foto_data)!='undefined'){
        var key;
        for (key in foto_data) {
            imgList.push(key);
        }
        
        global_islist = imgList.length>1?1:0;
        if(currenthash!=''){
          openImg(global_islist,currenthash);
        }
        
    }
    checkHash();
});

function getPhpResponse(filename,params){
xmlhttp=null;
if (window.XMLHttpRequest)
  {// code for all new browsers
  xmlhttp=new XMLHttpRequest();
  }
else if (window.ActiveXObject)
  {// code for IE5 and IE6
  xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
  }
if (xmlhttp!=null)
  {
  xmlhttp.open("POST",filename,false);
  xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
  xmlhttp.setRequestHeader("Content-length", params.length);
  xmlhttp.setRequestHeader("Connection", "close");
  xmlhttp.send(params);
  return xmlhttp.responseText;
  }
else
  {
      alert("Your browser does not support XMLHTTP.");
      return false;
  }
}
function hideBranch(id,img){
	var branch = document.getElementById("branch"+id);
	if(branch.getAttribute("className")=='branch_hidden' || branch.getAttribute("class")=='branch_hidden'){
	img.childNodes[0].src="src/img/tree_minus.png"
	branch.setAttribute("className", "branch");
	branch.setAttribute("class", "branch");
	}else{
	img.childNodes[0].src="src/img/tree_plus.png"
	branch.setAttribute("class", "branch_hidden");
	branch.setAttribute("className", "branch_hidden");
	}	
}
function makeProp(prop,value,tekst,order){
if(order==0){
var box=document.getElementById("prop_lewe");
var content='<div style="clear:both; padding-top:3px;">'
if(prop>0){
content+='<div style="width:'+Math.round(prop*15)+'px; margin-left:'+(15-Math.round(prop*15))+'px; height:15px; float:left; background-color:#000000;"></div>'
}
content+='<div style="float:right;"><input style=" height:10px; padding:0px; margin:0px;" type="radio" id="prop'+String(value)+'" value="'+String(value)+'" name="proporcje"></div><div style="float:right; padding:0px; margin:0px;">&nbsp;'+tekst+'&nbsp;</div></div>';
box.innerHTML+=content;
}else{
var box=document.getElementById("prop_prawe");
var content='<div style="clear:both; padding-top:3px;">'
if(prop>0){
content+='<div style="width:'+Math.round(prop*15)+'px; margin-right:'+(30-Math.round(prop*15))+'px; height:15px; float:right; background-color:#000000;"></div>'
}
content+='<div style="float:left;"><input style=" height:10px; padding:0px; margin:0px;" type="radio" id="prop'+String(value)+'" value="'+String(value)+'" name="proporcje"></div><div style="float:left; padding:0px; margin:0px;">&nbsp;'+tekst+'&nbsp;</div></div>';
box.innerHTML+=content;
}
}
function setupProp(value){
	var prop=document.getElementById("prop"+value);
	if(prop!=null){
		prop.checked=true;
	}
}
function showProporcje(){
	var prop=document.getElementById("proporcje");
	if(prop.style.visibility!='visible'){
	prop.style.visibility='visible'
	}else{
	prop.style.visibility='hidden'
	}
}
function showGroup(id){
	if(id!=0){
	var branch=document.getElementById("branch"+id);
	branch.setAttribute("className", "branch");
	branch.setAttribute("class", "branch");
	var branchImg=document.getElementById("branchImg"+id);
	if(id!=1){
	branchImg.src="src/img/tree_minus.png";
	}
	if(branch.parentNode.className=='branch_hidden'){
		showGroup(String(branch.parentNode.id).substring(6))
	}
	}
}
function proporcje(lang){
if(lang=='en'){
pion='vertical';
poziom='horizontal';
kwadrat='square';
kolo='circle';
}else{
pion='pion';
poziom='poziom';
kwadrat='kwadrat';
kolo='kolo';	
}
makeProp(0,'pion',pion,0);
makeProp(0.3,0.1,'-0.5',0);
makeProp(0.5,0.5,0.5,0);
makeProp(0.56,0.56,0.56,0);
makeProp(0.6,0.6,0.6,0);
makeProp(0.67,0.67,0.67,0);
makeProp(0.7,0.7,0.7,0);
makeProp(0.75,0.75,0.75,0);
makeProp(0.8,0.8,0.8,0);
makeProp(0.9,0.9,0.9,0);
makeProp(0,1,kwadrat,0);
//------------
makeProp(0,'poziom',poziom,1);
makeProp(2.3,3,'+2',1);
makeProp(2,2,2,1);
makeProp(1.8,1.8,1.8,1);
makeProp(1.6,1.6,1.6,1);
makeProp(1.43,1.43,1.43,1);
makeProp(1.4,1.4,1.4,1);
makeProp(1.33,1.33,1.33,1);
makeProp(1.26,1.26,1.26,1);
makeProp(1.11,1.11,1.11,1);
makeProp(0,'k',kolo,1);
}
function openImg(isList,imgName){
    current_hash=(location.hash.charAt(0)=='#')?location.hash.substr(1):location.hash;
    currentImg=imgName;
    if(typeof(foto_data[imgName])=='undefined'){
        
        foto_data[imgName] = JSON.parse(getPhpResponse('cart.php?todo=getData','id='+imgName+'&lang='+language));
    }
    var w=foto_data[imgName]['szerokosc'];
    var h=foto_data[imgName]['wysokosc'];
    var opis=foto_data[imgName]['opis'];
    var slowa=foto_data[imgName]['slowa'];
    var datawyk=foto_data[imgName]['miejsce'];
    var wykorzystanie=foto_data[imgName]['tytul'];
    var dodano=foto_data[imgName]['dodano'];
    var proporcje = w/h;

    $('.thumb_holder').hide();
    $('#curtain').html(getPhpResponse('src/largeImg_'+language+'.html',''));
    $('#bigImg').attr('src','img/foto/'+imgName);
    $('#wielkosc').html(w+' x '+h+' px');
    $('#dodano').html(dodano);
    $('#opis').html(opis);
    $('#datawyk').html(datawyk);
    $('#wykorzystanie').html(wykorzystanie);
    if(wykorzystanie == ''){
        $('#w_row').html('');
    };
    $('#slowa').html(slowa);
    $('#info_proporcje').html(Math.round(proporcje*100)/100);
    $('#nr_kat').html(currentImg);
    global_islist = isList;
    if($('.thumbframe img').length>1 && isList==1){
            $('#arrow1').html('<a href="#" onclick="return switchImg(-1);">&lt;&lt;</a>');
            $('#arrow2').html('<a href="#" onclick="return switchImg(1);">&gt;&gt;</a></div>');
    }else{
            $('#arrow1').html('');
            $('#arrow2').html('');
    }

    /*'<div class="centerImg"><img class="bigImg" src="img/foto/'+imgName+'"><div class="fotoTitle">wymiary oryginału w pikselach: '+w+' x '+h+'<br />dodano po: '+dodano+'<br />data wykonania: '+datawyk+'<br /><br />'+opis+'<br />słowa kluczowe: '+slowa+'<br />wykorzystanie obrazu: '+wykorzystanie+'<br/><br/><a href="#" onclick="addToCart(\''+imgName+'\'); return false;"> <u>dodaj do schowka</u> </a>&nbsp;&nbsp;&nbsp;<a href="#" onclick="closeImg()"> <u>zamknij</u> </a></div>'+arrows;
    document.getElementById('curtain').style.width = "100%";
    document.getElementById('curtain').style.height = getDocHeight()+"px";*/
    $('.container').hide();
    location.hash = '#'+currentImg;
    currenthash = '#'+currentImg;

    return false;
}

function switchImg(dir){
	for(var x=0; x<imgList.length; x++){
		if(imgList[x]==currentImg){
			var nr=x;
		}
	}
	if(nr+dir>=imgList.length){
		openImg(1,imgList[0]);
	} else if(nr+dir<0){
		openImg(1,imgList[(imgList.length-1)]);
	} else {
		openImg(1,imgList[nr+dir]);
	}
    return false;
}
/*function imgList(images){
	imgList=images.split('/');
}*/
function checkHash(){
    //alert(location.hash);
    if(currenthash != location.hash){
        if(location.hash=='#' || location.hash==''){
            closeImg();
        }else{
            openImg(global_islist,(location.hash.charAt(0)=='#')?location.hash.substr(1):location.hash);
        }
    }
    t=setTimeout("checkHash();",500);
}
function closeImg(){
    document.getElementById('curtain').innerHTML = '';
    document.getElementById('curtain').style.width = "0px";
    document.getElementById('curtain').style.height = "0px";
    $('.thumb_holder').show();
    $('.container').show();
    location.hash='';
    currenthash='';
}
function getDocHeight() {
    var D = document;
    return Math.max(
        Math.max(D.body.scrollHeight, D.documentElement.scrollHeight),
        Math.max(D.body.offsetHeight, D.documentElement.offsetHeight),
        Math.max(D.body.clientHeight, D.documentElement.clientHeight)
    );
}
function addToCart(img) {
	getPhpResponse('cart.php?todo=addItem','img='+img);
	getCart();
        if(language=='pl'){
            alert('Praca została dodana do schowka.');
        }else{
            alert('Image was added to clipboard.');
        }
    return false;
}
function orderCart(lang) {
    if(lang=='en'){
		var zamow='Order checked photos';
		var ulubione='Clipboard contains following photos';
	}else{
		var zamow='Wyślij zamówienie na zaznaczone fotografie';
		var ulubione='W schowku znajdują się następujące fotografie';
	}
	
	var content=getPhpResponse('cart.php','');
	var cart=document.getElementById('tekst');
	if(content.length>1){
		var items=content.split('/');
		cartItems=items;
		var output=ulubione+':<br /><br /><form name="orderform" method="post" name="orderform" action="tekst.php?lang='+lang+'&id=6" >';
		
		for(var x=0; x<items.length;x++){
			output +='<div><div class="cartImgContainer" style="width:100px; float:left; clear:both; text-align:center;"><a href="#" onclick="openImg(\''+items[x]+'\',\'Tytuł polski\');return false;"><img class="cartImg" src="img/thumb/'+items[x]+'"><a/></div><input style="float:left;" type="checkbox" name="cart['+items[x]+']" id="cart_'+items[x]+'" checked="true" /></div>'
		}
		output+='<div style="clear:both; float:left; padding:10px 0px;"><br />Twój e-mail: <input name="email" value="" ><br /> Uwagi:<textarea name="uwagi"></textarea></div><div class="cartButtons"><div class="btn_left"></div><div class="btn" ><a href="javascript:document.orderform.submit();">'+zamow+'</a></div><div class="btn_right"></div></div></form>'
		cart.innerHTML+=output;
	}
	
}
function getCart() {
	if(language=='en'){
		var zamow='Order';
		var ulubione='Clipboard';
		var usun='Remove';
	}else{
		var zamow='Zamow';
		var ulubione='Schowek';
		var usun='Usuń';
	}
	var content=getPhpResponse('cart.php','');
	var cart=document.getElementById('cart');
	if(content.length>1){
		var items=content.split('/');
		cartItems=items;
		var output=ulubione+':<br />';
		for(var x=0; x<items.length;x++){
			output +='<div><div class="cartImgContainer" style="width:100px; float:left; clear:both; text-align:center;"><a href="#" onclick="openImg(0,\''+items[x]+'\');return false;"><img class="cartImg" src="img/thumb/'+items[x]+'"></a></div><input style="float:left;" type="checkbox" id="cart_'+items[x]+'" checked="true" /></div>'
		}
		output+='<div class="cartButtons"><div class="btn_left"></div><div class="btn" ><a href="#" onclick="removeCartItem();">'+usun+'</a></div><div class="btn_middle"></div><div class="btn" ><a href="tekst.php?lang='+language+'&id=6">'+zamow+'</a></div><div class="btn_right"></div></div>'
		cart.innerHTML=output;
	}else{
		cart.innerHTML='';
	}
}
function removeCartItem(){
	var cart=document.getElementById('cart');
	y=cartItems.length;
	for(var x=0; x<y; x++){
		if(document.getElementById('cart_'+cartItems[x]).checked==true){
			getPhpResponse('cart.php?todo=removeItem','img='+cartItems[x]);
		}
	}
	getCart();
}
function getTree(lang) {
	var tree=document.getElementById('tree');
	tree.innerHTML=getPhpResponse('src/tree_'+lang+'.html','');
}
function getSearch(slowo,dzien,miesiac,rok,lang,typ,typ_id,proporcje) {
	var searchBar=document.getElementById('search');
	var content=getPhpResponse('src/content_searchBar.html','');
	content=content.replace(/<!--proporcje_data-->/g,proporcje);
	content=content.replace(/<!--slowo-->/g,slowo);
	content=content.replace(/<!--dzien-->/g,dzien);
	content=content.replace(/<!--miesiac-->/g,miesiac);
	content=content.replace(/<!--rok-->/g,rok);
	content=content.replace(/<!--typ-->/g,typ);
	content=content.replace(/<!--typ_id-->/g,typ_id);
	content=content.replace(/<!--lang-->/g,lang);
	if(lang=='en'){
	content=content.replace('<!--szukaj-->','search');
	content=content.replace('<!--dowolne1-->','All');
	content=content.replace('<!--dowolne2-->','All');
	content=content.replace('<!--t-->','type');
	content=content.replace('<!--proporcje-->','proportions');
	content=content.replace('<!--dodane-->','added after');
	}else{
	content=content.replace('<!--szukaj-->','szukaj');
	content=content.replace('<!--dowolne1-->','dowolne');
	content=content.replace('<!--dowolne2-->','dowolny');
	content=content.replace('<!--t-->','typ');
	content=content.replace('<!--proporcje-->','proporcje');
	content=content.replace('<!--dodane-->','dodane po');
	}
	
	searchBar.innerHTML=content;
	
}
function getLang(lang){
	language=lang;
	target=document.getElementById('lang');
	if(lang=='en'){
	target.innerHTML='<a href="index.php?todo=main&lang=pl">polski</a>'	
	}else{
	target.innerHTML='<a href="index.php?todo=main&lang=en">English</a>'
	}
	target=document.getElementById('foot');
	if(lang=='en'){
	target.innerHTML='All rights reserved'	
	}else{
	target.innerHTML='Wszelkie prawa zastrzeżone'
	}
}
function searchPage(pg){
    document.getElementById('pg').value=pg;
    document.lastSearch.submit();
}
function submitenter(myfield,e)
{
    var keycode;
    if (window.event) keycode = window.event.keyCode;
    else if (e) keycode = e.which;
    else return true;

    if (keycode == 13)
       {
       myfield.form.submit();
       return false;
       }
    else
       return true;
}