/**
 *    JavaScript functions
 *    Copyright 2010 Czechdesigners s.r.o & Jan Jarcik
 *
 *
 */
    
background_color_dark   = "#1F1A17";
background_color_ligh   = "#FFFFFF";

portfo_blok_bgr_color   = "black";

color_purpurova         = "#FF0097";          

// iniciliaze jestli je stranka ztmavena nebo ne 
page_is_darker          = false;

// portfolio - pole urcuje jestli se obsah zobrazi nalevo nebo napravo od vyberu
// TRUE = nalevo, FALSE = napravo
small_content_block_pos = Array(true, false, true, false, true);

// ktera kategorie v portfoliu je otevrena (0 = nic, jinak 1 - 5)
activ_box_open   = 0;

// ktera polozka z kategorie portfolia je otevrena (0 = nic)
activ_order_open = 0;

// odkaz - span na posledni otevreny projekt - respektive polozka v menu - zustane svitit
var last_open_project_span;

// je otevreny obrazek s nahledem?
var is_open_big_image = false

// seznam pro next a previous obrazku pro galerii
var image_list = Array();
var image_list_popis = Array();

// cislo prave zobrazeneho obrazku galerie
var image_list_view = 0;

var actuall_bgr = "";

// po nacteni obsahu stranky
$(document).ready(function(){
  
  // zmena pozadi automaticky podle cookies
  if ($.cookie("cook_background_color")) {
    if ($.cookie("cook_background_color") == "black") {
      change_bg_color(background_color_dark,1);
    } 
  }
  
  // zmena pozadi na svetlou po kliknuti
  $("#bgr_box_changer_w").click(function(){
      change_bg_color(background_color_ligh,"fast");
      $.cookie("cook_background_color", 'white', {path: '/', expires: 10});    
  })
  
  // zmena pozadi na tmavou po kliknuti
  $("#bgr_box_changer_b").click(function(){
      change_bg_color(background_color_dark,"fast");
      $.cookie("cook_background_color", 'black', {path: '/', expires: 10});
  })
  
  // zobrazeni obsahu kategorie - hlavnich textu
  $("#port_folio_text1,#port_folio_box1").mouseover(function(){
      
      portfolio_show_panel(1);
  })
  
  $("#port_folio_text2,#port_folio_box2").mouseover(function(){
      portfolio_show_panel(2);
  })
  
  $("#port_folio_text3,#port_folio_box3").mouseover(function(){
      portfolio_show_panel(3);
  })
  
  $("#port_folio_text4,#port_folio_box4").mouseover(function(){
      portfolio_show_panel(4);
  })
  
  $("#port_folio_text5,#port_folio_box5").mouseover(function(){
      portfolio_show_panel(5);
  })

  // skryti obsahu kategorie - hlavnich textu
  $("#port_folio_text1,#port_folio_box1").mouseout(function(){
      portfolio_hidde_all_panel();
  })
  
  $("#port_folio_text2,#port_folio_box2").mouseout(function(){
      portfolio_hidde_all_panel();
  })
  
  $("#port_folio_text3,#port_folio_box3").mouseout(function(){
      //portfolio_hidde_all_panel();
  })
  
  $("#port_folio_text4,#port_folio_box4").mouseout(function(){
      portfolio_hidde_all_panel();
  })
  
  $("#port_folio_text5,#port_folio_box5").mouseout(function(){
      portfolio_hidde_all_panel();
  })
  
    
  // panel s obsahem ktery je zobrazen po vyberu polozky z kategorie muzeme 
  // zavrit kliknutim na krizek, (drive po opusteni mysi)
  // $("#small_content_block").mouseleave(function(){
  $("#small_content_block_cross").click(function(){ 
      activ_box_open = 0;
      portfolio_hidde_all_panel();
      $("#small_content_block").css("display","none");
      
      // zesvetlit pozadi
      darker_lighter_body(false); 
  })

  revitalization();
  
  // centrovani stredu stranek a dalsi upravy relativni k velikosti okna
  // prohlizece
  setCorrectElementsPosition();
    
});


// po zmene velikosti okna
$(window).resize(function(){
	  setCorrectElementsPosition();
});


function setCorrectElementsPosition() {
	
  mySetToCentrum("body_of_page");
  mySetToCentrum("big_image");
  $("#body_darker").css ("height",$(window).height());	                 
  content2Position(); 
  setGalleryControlPanelPosition();
}

// na strance port-folio zobrazeni panelu po najeti na hlavni text
function portfolio_show_panel(id){
  
  // pokud je otevřené okno tak se nic nebude dít
  if (activ_box_open != 0) {
    return;
  }


  // skryje vsechny ostatni panely
  portfolio_hidde_all_panel();



  text_big   = "#port_folio_text" + id;
  box        = "#port_folio_box" + id;
  text_box   = "#port_folio_text_box" + id;

  $(last_open_project_span).css("color",color_purpurova);
  // a hover efekt
          $(last_open_project_span).hover(
            function(){
              $(this).css('color', 'white');
            },
            function(){
              $(this).css('color', color_purpurova);
            });

  last_open_project_span = 0;
      

  // posouvavni hornich pravych a spodnich levych uvozovek
  quotes   = 0 - id * 107;
  $("#left_quote").css("background-position",quotes + "px 0px");
  $("#right_quote").css("background-position",quotes +"px 0px");
  
  
  $(text_big).css("background-position","0px 0px");
  $(text_big).css("z-index","2");

  // zobrazime prekryvaci box s textem
  $(box).css("z-index","3");
  $(text_box).css("display","block");
  $(text_box).css("z-index","4");


}

function portfolio_hidde_all_panel(){
  
  for (p = 1; p<=5;p++){
    
    if (activ_box_open == p) {
      continue;
    }
    
    box      = "#port_folio_box" + p;
    text_box = "#port_folio_text_box" + p;
    text_big = "#port_folio_text" + p;
        
    
    $(text_big).css("background-position","0px -83px");
    $(text_big).css("z-index","1");

    $(box).css("z-index","0");
    $(text_box).css("display","none");
    
  }
  
  // pokud je otevrenej panel s obsahem tak uvozovky nemenime
  if (activ_box_open == 0) {
    $("#left_quote").css("background-position", "0px 0px");
    $("#right_quote").css("background-position","0px 0px");
  }
    
  
  if (page_is_darker) {
      page_lighter();
  }
  
}

// funkce pro vycentrovani do stredu obrazovky
function mySetToCentrum(element){
  
  setPosition2CenterWidth(element);
  setPosition2CenterTop(element);
 
}

function setPosition2CenterTop(element){
    var WHeight = 100/$(window).height();
    elementH = $("#" + element).height();
    elementHPosition = (WHeight*(($(window).height() / 2) - elementH/2)) + "%";

    // IE 6
    if ($.browser.msie && $.browser.version.substr(0,1)<7) {
     $("#"+element).css("position","absolute");
    } else {
      $("#"+element).css("position","fixed");
    }

    $("#"+element).css("top",elementHPosition);
}

function setPosition2CenterWidth(element){
    var WWidth  = 100/$(window).width();
    elementW = $("#" + element).width();
    elementWPosition = (WWidth* (($(window).width() / 2) - elementW/2 )) + "%";

    $("#"+element).css("position","fixed");
    $("#"+element).css("left",elementWPosition);
}

// stranka projekty - funkce pro nahodne umisteni
function mySetToRandom(element){
    
   // okraje za ktere se jiz nema objekt vykreslovat
   okraj_w_left  = 350;
   okraj_w_right = 350;
   okraj_h_top   = 50;
   okraj_h_bot   = 550;
   elementWPosition = okraj_w_left+Math.round(Math.random()*($(window).width() -okraj_w_right - okraj_w_left));
   elementHPosition = okraj_h_top +Math.round(Math.random()*($(window).height()-okraj_h_top - okraj_h_bot));
  
   $("#"+element).css("position","absolute");
   $("#"+element).css("left",elementWPosition);
   $("#"+element).css("top",elementHPosition);
     	
}

// stranka portfolio - zobrazit box s produkty
function show_small_content_block(kategorie, order, span_element,nadpis_text) {

  // nastav ktery okno je otevreny
  activ_box_open          = kategorie;
  activ_order_open        = order;

  the_small_content_block = $("#small_content_block");
  text_content            = $("#small_content_block_text");
  img_content             = $("#small_content_block_images");
  nadpis                  = $("#small_content_block_nadpis");

  
  the_small_content_block.css("display","none");
  darker_lighter_body(true); // true = darker
  
  // ziskama data o projektu pres Ajax
  $.getJSON("ajax.php?controller=project&language="+LANGUAGE+"&project_id="+order, function(v){
     // pokud je text nebo obrazky tak
     if (v.text != "" || v.products) {
     
      //nejprve oznacime polozku menu jako aktivni
      $(span_element).css("color","white");  
      
      
      if (last_open_project_span != span_element) {
          // nastavime puvodni css barvu
          $(last_open_project_span).css("color",color_purpurova);
          
          // a hover efekt
          $(last_open_project_span).hover( 
            function(){
              $(this).css('color', 'white');
            },
            function(){
              $(this).css('color', color_purpurova);
            });
      }
      
      // zrusime hover efekt u prave otevreno spanu
          $(span_element).hover( 
            function(){
              $(this).css('color', 'white');
            },
            function(){
              $(this).css('color', 'white');
            });
       
      
      last_open_project_span = span_element;
      
      //nastav nadpis
      nadpis.text(nadpis_text);
      
      // nastav text
      text_content.empty();
      text_content.append(v.text);

      // vyprazdni div s obrazky
      img_content.empty();

      // zobraz obrazky
      image_list[kategorie] = Array();
      image_list_popis[kategorie] = Array();
      
      for (var i in v.products) {
       img_id = "project_image_"+i;
       html   = "<div id = 'one_image_set_" + i + "'>" +
                " <div class = 'zoom_set' id = 'zoom_set" + i + "' onclick = 'showTheImage(\""+img_id+"\"," + i + ",\"" + v.products[i]["nazev"]+"\");'></div>" +
                " <img src = '" + v.products[i]["url"] + "' id = 'project_image_"+i+"' onmouseover = 'showImageControl("+i+")' onclick = 'showTheImage(\""+img_id+"\"," + i + ",\"" + v.products[i]["nazev"]+"\");' alt = '&nbsp;' />" +
                  getHtml2ImageControl(img_id, i)  + "</div>";
       
       img_content.append(html);

       add2ImageList(v.products[i]["url"],v.products[i]["nazev"], kategorie, i);

       setCorrectElementsPosition();

       $("#one_image_set_" + i).mouseleave(function(){
        hiddeImageControl();
       } );

       
        
      } 


     the_small_content_block.css("display","block");
     
      setCorrectElementsPosition();

      portfolio_hidde_all_panel();

     }
     
                                        
  });
   
}

/**
 *  Funkce umisti small_content_block na spravnou pozici
 *
 */  
function content2Position(){
      
      if (activ_box_open == 0) {
        return;
      }
      
      // div kterej se posouva
      the_small_content_block = $("#small_content_block");

      // div kterey je otevreny a ucuje pozici divu s obsahem
      box = $("#port_folio_box" + activ_box_open);
      
      // stredovy div vuci kteremu se vsechny divy orientuji
      the_body_of_page = $("#body_of_page");
      
      // vypocitame misto kde se zobrazi panel s obsahem
      position1  = box.position();
      position2  = the_body_of_page.position();

      roll_correct_top = $("#body_darker").position().top;
      

      // vlevo nebo vpravo?
      if ((small_content_block_pos[activ_box_open - 1]) == true) {      
          
          //levo
          position3 = -  the_small_content_block.width();
            
      } else {
         
         //napravo
        position3 = box.width(); 
      }
  
      if (!position1) position1 = 0;
  
      // misto kde se nachazi hlavni div stranky + od nej posunuty mensi box s polozkama + posun na levo nebo na pravo
      blok_position_x = position2.left + position1.left + position3;
      blok_position_y = position2.top  + position1.top - roll_correct_top;
      
      // posuneme blok na spravnou pozici
      the_small_content_block.css("left" , blok_position_x);    
      the_small_content_block.css("top",blok_position_y);

}


// true  = dark
// false = light
function darker_lighter_body(dark_or_light){

  $("#darker_1").css("background-color",actuall_bgr);
  if (dark_or_light) {
    $("#darker_1").css("display","block");
  } else {
    $("#darker_1").css("display","none");
  }


return;
  // -- ztmavnuti okoli --------------
  for (p = 1; p <= 5;p++) {
    
    if (p != activ_box_open) {
      
      box2      = $("#port_folio_box" + p);
      text_big2 = $("#port_folio_text" + p);
      
      box2.animate({opacity:the_opac},1);
      box2.css("opacity", the_opac);
      // spravne zakomentovano -
      //text_big2.animate({opacity:the_opac},1);
      
    }
  }   

}


// formulare
function contact_form_input(element, string){
    
    if (element.value == string) {
        element.value = "";
        return;
    }
    
    if (element.value == "") {
        element.value = string;
        return;
    }  
    
}

// zmena barvy pozadi - animace
function change_bg_color(color, speed){
      actuall_bgr = color;
      $("body").animate({backgroundColor: color}, speed);
      $("#darker_1").css("background-color",color);
      // aplikace na pozadi formularovych prvku v kontaktu
      if ($("#contact_input1")) {
        $("#contact_input1").animate({backgroundColor: color}, speed);
        $("#contact_input2").animate({backgroundColor: color}, speed);
        $("#contact_input3").animate({backgroundColor: color}, speed);
      }
      // Ulozime do SESSION zmenu barvy
    $.getJSON("ajax.php?controller=bgchange&color="+color.substr(1), function(v){});
}

function showImageControl(order) {
  //hiddeImageControl();
  panel_id = "#control_panel_" + order; 
  //$(panel_id).show(0);
  $("#zoom_set"+order).css("display","block");
  


}

function hiddeImageControl() {

  i = 0;
  //alert ("test");
  // dokud existuji elementy
  $(".zoom_set").css("display","none");    
  while ($("#control_panel_" + i).length != 0){
    //panel_id = "#control_panel_" + i;
    //$(panel_id).hide(0);    
    $("#zoom_set"+i).css("display","none");
    if ($("#zoom_set"+(i+1))){
        $("#zoom_set"+(i+1)).css("display","none");
    }
    
    i++  
  }
   
 
}

// stranka projekty a portfolio
function getHtml2ImageControl(img_id, order) {
  
  html = "<div id = 'control_panel_" + order + "' class = 'control_panel' ></div>";
  return html;

}



// stranka projekty
var last_element;
function setHigherZindex(element_id,last_index){

    if (last_element) {
        $(last_element).css("z-index",last_index);

    }    
    
    last_element = element_id;

    $(element_id).css("z-index",max_z_index_is);    
}

function showTheProjectImages(kategorie, image_id,order,popis){
    activ_box_open = kategorie;
    showTheImage(image_id, order, popis);
}


function revitalization(){
    
    t = setTimeout("revitalization()",500);
    content2Position();

}