var klik_x = 0;//kde user kliknul x
var klik_y = 0;//kde user kliknul y
var scroll = 0;//kolik px je odrolovano od vrsku stranky
var cas_akt_zmena = 5000;
var obr_max_w = 800;//max sirka a vyska detailu obrazku v galerii
var obr_max_h = 600;
var ucho_id = 1;//
var reklama_div = 'div_panel_reklama';//div ve kterem jsou obrazky, ktere chci stridat

$(document).ready(function() 
{ 
  reklama_start();
  $(".corner3").corner("3px");
  $(".panel_hlavicka").corner("3px");
  $(".div_panel").corner("3px");
  //if(!$.browser.msie)
  $(".div_horni_menu a").corner("3px");
  if(!$.browser.msie)$(".sidebarmenu li").corner("3px");
  
  
  //$("#div_hledej_obal").corner("bottom 3px");
  
  
  
  //$("#panel_obsah_anketa").html('');
  //alert(1);
  //prubezne hlidani pozice mysi pro zborazeni detailu zbozi
  $(document).bind('mousemove',function(e){ klik_x = e.pageX; klik_y = e.pageY;
  //scroll = $(document).scrollTop();
  });
  
  $("#strankaobal").everyTime(cas_akt_zmena,'timerlbl', akt_timer) ;//střídání aktualit
  $("#div_panel_reklama").everyTime(cas_akt_zmena, prolinacka) ;  
  detail_aktivuj();//zvetsovani obrazku ne odkazem ale js
  
  //odkazy u seznamu zbozi - objednava se podle id dokumentu
  $("#ucho_1").bind("click", function(e){ucho_prepni(this)});
  $("#ucho_2").bind("click", function(e){ucho_prepni(this)});
  $("#ucho_3").bind("click", function(e){ucho_prepni(this)});

 //odkazy pro hozeni do kose u septiku a jimek
 $(".a_zbozi_nadpis_septiky").bind("click", function(e){
    klik_x = e.pageX;
    zbozi_id_detail(this);
    return false;//zaraz otevreni odkazu 
  });

  //odkazy na vykresu - objednava se podle objednaciho cisla zbozi
  $(".a_mapa").bind("click", function(e){
    zbozi_detail(this);
    return false;//zaraz otevreni odkazu 
  });
  
  $(".a_gal_velky").bind("click", function(e){
    obrazek_detail(this);
    return false;//zaraz otevreni odkazu 
  });


  

  //$("#div_plocha_obsah").corner();  
  
  //mainmenu();//dropdown menu - nutne pro IE

});



var arr_reklama = [];//seznam id banneru reklamy

function reklama_start(){
  var citac = 0;
  $("#div_panel_reklama img").each(function (i){
    var id = 'minib_' + citac;
    arr_reklama.push(id);
    $(this).attr('id',id);
    $(this).css('display','block');
    $(this).css('z-index',(citac + 10));
    //if(citac == 0)$(this).css('display','none');
    citac ++;
  });
  var id_ukaz = Math.max(0,arr_reklama.length - 2);
  $("#minib_" + (id_ukaz)).css('display','block');
}

function prolinacka(e){
  //střídání obrázků v banneru  
  
  var pocet = arr_reklama.length;
  if(pocet < 2)return;
  var id_ukaz = arr_reklama[pocet - 1];
  var poradi_schovej = Math.max(0,arr_reklama.length - 2);
  //$("#" + id_ukaz).fadeIn(1500);
  $("#" + id_ukaz).css({'display':'block','opacity':'0'});
  $("#" + id_ukaz).animate({'opacity': 1},500 );
  $("#" + id_ukaz).css('display','block');
  
  var id_schovej = arr_reklama[0];//schovam 1. pak se prehodi navrch
  //alert(id_schovej);
  $("#" + id_schovej).css('display','none');
  arr_reklama.push(arr_reklama.shift());
  for(var i=0;i<arr_reklama.length;i++)$("#" + arr_reklama[i]).css('z-index',(i + 10));

  //var puv = $("#jedem").html();
  //$("#jedem").html(puv + "<br>" + arr_reklama.join("_"));
  //$("#jedem").html(puv + "<br> ukaz schovej  " + id_ukaz + "  " + id_schovej);
}

function sav_prolinacka(e){
  //střídání obrázků v banneru  
  
  var pocet = arr_reklama.length;
  if(pocet < 2)return;
  var id_ukaz = arr_reklama[pocet - 1];
  var poradi_schovej = Math.max(0,arr_reklama.length - 2);
  var id_schovej = arr_reklama[poradi_schovej];
  $("#" + id_schovej).css('display','none');
  for(var i=0;i<arr_reklama.length;i++)$("#" + arr_reklama[i]).css('z-index',(i + 10));
  //$("#" + id_ukaz).fadeIn(1500);
  $("#" + id_ukaz).css({'display':'block','opacity':'0'});
  $("#" + id_ukaz).animate({'opacity': 1},2000 );
  arr_reklama.push(arr_reklama.shift());
  var puv = $("#jedem").html();
  $("#jedem").html(puv + "<br>" + arr_reklama.join("_"));
  //$("#jedem").html(puv + "<br> ukaz schovej  " + id_ukaz + "  " + id_schovej);
}

function akt_timer(e){
  //automatické přepínání aktualit  
    //alert('akt_timer');
    ucho_id ++;
    if(ucho_id == 4)ucho_id = 1;
    var id = 'ucho_' + ucho_id;
    prepnuti_ucha(id);
    //$.get("jquery.php", { akce: 'ucho_zprava',ucho: id}, zprava_zobraz , "json");
}


function prepnuti_ucha(id){
    $.get("jquery.php", { akce: 'ucho_zprava',ucho: id}, zprava_zobraz , "json");
}

function ucho_prepni(el){
    //prepnuti ucha vyvolane userem kliknutim na zalozku
    //pri rucnim prepnuti shodim automaticke stridani aktualit
    $("#strankaobal").stopTime('timerlbl', akt_timer) ;//střídání aktualit
    var id = $(el).attr('id');
    //id maji tvar ucho_1 ucho_2 a ucho_3
    var d = id.split('_');
    ucho_id = d[1]; //do promenne si ulozim jen cislo
    //alert(parseInt(id));
    prepnuti_ucha(id);
}


function zprava_zobraz(data){
  //zobrazení zprávy
     
    $("#ucho_" + ucho_id).attr('src','img/ucho_' + ucho_id + '_akt.jpg');
    if(ucho_id == 1)
    {
      $("#ucho_2").attr('src','img/ucho_2_neakt.jpg');  
      $("#ucho_3").attr('src','img/ucho_3_neakt.jpg');
    }
    if(ucho_id == 2)
    {
      $("#ucho_1").attr('src','img/ucho_1_neakt.jpg');  
      $("#ucho_3").attr('src','img/ucho_3_neakt.jpg');
    }
    if(ucho_id == 3)
    {
      $("#ucho_1").attr('src','img/ucho_1_neakt.jpg');  
      $("#ucho_2").attr('src','img/ucho_2_neakt.jpg');
    }

  $("#a_hl_akt_detail").attr('href','index.php?f=' + data.href_detail );
  $("#div_ucha_plocha").html(data.zprava);    
}



function detail_aktivuj(){
  //odkaz nahradi zvetsenim js 
  //musi se volat i po nacteni pomoci json 
  $(".a_detzbozi_zvetsi").bind("click", function(e){
    obrazek_detail(this);
    return false;//zaraz otevreni odkazu 
  });       
  $("#img_do_kose").bind("click", function(e){
    hod_do_kose();
    return false;//zaraz otevreni odkazu 
  });
}



function mlha_nastav(opacity){
  $("#div_plocha_obsah").fadeTo(400,opacity);
  $("#strankahlavicka").fadeTo(400,opacity);
}


// function obrazek_detail(el)
// {
//  //zobrazeni detailu obrazku
//  //nejprve nastavim fci, ktera po naloadovani obrazek ukaze
//  //alert(url);
//   //alert(url); 
// //$("#detail_velikost").fadeOut("slow");
//   $('#img_close').fadeOut(1);
//   var url = $(el).attr('href');
//   var offset_klik = $(el).offset();
//   //alert(url);
//  $("#img_detail").one("load",function(){
//    
//    
//    var w = this.width + "px";
//    var h = this.height + "px";
//    //alert(w);
//    var div = $('#div_obr_detail');//div ve kterem obrazek lezi
//    var screen_w = $(window).width();
//    //alert(screen_w);
//    div.css('left',(screen_w - this.width)/2);//vycentruj
//    var offset = $(this).offset();
//     //alert(offset_klik.top + "____" + offset.top);
//    //alert($("#nav").offset().top);
//    //div.css('top',30);//vycentruj na vysku
//    div.css('top',offset.top+10);//vycentruj na vysku
//    //div.css('left',offset.top+10);//vycentruj na vysku
//    div.css('width',w);//rozmeny divu nastav podle velikosti obrazku
//    div.css('height',h);
//    
//    div.fadeIn(500);
//    //alert("loaded");
//    $('#img_detail').fadeIn("slow");
//    //$('#obr_detail').fadeIn("slow");//ukaz ho
//    $('#img_detail').one("click",function(e){
//    //if($.browser.msie && (parseInt($.browser.version) == 5 || parseInt($.browser.version) == 6)) $(".detail_velikost").fadeIn("slow");
//    $('#div_obr_detail').fadeOut("slow")});//na kliknuti ho schovej
//  });
//  $('#img_detail').attr('title','Kliknutím obrázek zavřete');
//  $('#img_detail').attr('src',url);//nacti obrazek  
//  //window.status = url;
//  
//  
// }

function nastav_pozici(div)
{
  var x = klik_x + 50;
  var y = klik_y + 20;//+ 20 + scroll;
  if(klik_x > 600) x = klik_x - 460;
  //$(div).css({left:x, top:y});
  $(div).css({display:"block",left:x, top:y});
  //$(div).css('display','block');
  //alert("klik_x =  " + klik_x);  
}

function kategorii_vyber(){
  var kat = $("#select_vyrobek option:selected").attr('value');
  location.replace("index.php?f=" + kat);
  
  
}

function detail_skryj()
{
  //schovani detailu zbozi
  $("#div_zbozi_detail").fadeOut("slow");
  mlha_nastav(1);//rosvit zbytek stranky
}



function mainmenu(){
$(" #nav ul ").css({display: "none"}); // Opera Fix
$(" #nav li").hover(function(){
		$(this).find('ul:first').css({visibility: "visible",display: "none"}).show(400);
		},function(){
		$(this).find('ul:first').css({visibility: "hidden"});
		});
}





function DrawBackground() 
{	
	//$("#mnu_zalozky").backgroundCanvasPaint(menu_zalozky);
	//if(!$.browser.msie)
  $("#strankaobal").backgroundCanvasPaint(stiny);
	
}

function menu_zalozky(context, width, height, canvas, $canvas, $canvasDiv, $content, $element ) 
{
		// process each list element and draw a tab shape
		//return;
    $element.find("li").reverse().each(
		function(){
		     $this = $(this);
		     var offsetParent = $content.offset();
		     var offset = $this.offset({relativeTo:$content[0]});
		     var width = $this.outerWidth();
		     var height = $this.outerHeight();
		     var options = {x: offset.left - offsetParent.left , height: height, 
		     width: width , offsetLeft: 0, offsetRight: 0, radiusLeft: 7, radiusRight: 7,
		     border:0};
		     
		     
		     var grad_modry = context.createLinearGradient(0, 0, 0, height-5);
          grad_modry.addColorStop(0.1 ,'rgba(255, 5, 5, 0.2)');
          //grad_modry.addColorStop(0.1 ,'#005AAD');
          
          grad_modry.addColorStop(1, 'rgba(25, 55, 255, 0.2)');
          //grad_modry.addColorStop(0.8, '#00006B');
          var grad_cerveny = context.createLinearGradient(0, 0, 0, height-5);
          grad_cerveny.addColorStop(0.2 ,'#FFFFFF');
          grad_cerveny.addColorStop(1, '#C43E2B');
		     
		     //context.fillStyle = "#9999CC";  // Border Color
		     		     //context.fillStyle = "white";  // Border Color
		     $.canvasPaint.roundTab(context,options); 
		     options.border = 1;
         //grad_modry.alpha = 0.2;                 
		     if($(this).attr("class") == "sel")
		     {
          context.fillStyle = grad_cerveny;
         }else{
          context.fillStyle = grad_modry;
         }
         
		     $.canvasPaint.roundTab(context,options);                  
		      //var options = {x:0,y:22, height: 1, width: width, radius:0,  border: 1 };  
          //var options = {x: offset.left - offsetParent.left , height: 1, width: width ,  border:1};
          //context.fillStyle = "#3333FF";  
          //$.canvasPaint.roundedRect(context,options);
          //$.fillRect(0,0,20,20);  
         }); 
}

function stiny(context, width, height, canvas, $canvas, $canvasDiv, $content, $element ) 
{
  

  var s = 15;
  var sd = 15;
  var max_alpha = 0.2;
  var min_alpha = 0.08;
  var c_start = 'rgba(0,0,0,0)';
  var c_stop = 'rgba(0,0,0,'+ max_alpha +')';
  
  
  var c_start = 'rgba(0,0,0,0)';
  var c_start2 = 'rgba(0,0,0,'+ min_alpha +')';
  var c_stop = 'rgba(0,0,0,'+ max_alpha +')';
  var top_h = 150;
  var roh_stop = 0.44;
  var tlc = 5;
  //context.fillStyle = "rgba(212,228,241,1)";
  //context.fillRect(s,s,width-2*s,top_h);
  
  //context.fillStyle = "rgba(255,255,255,1)";
  //context.fillRect(s+tlc,top_h+ s ,width-2*s-2*tlc,height-top_h-2*s-tlc);
  var sh_top = false;
  var sh_left = true;
  var sh_right = true;
  var sh_bottom = true;

//horni stin

  if(sh_top)stin_tb('T');
  if(sh_bottom)stin_tb('B');
  if(sh_left)stin_lr('L');
  if(sh_right)stin_lr('R');
  
  //return;
  
  function stin_tb(kde)
  {
    //alert(222);
    var x_start = sh_left ? s : 0;
    var x_width = width;
    if(sh_left) x_width = x_width - s;
    if(sh_right) x_width = x_width - s;
    if(kde == 'T')
    {
      var y_start = 0;
      var y_height = s;
    }else{
      var y_start = height-s;
      var y_height = height;
    }

    var grad = context.createLinearGradient(0,y_start,0,y_height);
    if(kde == 'T')
    {
      grad.addColorStop(0, c_start);
      grad.addColorStop(1, c_stop);
    }else{
      grad.addColorStop(0, c_stop);
      grad.addColorStop(1, c_start);
    }
    context.fillStyle = grad;
    context.fillRect( x_start,y_start,x_width,y_height);
  }
  
  
  function stin_lr(kde)
  {
    var y_start = sh_top ? s : 0;
    var y_height = height;
    if(sh_top) y_height = y_height - s;
    if(sh_bottom) y_height = y_height - s;
    if(kde == 'L')
    {
      var x_start = 0;
      var x_stop = s;
    }else{
      var x_start = width-s;
      var x_stop = width;
    }
    var grad = context.createLinearGradient(x_start,0,x_stop,0);
    if(kde == 'L')
    {
      grad.addColorStop(0, c_start);
      grad.addColorStop(1, c_stop);
    }else{
      grad.addColorStop(0, c_stop);
      grad.addColorStop(1, c_start);
    }
    context.fillStyle = grad;
    context.fillRect( x_start,y_start,x_stop,y_height);
  }
// ;
// 
if(sh_top && sh_left)
{
  //horni stin
  
  
  //levy horni roh
  var grad = context.createLinearGradient(0,0,s,s);
  grad.addColorStop(0, c_start);
  grad.addColorStop(roh_stop, c_start);
  grad.addColorStop(1, c_stop);
  context.fillStyle = grad;
  context.fillRect( 0, 0,  s,s);

  //pravy horni roh
  var grad = context.createLinearGradient(width,0,width-s,s);//(width,0,width-s,s);
  grad.addColorStop(0, c_start);
  grad.addColorStop(roh_stop, c_start);
  grad.addColorStop(1, c_stop);
  context.fillStyle = grad;
  context.fillRect( width-s, 0,  width,s);
}

if(sh_left && sh_bottom)   
{
  //levy dolni roh
  var grad = context.createLinearGradient(0,height,s,height-s);
  grad.addColorStop(0, c_start);
  grad.addColorStop(roh_stop, c_start);
  grad.addColorStop(1, c_stop);
  context.fillStyle = grad;
  context.fillRect( 0, height-s,s,height);

  //pravy dolni roh
  var grad = context.createLinearGradient(width,height,width-s,height-s);
  grad.addColorStop(0, c_start);
  grad.addColorStop(roh_stop, c_start);
  grad.addColorStop(1, c_stop);
  context.fillStyle = grad;
  context.fillRect(width-s,height-s,width,height);
}
 


}


function stin_strana(kde,width,height,c_start,c_stop,context)
{
  if(kde == 'L') var grad = context.createLinearGradient(0,0,s,0);
  
  grad.addColorStop(0, c_start);
  grad.addColorStop(1, c_stop);
  context.fillStyle = grad;
  
  if(kde == 'L')context.fillRect( 0, 0,  s,height-s);



//   var grad = context.createLinearGradient(0,height-s,0,height);
//   grad.addColorStop(0,c_stop );
//   grad.addColorStop(1, c_start);
//   context.fillStyle = grad;
//   context.fillRect( s, height-s,width-2*s, height);
      
}

function mys_over_nastav(nazev)
{
  //zmena ikony pri prejeti mysi
  var id = "#a_" + nazev;
  var src =  "img/" + nazev + ".png"
  var src_akt =  "img/" + nazev + "_akt.png"
  $(id).bind("mouseover", function(e){$(id).attr("src",src_akt);});
  $(id).bind("mouseout", function(e){$(id).attr("src",src);});
}


function obrazek_detail(el)
{
 //zobrazeni detailu obrazku
 //nejprve nastavim fci, ktera po naloadovani obrazek ukaze
  $('#img_close').fadeOut(1);
  $('#img_detail').css('display','none');//schovej minuly obrazek
  var offset_klik = $(el).offset();
  var name = $(el).attr('name');//v name mam rozmery obrazku bez toho nejde vycentrovat v IE
  var wh = name.split("_");
  if(wh.length == 2)//v name je jen w a h obrazku
  {
    var url = $(el).attr('href');
    var w = wh[0];
    var h = wh[1];

  }else if(wh.length == 3){//v name mam i id obrazku, pouziju skript pro zmenseni obrazku
    var w_orig = wh[0];
    var h_orig = wh[1];
    //alert(w_orig + "__" + obr_max_w);
    //var scale_x = w_orig/obr_max_w;
    //var scale_y = h_orig/obr_max_h;
    //if(scale_x > 1 && scale_y > 1)
    
    var scale = Math.max(h_orig/obr_max_h,w_orig/obr_max_w);
    if(scale > 1)
    {
      var w = Math.round(w_orig/scale);
      var h = Math.round(h_orig/scale);
    }else{
      var w = w_orig;
      var h = h_orig;
    }
    //alert(scale + " w = " + w +  " h = " + h);
    var url = 'img_nahled.php?id_obrazku=' + wh[2] + '&w=' + w + '&h=' + h;
    //alert(url); 
  }
  
  var div = $('#div_obr_detail');//div ve kterem obrazek lezi
  var screen_w = $(window).width();
  var screen_h = $(window).height();
  var w_div = parseInt(w) + 2;
  var h_div = parseInt(h) + 2;
  var start_left = (screen_w - 100)/2;
  var start_top = (screen_h - 100)/2;
  var css_start = {left: start_left,top: start_top,display:'block',width: 100, height:100 };
  $(div).css(css_start);
  var stop_left = (screen_w - w)/2;
  var stop_top = (screen_h - h)/2;
  if(stop_top <10)stop_top = 10;
  $(div).animate({ 
        width: w_div,
        height: h_div,
        left:stop_left,
        top:stop_top
      }, 600 );
    //div.css('width',w);//rozmeny divu nastav podle velikosti obrazku
   //div.css('height',h);
   
   $('#img_wait').fadeIn("slow");
   //$('#img_wait').css('top',h/2);
   //$('#img_wait').css('left',w/2 -15);
  
 $("#img_detail").one("load",function(){
   
   $('#img_wait').css('display','none');
   $('#img_detail').fadeIn("slow");
 });
 $('#img_detail').attr('title','Kliknutím obrázek zavřete');
 $('#img_detail').attr('src',url);//nacti obrazek  
}




function schovej(el)
{
  //schovani detailu obrazku
  $('#div_obr_detail').fadeOut(300);
  //$(el).fadeOut("slow");
}

function flash_reklama()
{
  if(reklama_ukaz != "A")return;
  //alert(reklama_url);
  //var url = "http://localhost/dyntec/reklama.swf"
  var r_w = 596;
  var r_h = 420;
  var div = $('#div_obr_detail');//div ve kterem obrazek lezi
  var screen_w = $(window).width();
  div.css('left',(screen_w - r_w)/2);//vycentruj
  div.css('top',80);//vycentruj na vysku
  div.css('width',r_w);//rozmeny divu nastav podle velikosti obrazku
  div.css('height',r_h);
  div.fadeIn("slow");
  $('#img_close').fadeIn(1);
  $('#div_obr_detail').flash(
    { src: reklama_url,
      width: r_w,
      name: 'banner',
      wmode:'transparent',
      height: r_h},
    { update: false }
  );
 $('#img_close').one("click",function(e){
   $('#div_obr_detail').fadeOut("slow");
   
   });//na kliknuti ho schovej
   
}