$(document).ready(function() 
{ 
	flash_reklama();
	//if($("#dokument").height() < 400)$("#dokument").css('height',400);
  $(".a_gal_velky").bind("click", function(e){
    obrazek_detail(this);
    return false;//zaraz otevreni odkazu 
  });

  //$("#mnu_zalozky").backgroundCanvas(); 
  mainmenu();//dropdown menu - nutne pro IE
  
  if(!$.browser.msie)
  {
    $("#div_body_2").backgroundCanvas();
  }else{
    $("#dokument_obal").css('border-right','5px solid #D4E4F1');
    $("#dokument_obal").css('border-left','5px solid #D4E4F1');
    $("#dokument_obal").css('border-bottom','5px solid #D4E4F1');
  }
   
  $(".flag").each(function(i){
    //alert($(this).attr('name'));
    var src_puv = $(this).attr('src');
    var src_over = 'img/' + $(this).attr('name') + '_aktiv.png';
    $(this).bind("mousemove", function(e){$(this).attr("src",src_over);});//nastav vysvic obrazek  
    $(this).bind("mouseout", function(e){$(this).attr("src",src_puv);});//vrat puvodni
  });

});


$(window).load(function () { 
  if($("#dokument").height() < 400)$("#dokument").css('height',400);//pokud je kratky dokument, natahni delku stranky umele
DrawBackground(); });
$(window).resize(function() { DrawBackground(); });



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)$("#div_body_2").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 ) 
{
  
//   $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 s = 35;
  var max_alpha = 0.2;
  var min_alpha = 0.1;
  var c_start = 'rgba(0,0,0,0)';
  var c_stop = 'rgba(0,0,0,'+ max_alpha +')';
  
//   var grad = context.createLinearGradient(200-s,80-s,200,80);
//   grad.addColorStop(0,c_start );
//   grad.addColorStop(1, c_stop);
//   context.fillStyle = grad;
//   
//   //context.strokeStyle = 'rgba(0,0,0,' + alpha + ')';
//   var u1 = (Math.PI/180)*0;
//   var u2 = (Math.PI/180)*60;
// 
//   context.arc(200,40,s,u1,u2, true);
//   context.fill();
  
  
  // draw shapes
  //kulaty_roh(s,s,s,'LT',context);
  //kulaty_roh(s,width-s,s,'RT',context);
  //kulaty_roh(s,s,height-2*s,'LB',context);
  //kulaty_roh(s,width-2*s,height-2*s,'RB',context);
  //alert("aa");
  //return;
  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);
  
//horni stin
   var grad = context.createLinearGradient(0,0,0,s);
  grad.addColorStop(0, c_start);
  grad.addColorStop(1, c_stop);
  context.fillStyle = grad;
  context.fillRect( s, 0, width-2*s, s);

  //dolni stin
  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);



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



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


  //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);
  
  //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( s, height,0,height-s);
  context.fillRect( 0, height-s,s,height);
// 
//   //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,s);
  context.fillRect( width-s, 0,  width,s);
// 
  //pravy dolni roh
  var grad = context.createLinearGradient(width,height,width-s,height-s);//(width,0,width-s,s);
  grad.addColorStop(0, c_start);
  grad.addColorStop(0.45, c_start);
  grad.addColorStop(1, c_stop);
  context.fillStyle = grad;
  context.fillRect(width-s,height-s,width,height);

  //context.fillStyle = "rgba(0,0,220,1)";
  //contextstrokeStyle
  context.strokeStyle = "rgba(212,228,241,0.6)";
  
  context.lineWidth = tlc; 
  context.beginPath();
  context.moveTo(s+tlc/2,top_h);
  context.lineTo(s+tlc/2,height-s+tlc/2);
  context.lineTo(width-s-tlc/2,height-s+tlc/2);
  context.lineTo(width-s-tlc/2,top_h);
  context.stroke();
  //alert(height);
         
      
}

// function kulaty_roh(s,x,y,kde,context){
//   if(kde == 'RB')//right bottom
//   {
//     var u1 = 0;
//     var u2 = (Math.PI/180)*90;
//   }
//   if(kde == 'LT')//left top
//   {
//     var u1 = (Math.PI/180)*180;
//     var u2 = (Math.PI/180)*270;
//   }
//   if(kde == 'RT')//right top
//   {
//     var u1 = (Math.PI/180)*270;
//     var u2 = (Math.PI/180)*360;
//   }
//   if(kde == 'LB')//left bottom
//   {
//     var u1 = (Math.PI/180)*90;
//     var u2 = (Math.PI/180)*180;
//   }
// 
//   context.beginPath();
//   var ma = 0.04;
//   for (i=0;i<s;i++)
//   {
//     var alpha = Math.round((ma - (i*ma/s))*100)/100;
//     //alert(alpha)
//     
//     context.strokeStyle = 'rgba(0,0,0,' + alpha + ')';
//     context.arc(x,y,i,u1,u2, false);
//     context.stroke();
//   }
         
//}

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
 //alert(url);
  //alert(url); 
//$("#detail_velikost").fadeOut("slow");
  $('#img_close').fadeOut(1);
  var url = $(el).attr('href');
  var offset_klik = $(el).offset();
  var name = $(el).attr('name');//v name mam rozmery obrazku
  var wh = name.split("_");
  var w = wh[0];
  var h = wh[1];

 $("#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 - w)/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 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
   
}