// Place your application-specific JavaScript functions and classes here
// This file is automatically included by javascript_include_tag :defaults
function wroc(x) {/*{{{*/
    ikony = $$('img.'+x);
    n = 1;
    ikony.each(function(ik){
        src = ik.cumulativeOffset();
        dst = $(x+'_'+n).cumulativeOffset();
        relX = dst[0] - src[0];
        relY = dst[1] - 15 - src[1];
                    
        ik.visualEffect ('Move',{ x: relX, y: relY, mode: 'relative'});  
        n = n + 1;
    })

}/*}}}*/

function wyczysc_ikony(x) {/*{{{*/

    ikony = $$('#obrazki img');
    xs = x.split("_");

    ikony.each(function(ik){
       var id = ik.readAttribute('id');
       var name = id.split("_");

       if (name[0]+'_'+name[1] != xs[0]+'_'+xs[1]) {

         src = ik.cumulativeOffset();
         dst = $('pos_'+name[1]+'_'+name[2]).cumulativeOffset();
         relX = dst[0] - src[0] + 1;
         relY = dst[1] - src[1] + 1;
         ik.visualEffect ('Move', {x: relX, y: relY, mode: 'relative', duration: 0.2});  
         ik.style.border = '2px solid white';
       }
    })

    return true;
}/*}}}*/

function przelaczRamke(x) {/*{{{*/
   var xs = x.split("_");
   var ikony = $$('#obrazki img');

   ikony.each(function(ik){
     ik.style.border = '2px solid white';
   })

   var ik_wybrana = $(xs[0]+'_'+xs[1]+'_'+xs[2]);
   ik_wybrana.style.border = '2px solid #959599';
}/*}}}*/

function przeniesPost(x) {/*{{{*/
    var name = x.split("_");
    var ikony = $$('.'+name[0]+'_'+name[1]);
    var n = 1;
    var ramka = 1;
    ikony.each(function(ik){
        
        var id = ik.readAttribute('id');
        var src = ik.cumulativeOffset();
        var dstz = $('dst'+n);
        var dst = dstz.cumulativeOffset();
        relX = dst[0] - src[0] ;
        relY = dst[1] - src[1] ;
                    
        ik.visualEffect ('Move', {x: relX, y: relY, mode: 'relative'});  

        //przelaczRamke.delay(1, x);

        n = ++n;
    })
    return ramka;

}/*}}}*/

var wybrano = 0;

function przenies(x) {/*{{{*/
  var z = $('dst1').down('img');
  z.style.display = 'none';

  var name = x.split("_");
  var dy = 0;

  if (wybrano != name[1]) {
    dy = 1;
    wyczysc_ikony(x);
    ikony = $$('.'+name[0]+'_'+name[1]);

    switch(Math.floor((ikony.length - 1)/10)) {
      case 0:
        $('response').style.height = '32px';
        break;
      case 1:
        $('response').style.height = '64px';
        break;
      case 2:
        $('response').style.height = '96px';
        break;
      case 3:
        $('response').style.height = '128px';
        break;
    }

    przeniesPost.delay(0.1, x);
  }

  // czyscimy obrazek oraz tekst projektu
  $('i_large').src = '/images/white.jpg';
  $('result').style.display = 'none';


  przelaczRamke.delay(1, x);

  wybrano = name[1];

  new Ajax.Updater('result', '/get_opis_projektu', {method: 'get', parameters: {projekt: x, delay: dy, sekcja: name[3]}, evalScripts: true});
  var y = $(x);

}/*}}}*/

// case study
function wyczysc_case_study(x) {

}

function przeniesCS(x) {

}

function przeniesCaseStudy(x, y) {/*{{{*/
  wyczysc_case_study(x);
  przeniesCS.delay(0.1, x);
  new Ajax.Updater('result', '/get_opis_case_study', {method: 'get', parameters: {klient: x, dzial: y}, evalScripts: true});
    //przenies_post(x).defer();

}/*}}}*/