<?php

include("admin/fv/parameterek.php");
include("admin/fv/ab_csat.php");
include("fv/valtozok.php");
include("fv/dokumentumcsatolo.php");
include("fv/altalanos.php");



//megkapja egy galÃ©ria kÃ³djÃ¡t
//szÃ¡molja Ã¶ssze a galÃ©riÃ¡ban lÃ©vÅ‘ kÃ©peket, majd Ã©pÃ­tse fÃ¶l a galÃ©riÃ¡t

$galkod=$p["gid"]; //galÃ©ria kÃ³dja
if(isset($p["pid"])){ $kepkod=$p["pid"]; }else{ $kepkod=0; } //kÃ©p kÃ³dja

$sql="SELECT gal_nev, gal_datum FROM galeria WHERE gal_kod='".$galkod."'";
if(!$eredmeny=pg_query($sql)){ print "Hiba az adatok lekÃ©rdezÃ©se kÃ¶zben. KÃ³d: GL12A1"; exit(); }
$galsor=pg_fetch_row($eredmeny);

$sql="SELECT glk_csatdokurl, glk_csatdokfelirat, glk_csatdokcim, glk_csatdokleiras, glk_csatdokaltkep FROM galeriakepek WHERE gal_kod='".$galkod."' ORDER BY glk_kod";
if(!$eredmeny=pg_query($sql)){ print "Hiba az adatok lekÃ©rdezÃ©se kÃ¶zben. KÃ³d: GL12A2"; exit(); }
$i=0;
$kepek=array();
$maxkepekhossz=0;
while($sor=pg_fetch_row($eredmeny)){
    $kepek[$i]['url']=$sor[0];
    $kepek[$i]['fel']=$sor[1];
    $kepek[$i]['cim']=$sor[2];
    $kepek[$i]['lei']=$sor[3];
    $kepek[$i]['alt']=$sor[4];
    //list($kepek[$i]['width'], $kepek[$i]['height'], $kepek[$i]['type'], $kepek[$i]['attr'])=getimagesize($honlapurl.$feltolturl."jpg_thumb/k_".$kepek[$i]['url']);
    // Módosítva: Annók Tamás, 2012.06.13 10:39
    list($kepek[$i]['width'], $kepek[$i]['height'], $kepek[$i]['type'], $kepek[$i]['attr'])=getimagesize(getcwd()."/".$feltolturl."jpg_thumb/k_".$kepek[$i]['url']);
    $maxkepekhossz+=160; //150 a kiskÃ©p szÃ©lessÃ©ge +5 +5 a margÃ³ kÃ¶rÃ¼lÃ¶tte
    $i++;
}//while

$osszkep=$i; //hÃ¡ny kÃ©p van a galÃ©riÃ¡ban

?>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Ivanics Life GalÃ©ria</title>


<?php
    print "<script type=\"text/javascript\" src=\"".$honlapurl."js/prototype.js\"></script>";
    print "<link href=\"".$honlapurl."css/galeria.css\" rel=\"stylesheet\" type=\"text/css\" />";
?>
<script type="text/javascript">
    function sutiolvas(sutinev) {
        var Suti=""+document.cookie;
        var ind=Suti.indexOf(sutinev);
        if (ind==-1 || sutinev=="") return ""; 
        var ind1=Suti.indexOf(';',ind);
        if (ind1==-1) ind1=Suti.length; 
        return unescape(Suti.substring(ind+sutinev.length+1,ind1));
    }
    
    function setuptallozas(){
        if(sutiolvas('tallozas')=="lent"){
            $( 'thumbs' ).setStyle({ height: "23px" });
            $( 'thumblist' ).setStyle({ display: 'none' });            
            document.cookie ="init=lent;";           
        }else{
            $( 'thumbs' ).setStyle({ height: "148px" });
            $( 'thumblist' ).setStyle({ display: 'block' }); 
            document.cookie ="init=fent;";           
        }//if else
    }

	function move()
	{
        $( 'thumblist' ).visible() ? moveDivDown() : moveDivUp();
	}
 
	function moveDivUp()
	{
        $( 'thumblist' ).setStyle({ display: 'block' });
        new PeriodicalExecuter( function( pe ) {
            $( 'thumbs' ).setStyle({ height: ( $( 'thumbs' ).getHeight() + 4 ) + 'px' });
            if( $( 'thumbs' ).getHeight() >= 148 )
            {
                $( 'thumbs' ).setStyle({ height: "148px" });
                //$( 'kiskepek' ).setStyle({ color: "#d6d6d6" });
                document.cookie = "tallozas=fent;";	
                pe.stop();
            }
        }, 0.001 );
	}
	
	function moveDivDown()
	{
        new PeriodicalExecuter( function( pe ) {
            $( 'thumbs' ).setStyle({ height: ( $( 'thumbs' ).getHeight() - 4 ) + 'px' });
            if( $( 'thumbs' ).getHeight() <= 23 )
            {
                $( 'thumbs' ).setStyle({ height: "23px" });
                $( 'thumblist' ).setStyle({ display: 'none' });
                //$( 'kiskepek' ).setStyle({ color: "#ffffff" });
                document.cookie = "tallozas=lent;";
                pe.stop();
            }
        }, 0.001 );
	}
	
	
	function kepmeretezo(){
        //alert('resized');
        
        var viewport = document.viewport.getDimensions(); // Gets the viewport as an object literal
        var width = viewport.width; // Usable window width
        var height = viewport.height; // Usable window height
    
        viewport = $('aktivkep').getDimensions(); // Gets the viewport as an object literal
        var pic_width = viewport.width; // Usable window width
        var pic_height = viewport.height; // Usable window height
            
        //$("szoveg").update("hgjhgjhgj "+width+" - "+height+" -- "+pic_width+" - "+pic_height);
        
        //magassÃ¡gra igazÃ­tja a kÃ©pet
        var srcRatio = pic_width/pic_height; // width/height ratio
        width=width-450; //oldalsÃ³ ablak levonÃ¡sa
        if(width>800){ 
            width=800;            
        } //1280-nÃ¡l nagyobb kÃ©pet nem lehet feltÃ¶lteni de itt 800-nÃ¡l nagyobba ne mutassa. Ha nagyobb, kÃ¼lÃ¶n ablakban lehessen lekÃ©rni az eredeti mÃ©retet
        if(pic_width>800){
            var kepforras=$('aktivkep').readAttribute('src');
            $('nagyitas').update('<a href=\''+kepforras+'\' target=\'_blank\'>A teljes mÃ©retÅ± kÃ©p megtekintÃ©sÃ©hez kattintson ide</a>');
        }
        height=height-300; //fejlÃ©c Ã©s alsÃ³ ablak levonÃ¡sa
        var destRatio = width/height;
        var dest_height=0;
        var dest_width=0;
        
        if(destRatio > srcRatio){
            dest_height = height;
            dest_width = height*srcRatio;
        }else{
            dest_width = width;
            dest_height = width/srcRatio;
        }
        
        $('aktivkep').setStyle({width: ''+dest_width+'px',height: ''+dest_height+'px'});
    }
	
    window.onresize = function (){
        kepmeretezo();
    }
    window.onload = function (){
        setuptallozas();
        kepmeretezo();
    }
	
</script>

</head>

<body>

<div id="galfejlec"><h1>Ivanics Life GalÃ©ria</h1></div><!-- galfejlec -->

<?php
    print "<div id=\"galleiras\">";
    print "	<h1>".$kepek[$kepkod]['cim']."</h1>";
    print "<p>";
    print str_replace("\n", "</p><p>", $kepek[$kepkod]['lei']); 
    print "</p>"; 
    print "</div><!-- galleiras -->";
    
    print "<div id=\"galkep\">";
        
    print "    <div id=\"galnavisav\">";
    print "    	<div id=\"galnavikozep\">";
    if($kepkod>0){ 
        print "            <a href=\"".$honlapurl."galeria.php?gid=".$galkod."&pid=".($kepkod-1)."\" class=\"nyil nyilvissza\"></a>";
    }else{
        print "            <div class=\"nyil\"></div>";
    }
    print "            <span id=\"galnavindx\">".($kepkod+1)."/".$osszkep." kÃ©p</span>";
    if($kepkod+1<$osszkep){
        print "            <a href=\"".$honlapurl."galeria.php?gid=".$galkod."&pid=".($kepkod+1)."\" class=\"nyil nyilelore\"></a>";
    }else{
        print "            <div class=\"nyil\"></div>";
    }
    print "        </div>";
    print "    </div><!-- galnavisav -->";
        
    print "    <div id=\"kep\">";
    
    //ha kÃ©p, akkor megoldom itt, mert javascript mÃ©retezi a kÃ©pet az ablak mÃ©retÃ©hez
    //a tÃ¶bbinÃ©l menjen a dokumentumcsatolo fuggvÃ©ny
    if(kiterjesztes($kepek[$kepkod]['url'])=="jpg"){
        print "    <img src=\"".$honlapurl.$feltolturl."jpg/".$kepek[$kepkod]['url']."\" id=\"aktivkep\" />";
    }else{
        print dokumentumcsatolo("", $kepek[$kepkod]['url'], 2, $kepek[$kepkod]['alt'], $honlapurl, $feltolturl, 0, 90000);
    }//if
    
    print "    </div>";
    print "<div id=\"nagyitas\"></div>";
    
    print "</div><!-- galkep -->";
?>

<div id="thumbs" style="width: 100%; height:148px">
	<div id="showthumb">
		<a href="#" onclick="move(); return false;" id="kiskepek" style="color: #d6d6d6">
			<span>TallÃ³zÃ¡s</span>
		</a>    
    </div>
<div id="thumblist" style="width: 100%; display: block;">
    	<?php
    	   print "<div id=\"image_thumbs\" style=\"width: ".$maxkepekhossz."px\">";    	
    	   for($i=0;$i<$osszkep;$i++){
    	       print "<div class=\"kepdoboz\">";
                switch(kiterjesztes($kepek[$i]['url'])){                
                    case "jpg": { 
                	       //szamolja ki mekkora a kÃ©p, Ã©s hogyan kell eltolni ahhoz, hogy a 150x100px-es dobozban kÃ¶zÃ©pen legyen
                	       //x-ben nem kell eltolni, mert a feltÃ¶ltÃ¶tt thumb kÃ©pek mindig fixen 150 pixel szÃ©lesek $xd=
                	       $bgpos="";
                	       if($kepek[$i]["height"]>100){
                    	       $yd=(100-$kepek[$i]["height"])/2;
                	           $bgpos="background-position: 0px ".$yd."px;";
                           }
                           print "<a href=\"".$honlapurl."galeria.php?gid=".$galkod."&pid=".$i."\" style=\"background-image: url(".$honlapurl.$feltolturl."jpg_thumb/k_".$kepek[$i]['url'].");background-repeat: no-repeat;".$bgpos."\"></a>";
                    } break;
                    case "flv": { 
                        print "<a href=\"".$honlapurl."galeria.php?gid=".$galkod."&pid=".$i."\" style=\"background-image: url(".$honlapurl."graf/gal_flv.png);background-repeat: no-repeat; background-position: 25px 0px\"></a>";
                    } break;
                    case "pdf": { 
                        print "<a href=\"".$honlapurl."galeria.php?gid=".$galkod."&pid=".$i."\" style=\"background-image: url(".$honlapurl."graf/gal_pdf.png);background-repeat: no-repeat; background-position: 25px 0px\"></a>";
                    } break;
                    case "swf": { 
                        print "<a href=\"".$honlapurl."galeria.php?gid=".$galkod."&pid=".$i."\" style=\"background-image: url(".$honlapurl."graf/gal_swf.png);background-repeat: no-repeat; background-position: 25px 0px\"></a>";
                    } break;                  
                }//switch
               print "</div>";
           }//for
    	?>
      </div>
  </div>
</div>


</body>
</html>
