$().ready(function()
{	
	function replaceString(oldS, newS, fullS) {
		// Replaces oldS with newS in the string fullS
			for (var i = 0; i < fullS.length; i++) {
				if (fullS.substring(i, i + oldS.length) == oldS) {
					fullS = fullS.substring(0, i) + newS + fullS.substring(i + oldS.length, fullS.length);
				}
			}
		return fullS;
	}
	
	
	var speed=250;
	var speed2=800;
	var speed3=200;
	var speed4=400;
	var speed5=180;
	var speed6=380;
	var op1=0.3;
	var op2=1;
	
	//zmniejszanie wysokosci
	function zmniejsz(fun) {
		var wys = $("#pracka_1 img").height();
		$(".praca").animate({height:wys},speed6);
		$("#work2").animate({height:wys},speed6,fun);
	}
	
	//zmniejsz(function(){});
	// koniec
	
	// dlugosc
	function dlug(b) {
	
	b = parseInt(b);
	var a = 1;
	var dlg = 0;
	var przerwa = 3;
	if (a<b) {
		for(var i=a;i<b;i++) {
			var dlu = $("#pracka_"+i+" img").width();
			dlu = parseInt(dlu);
			dlu = dlu+przerwa;
			dlg = dlg+dlu;
		}
		dlg=-dlg;
	} else {
		for(var i=a;i>b;i--) {
			var dlu = $("#pracka_"+i+" img").width();
			dlu = parseInt(dlu);
			dlu = dlu+przerwa;
			dlg = dlg+dlu;
		}
	}
		
		return dlg;
	}
	// koniec
	
	// hovery
	function hoveruj() {
	$("div#list a").live("mouseover",function(){
		var tekst = $(this).children('img').attr('id');
		tekst = replaceString('pracaimg_','',tekst);
		$(this).children('img').attr('src','tekst.php?kolor=niebieski&tekst='+tekst);
	});
	
	$("div#list a").live("mouseout",function(){
		var tekst = $(this).children('img').attr('id');
		tekst = replaceString('pracaimg_','',tekst);
		var classpar = $(this).parent('li').attr('title');
		if (classpar!='lst_akt') $(this).children('img').attr('src','tekst.php?kolor=czarny&tekst='+tekst);
	});
	}
	// koniec
	
	hoveruj();
	
	// ustawianie przezroczystosci prac
	function prac_op() {
	$("li.praca").fadeTo(0,op1);
	$("li.pracka_light").fadeTo(0,op2);
	}
	// koniec
	
	prac_op();

function kwadraty(link){
	$("div#kw_strz").hide("fast",function(){
		$("#kw_strz").load(link+" div#kw_strz2",function(){
			$("div#kw_strz").show(speed5);
		});
	});
}
			
function prel(a,b) {
		
	$(a).children('img').onImagesLoaded(function(_this){
		var wym1 = $(_this).height();
		var wym2 = $(_this).width();
		$(a).animate({width:wym2},speed6);
		$(_this).fadeIn(speed4,b);
		zmniejsz(function(){});
	});
}			

function prelon(i,m) {
	if(i==m) {
		prel('#pracka_'+i,function(){$("div#kw_strz").show(speed5);});
	} else {
		prel('#pracka_'+i,function(){prelon(i+1,m);});
	}
}

prel('#foto_about',function(){});

var lacznie=$('.praca').length;



// zmiana pracy
function zmiana(link) {
	$("#list").load(link+" div#list_wew",function(){
		hoveruj();
	});

	$("#work3").fadeOut(speed,function() {
	
	kwadraty(link);
	
		$("#work3").load(link+" div.boks_praca","",function() {
			//zmniejsz(function(){
				$("#work3").fadeIn(speed);
				prac_op();
				var lacznie=$('.praca').length;
				prelon(1,lacznie);
			//});
		});
	});
}
//koniec

// przewijanie
function przewin(classname) {


  var roznica = dlug(classname);
  var anim = roznica;
  
  //prel('#pracka_'+classname,function(){});
  
  $("li.kwadr_sel").removeClass("kwadr_sel");
  $("li#kwadr_"+classname).addClass("kwadr_sel");
  
  $("li.pracka_light").removeClass("pracka_light");
  $("li#pracka_"+classname).addClass("pracka_light");
  
	$("li.praca").fadeTo(speed3,op1);
	$("li.pracka_light").fadeTo(speed3,op2);
	$(".boks_praca").animate({left:anim+'px'},speed2);
}
//koniec
		
$("div#strzalki li.akt a").live("click",function()
{
  var classname = $(this).attr("class");
  classname = replaceString('typ_','',classname);
  var classname2 = $(this).attr("rel");
  var link = "index.php?podstrona=obrazek&typ="+classname+"&id="+classname2;
    
   
	zmiana(link);
  
return false;
});

$("div#list a").live("click",function()
{
  var classname = $(this).attr("class");
  classname = replaceString('typ_','',classname);
  var classname2 = $(this).attr("rel");
  var link = "index.php?podstrona=obrazek&typ="+classname+"&id="+classname2;
    
	zmiana(link);
  
return false;
});

		
$("div#kwadraty a").live("click",function()
{
  var classname = $(this).parent().attr("id");
  var classname2 = $("li.kwadr_sel a").parent().attr("id");
  
  classname = replaceString('kwadr_','',classname);
  classname2 = replaceString('kwadr_','',classname2);
  
  classname = parseInt(classname);
  classname2 = parseInt(classname2);
  
  przewin(classname);
  
return false;
});
		
$("li.praca").live("click",function()
{
  var classname = $(this).attr("id");
  var classname2 = $("li.kwadr_sel a").parent().attr("id");
  
  classname = replaceString('pracka_','',classname);
  classname2 = replaceString('kwadr_','',classname2);
  
  classname = parseInt(classname);
  classname2 = parseInt(classname2);
  
  przewin(classname);
  
return false;
});
//prel('#pracka_1',function(){});
prelon(1,lacznie);
//prelon(1,lacznie);

});