$(document).ready(function() {

   /*
     ustawienia box'ow
   */

 $(".tlm").each(function(){

 var box1Ile = 0; // dla box1Oferta zwieksza top, bo jest absolute
 var ids = "";
 var ids2 = "";
 var idslider;
 var thisobj = $(this);
 var ids = $(this).attr("id");;
 ids2 = $(this).attr("id2");
 

	$.ajax({
	    type:"GET",
	    data:"pars="+ids+"&pola="+dajPolaId2(ids2),
	    url:"js/ajax/getObserwatoryBox.php",
	    success: function(data){

		var dataArr = data.split("&");
		var li_info = "";
		if(ids2 == "box1OfertaDoKierunkow" )
		{
    		    li_info = thisobj.children(".li_info").html();
		}    
		//console.log("li_linfo");
		thisobj.html("");
		var i=0;
		for(i = 0;i < dataArr.length;i++)
		{
		
		if((ids2 == "box1Oferta" || ids2=="box1OfertaDoKierunkow") && box1Ile == 1)
		    return 0;
		thisobj.append(robBoxy(dataArr[i],ids2,li_info));
		 
		 if(ids2 == "box1Oferta" )
		 {
		    var szer =  thisobj.css("width");
		    szer = szer.replace("px","");
		    szer = 1*szer-6;

		     thisobj.children().find(".t").css("width",szer+"px" );
		     thisobj.children().find(".t_label").css("top",40+box1Ile+"px" );
		     box1Ile = 1;
		    
		     thisobj.children().find(".img").css("width",thisobj.css("width"));

		  }
		  
		 if(ids2 == "box1OfertaDoKierunkow" )
		 {
		    var szer =  thisobj.css("width");
		    szer = szer.replace("px","");
		    szer = 1*szer-6;

		     thisobj.children().find(".t").css("width",szer+"px" );
		     thisobj.children().find(".t_label").css("top",40+box1Ile+"px" );
		     box1Ile = 1;
		    
		     thisobj.children().find(".img").css("width",thisobj.css("width"));

		  }		  
		 if(ids2 =="boxTest2")
		 {
		    
		 }
		 if(ids2 =="boxTest2")
		  {

		    var szer = thisobj.css("width");
		    var szerOrg = szer;
		    szer = szer.replace("px","");
		    var szerLM = 1*szer - 6;
		    szer = 1*szer-130;
		    //console.log("thisobj",thisobj.parent());
		    thisobj.parent().parent().parent().css("width",szerOrg);

		    //console.log("klasa",thisobj.parent().parent().parent().attr("class"));
		    //console.log("koko:",szer);
		     thisobj.parent().css("width",$("#"+ids).css("width"));
		     
		     thisobj.children().find(".o3").css("width",szer+"px");
		     thisobj.parent().find(".t").css("width", szerLM+"px");
		    thisobj.parent().find(".img").css("width", szerLM+6+"px");
		    
//		    alert( thisobj.parent().find(".img").css("width")); 
//		    alert($("#"+ids).children().find(".o3").css("width"));	    
//		    $("#"+ids).nearest(".o3").css("width","150px");		    
//		    alert($("#"+ids).nearest(".o3"));
		    
		  }		  
		  
		  
		  
		 if(ids2 =="boxListaKraje")
		 {
		    
		 }
		 if(ids2 =="boxListaKraje")
		  {

		    var szer = thisobj.css("width");
		    var szerOrg = szer;
		    szer = szer.replace("px","");
		    var szerLM = 1*szer - 6;
		    szer = 1*szer-130;
		    //console.log("thisobj",thisobj.parent());
		    thisobj.parent().parent().parent().css("width",szerOrg);

		    //console.log("klasa",thisobj.parent().parent().parent().attr("class"));
		    //console.log("koko:",szer);
		     thisobj.parent().css("width",$("#"+ids).css("width"));
		     
		     thisobj.children().find(".o3").css("width",szer+"px");
		     thisobj.parent().find(".t").css("width", szerLM+"px");
		    thisobj.parent().find(".img").css("width", szerLM+6+"px");
		    
//		    alert( thisobj.parent().find(".img").css("width")); 
//		    alert($("#"+ids).children().find(".o3").css("width"));	    
//		    $("#"+ids).nearest(".o3").css("width","150px");		    
//		    alert($("#"+ids).nearest(".o3"));
		    
		  }		  
		  
		  
		  


    		 if(ids2 =="boxSlider")
		  {
		idslider =  thisobj.parent().attr('id');
			
		  }
		  
		}
		$("#"+idslider).easySlider({		
				    auto: true,
        		      	    continuous: true ,
    				    speed: 1200,
				    pause:6000,
				});
		


	    }
	});

    });
});


function robBoxy(dane, id2,li_info)
{
var daneArr = dane.split(";");
//console.log(daneArr);

var li = "";
    switch(id2)
    {
	case 'boxTest1'  : li = "<li>  <a target='_blank' href='#'>  <span class='n'>"+daneArr[0]+"</span> <span class='c'>"+daneArr[1]+" PLN</span></a></li>";
			    break;
			    
	case 'boxTest2'  : 
	    	    	    li =  "<li style='padding-top:5px'><a style='text-decoration:none' title='"+daneArr[0]+"' href='wynikiwyszukiwania.php?ep3[]="+daneArr[2]+"'>";
			    li += "<div class='o divall'>";
	                    li += "<div class='o1'>"+daneArr[0]+"</div><div class='o2'>od</div>";
			    li += "<div class='o3'>"+daneArr[1]+"&nbsp;zl</div>";
			    li += "</div>";
			    li += "</a>";			    
			    li += "</li>";
  			    break;
			    
	case 'boxListaKraje'  : 
	    	    	    li =  "<li style='padding-top:5px'><a style='text-decoration:none' title='"+daneArr[0]+"' href='wynikiwyszukiwania.php?ep3[]="+daneArr[2]+"'>";
			    li += "<div class='o divall'>";
	                    li += "<div class='o1'>"+daneArr[0]+"</div><div class='o2'>od</div>";
			    li += "<div class='o3'>"+daneArr[1]+"&nbsp;zl</div>";
			    li += "</div>";
			    li += "</a>";			    
			    li += "</li>";
  			    break;			    

	case 'box1Oferta':  li =  "<a href='wynikiwyszukiwania.php?ep3[]="+daneArr[8].replace(/@/gi,"&")+"'>";
			    li += "<div class='o1' style='background:none'>&nbsp;</div>"
			    li += "<div class='t_lewy' ></div><div class='t'>"+daneArr[0]+"</div><div class='t_prawy'></div>";
			    li += "<div class='m jq_odnosnik' style='width:250px'><img class='img' style='height:100px'  src='"+daneArr[7]+"'></div>";
			    li += "<div class='o jq_odnosnik'>";
			    li += "<div class='o1' style='padding-top:7px;'>"+daneArr[2] +"</div>";	    
			    li += "<div class='o1'>&nbsp;"+robGwiazdki(daneArr[6]) +"</div>";
			    li += "<div class='o2' style='padding-top:3px;'>"+daneArr[1]+"</div>";
			    li += "<div class='o3' style='padding-top:3px;padding-bottom:7px;'>"+daneArr[4].substring(0,5)+" - "+daneArr[5]+"</div>";
			    li += "</div>";
			    li += "<div class='t_label'> ";
		            li += "<div class='tekst' style='-moz-transform: rotate(-12deg);'>"+daneArr[3]+"&nbsp;</div>";
			    li += "</div>";
			    li += "</a>";
			    break;
			    
		
	case 'box1OfertaDoKierunkow':  
			    li =  "<a href='wynikiwyszukiwania.php?ep3[]="+daneArr[8].replace(/@/gi,"&")+"'>";
			    li += "<div class='o1' style='background:none'>&nbsp;</div>"
			    li += "<div class='t_lewy' ></div><div class='t'>"+daneArr[0]+"</div><div class='t_prawy'></div>";
			    li += "<div class='m jq_odnosnik' style='width:250px'><img class='img' style='height:100px'  src='"+daneArr[7]+"'></div>";
			    li += "<div class='o jq_odnosnik'>";
			    li += "<div class='o1' style='padding-top:7px;'>"+daneArr[2] +"</div>";	    
			    li += "<div class='o1'>&nbsp;</div>";
			    li += "<div class='o2' style='padding-top:3px;'>"+li_info+"</div>";
			    li += "<div class='o3' style='padding-top:3px;padding-bottom:7px;'>&nbsp;</div>";
			    li += "</div>";
			    li += "<div class='t_label'> ";
		            li += "<div class='tekst' style='-moz-transform: rotate(-12deg);'>"+daneArr[3]+"&nbsp;</div>";
			    li += "</div>";
			    li += "</a>";
			    break;		    
			    
        case 'boxOfertySzerokie': li ="<div style='height:105px;'><div class='hotdiv' style=''>";
			    li += "<img src=\""+daneArr[3]+"\" alt='xxx' width='100%' height='100px'></div>";
	                    li +="<dl style='margin-top:5px'>"		
                            li +="<dt>"+daneArr[0]+"</dt>";		  
	                    li +="<dd>"+daneArr[1];
			    li +="<br><span style='font-weight:bold;margin-top:5px;margin-bottom:5px;display:block'>cena od "+daneArr[4]+"</span>";
		            li +="<a href='wynikiwyszukiwania.php?ep3[]="+daneArr[2].replace(/@/gi,"&")+"'>więcej&gt;&gt;</a>";
			    li +="</div>";			    
		            li +="</dd>";
		            li +="</dl>";
		            li +="<dl></div>";
			    break;
	case 'box2Kolumny' :
	    	    	    li =  "<dt>"+daneArr[0]+"</dt>";
			    li += "<dd> <br>";
  	                    li += " <span class='wiecej'><a href='"+daneArr[1]+"'>więcej...</a></span></dd>";			    		
  			    break;
	case 'boxSlider'   :			    
			   li+="<li style='float:left' >";
			   li+="<dl>";
			   li+= "<div style='width:300px'><div style='height:24px;line-height:24px;float:left;width:3px;background:url(\"images/boxy/lewy_gora_box_1.png\") repeat scroll 0 0 transparent;'>&nbsp;</div>";
			   li+= "<div style='height:24px;float;left;width:250px;background: url(\"images/boxy/srodek_gora_box_1.png\") repeat scroll 0 0 transparent'>&nbsp;</div>";
			   li+= "<div style='height:24px;float:left;position:width:3px;background:url(\"images/boxy/prawy_gora_box_1.png\") repeat scroll 0 0 transparent;'>&nbsp;</div></div>";			   

	                   li+="<dt><div  class='imgslider' ><img style='width:360px;height:120px'  src='"+daneArr[0]+"'/></div> "+daneArr[3]+" </dt>";
	                   li+="<dd>"+daneArr[2]+" ";
			   li +="<br><span style='font-weight:bold;margin-top:1px;margin-bottom:1px;display:block'>cena od "+daneArr[4]+"</span>";
	                   li+="&nbsp;<a href='"+daneArr[1].replace(/@/gi,"&")+"'>Więcej</a>";
	                   li+="</dd>";
	                   li+="</dl>";
	                   li+="<dl></dl>";
	   		   li+="</li>";
			   break;
																		  
	case 'boxSlider2':  li =  "<a href='wynikiwyszukiwania.php?ep3[]="+daneArr[8].replace(/@/gi,"&")+"'>";
			    li += "<div class='o1' style='background:none'>&nbsp;</div>"
			    li += "<div class='t_lewy' ></div><div class='t'>"+daneArr[0]+"</div><div class='t_prawy'></div>";
			    li += "<div class='m jq_odnosnik' style='width:250px'><img class='img' style='height:100px'  src='"+daneArr[7]+"'></div>";
			    li += "<div class='o jq_odnosnik'>";
			    li += "<div class='o1' style='padding-top:7px;'>"+daneArr[2] +"</div>";	    
			    li += "<div class='o1'>"+robGwiazdki(daneArr[6]) +"</div>";
			    li += "<div class='o2' style='padding-top:3px;'>"+daneArr[1]+"</div>";
			    li += "<div class='o3' style='padding-top:3px;padding-bottom:7px;'>"+daneArr[4].substring(0,5)+" - "+daneArr[5]+"</div>";
			    li += "</div>";
			    li += "<div class='t_label'> ";
		            li += "<div class='tekst' style='-moz-transform: rotate(-12deg);'>"+daneArr[3]+"&nbsp;</div>";
			    li += "</div>";
			    li += "</a>";
			    break;			    			    			    
			    
    }
return(li);
}

/*
    jak sie poda w liscie pol 'skrot' to zwroci link do merlina
 */
function dajPolaId2(id2)
{
    switch(id2)
    {
    	case 'boxTest1' : return("htlName,minprice");
			   break;
	case 'boxTest2' : return("htlName,minprice,skrot");
			   break;
	case 'boxListaKraje' : return("htlRegion,minprice,skrot");
			   break;
			   
	case 'box1Oferta' : return("htlCountry,htlRegion,htlName,minprice,depDate,rDepDate,htlCat,hotelimage,skrot");
			   break;
	case 'box1OfertaDoKierunkow': return("htlCountry,htlRegion,htlName,minprice,depDate,rDepDate,htlCat,hotelimage,skrot");
			   break;
	case 'box2Kolumny' : return("htlRegion,skrot");
			   break; 
	case 'boxOfertySzerokie': return("htlCountry,opis,skrot,hotelimage,minprice");
			   break;
	case 'boxSlider'   : return("hotelimage,skrot,opis,htlRegion,minprice");
			    break;

	case 'boxSlider2' : return("htlCountry,htlRegion,htlName,minprice,depDate,rDepDate,htlCat,hotelimage,skrot");
			   break;
	
	
    }
}



function robGwiazdki(cat)
{
var ile = ""+cat;
var ilestars = ile.substr(0,1);
var gwiazdy = "";
var star = "<img src='images/star.png'/>";
var halfstar = "<img src='images/halfstar.png'/>"
var i=0;


for(i=0;i<ilestars*1;i++)
{
    gwiazdy += star;
}
if(ile.length > 1)
    gwiazdy += halfstar;
return(gwiazdy)

}