var $j = jQuery.noConflict();
var ramkaDoZamkniecia=0;
function zamknijZawartoscRamki(){
  if(ramkaDoZamkniecia){
    $j("#zawartoscRamki").hide();
  }
}
$j(document).ready(
    function(){
        $j("#obrazek").hover(
            function(){
                $j("#zawartoscRamki").fadeIn();
            },
          function(){
            $j("#zawartoscRamki").hide();
          }
        );
        
        var zamowienie=$j('#zamowienie');
        zamowienie.submit(
          function(){
             t1=zamowienie.attr("action").split("\,\,");
             t2=t1[1].split(".");
             var link="index.php?typ=portfolio-wycena&id="+t2[0];
             $j.post(link,
                zamowienie.serialize(),
                    function(output){
                      zamowienie.html(output);
                    }
                );
              return false;
          }
        )
        var kontakt=$j('#kontaktForm');
        kontakt.submit(
          function(){
             t1=kontakt.attr("action").split("\,\,");
             t2=t1[1].split(".");
             var link="index.php?typ=kontakt-form&id="+t2[0];
             $j.post(link,
                kontakt.serialize(),
                    function(output){
                      kontakt.html(output);
                      obsluzFormKontakt();
                    }
                );
              return false;
          }
        )
        $j('#submeni li a').click(
          function(){
            $j('#submeni li').each(function(){$j(this).removeClass('akt')});
            $j(this).parent().addClass('akt');
            return false;
          }
        );
        $j("#meni li a").hover(
            function(){animuj(this);}
        );
        $j("#meni li a.akt").each(
            function(){ustaw(this)}
        );
        $j("#meni ul").hover(
            function(){},           
            function(){
                $j("#meni li a.akt").each(
                    function(){animuj(this)}
                )
            }
        );
        $j("#commentform input").each(
          function(){
            if($j(this).val()!=''){
              $j(this).next("label").css({left:"310px",opacity:"0.5"});
            }
            $j(this).next("label").css({opacity:"0.5"});
          }
        );
        $j("#commentform input").focus(
          function(){
            $j(this).next("label").animate({left:"310px",opacity:"1"});
          }
        );
        $j("#commentform input").blur(
          function(){
            if($j(this).val()==''){
              $j(this).next("label").animate({left:"5px",opacity:"0.5"});
            }
          }
        );
        $j("#nextProj").click(
          function(){
            podmienPortfolio($j(this).attr("rel"));
            return false;
          }
          ).hover(function(){$j("#zawartoscRamki").hide();});
        $j("#prevProj").click(
          function(){
            podmienPortfolio($j(this).attr("rel"));
            return false;
          }
        ).hover(function(){$j("#zawartoscRamki").hide();});
        $j('#pokWiecej').click(
          function (){
            if($j(this).attr('rel')=='opis'){
              $j("#zawartoscRamki").children("form").hide();
              $j("#wiecejOprojekcie").fadeIn();
              $j(this).text('Zamów wycenę podobnego projektu').attr('rel','formularz');
            } else {
              $j("#wiecejOprojekcie").hide();
              $j("#zawartoscRamki").children("form").fadeIn();
              $j(this).text('Więcej o tym projekcie...').attr('rel','opis');
            }
            return false;
          }
        );
        dodajLinkNoweOkno();
        obsluzGalerie();
        //obsluzFormKontakt();
    }
)
function dodajLinkNoweOkno(){
  $j('.linkNoweOkno').each(
    function(){
      $j(this).attr('target','_blank');
    }
  );
}
function animuj(elem){
    var pos=$j(elem).position();
    var szer=$j(elem).width();
    $j("#tloMeni").stop().animate({left:""+pos.left+"px", width:""+(szer+34)+"px"},"slow", "easeOutBounce");
}
function ustaw(elem){
    var pos=$j(elem).position();
    var szer=$j(elem).width();
    $j("#tloMeni").css({"left":pos.left+"px","width":(szer+34)+"px"});
}
function obsluzFormKontakt(){
  $j('#kontaktForm p input').focus(
      function(){
          $j(this).parent().children('span').css("height",$j(this).height()+50)
          $j(this).parent().children('span').css("background-image","url('3wm/obr/tlo-input-kontakt.gif')")
          $j(this).parent().children('span').fadeIn();
      }
  );
  $j('#kontaktForm p input').blur(
      function(){
          $j(this).parent().children('span').hide();
      }
  );
  $j('#kontaktForm p textarea').focus(
      function(){
          $j(this).parent().children('span').css("height",$j(this).height()+50)
          $j(this).parent().children('span').css("background-image","url('3wm/obr/tlo-textarea-kontakt.gif')")
          $j(this).parent().children('span').fadeIn();
      }
  );
  $j('#kontaktForm p textarea').blur(
      function(){
          $j(this).parent().children('span').hide();
      }
  );
}
function podmienPortfolio(projId){
  var galProj=$j("#galeria > h2");
  galProj.html("Trwa ładowanie, proszę o cierpliwość");
  var desProj=$j("#designProjektu");
  desProj.fadeOut("fast");
  $j.ajax({
      type: "GET",
      url:  'index.php?typ=portfolio-ajax&id='+projId,
      success: function(msg) {
          t=msg.split("|");
          $j("#zamowienie").attr('action',t[0]);
          t2=t[2].split('^');
          desProj.attr("title",t2[1]).css("visible","hidden");
          var obr=new Image();
          obr.src=t2[0];
          obr.onload=function(){
            desProj.attr("src",obr.src)
            desProj.fadeIn("slow");
            galProj.html(t[1]).fadeIn("slow");
          }
          t2=t[3].split('^');
          $j("#prevProj").attr("href",t2[0]).attr("title",t2[1]).attr("rel",t2[2]).text(t2[1]);
          t2=t[4].split('^');
          $j("#nextProj").attr("href",t2[0]).attr("title",t2[1]).attr("rel",t2[2]).text(t2[1]);
          $j("#zawartoscRamki .doPrawej").html(t[5]);
          $j("#wiecejOprojekcie").html(t[6]);
          $j("#nazwaDoMaila").val(t[7]);
          $j("#zamowienie").html(t[8]);
          dodajLinkNoweOkno();
      }
  }) ;
  
}


var pos=0;
function obsluzGalerie(){
        $j("#listaPlikow div a img").each(
            function(){
            	$j(this).ready(
            		function(){
            			//var tmp = new Image();
						//tmp.src = $j(this).attr("src");
            		}
            	)
				$j(this).parent().click(
					function(){
            podmienPortfolio($j(this).attr("rel"));
            return false;
						//$j("img#duzeZdjecie").attr("src",$j(this).attr("href"));
                        //tutaj będzie obsługa obsługa wgrywania odpowiedniego projektu do górenj ramki 
						//return false;
					}
				);
            }
        );
        dodajNextStr();
}
function dodajNextStr(){
    $j("a.akt#nextStr").click(
        function(){
            pos=pos+927;
            if(pos>$j("#listaPlikow div").width()){pos=0;} 
            if((pos+927)>$j("#listaPlikow div").width()){
                pos=$j("#listaPlikow div").width()-927;//(303+3+3)*3 długość obrazka plus marginesy razy ilość obrazków;
                $j("a.akt#nextStr").unbind("click");
                $j("a#nextStr").removeClass("akt");
            }
            if(!$j("a#prevStr").hasClass("akt")){
                $j("a#prevStr").addClass("akt");
                dodajPrevStr();
            }
            przesun();
            return false;
        }
    );
}
function dodajPrevStr(){
    $j("a.akt#prevStr").click(
        function(){
            pos=pos-927;
            if(pos<10){
                pos=0;
                $j("a.akt#prevStr").unbind("click");
                $j("a#prevStr").removeClass("akt");
            };
            if(!$j("a#nextStr").hasClass("akt")){
                $j("a#nextStr").addClass("akt");
                dodajNextStr();
            }
            przesun();
            return false;
        }
    );
}
var obliczone=0;
function przesun(){
    if(!obliczone){
        szer=0;
		$j("#listaPlikow a img").each(
			function(){
				szer=szer+309;//(301-2)(szer obrazka plus prawy margines);
			}
		);
        $j("#listaPlikow div").css("width",szer);
		obliczone=1;
	}
	if(szer>($j("#listaPlikow").width())){
        $j("#listaPlikow div").animate({left:"-"+pos+"px"},1500);
    }
}