<?php
header( 'Content-type: text/html; charset=utf-8' );
require_once( $config['dir_libraries'] . 'fotolia.php' );
$fotolia = new Fotolia_Api( $config['fotolia_id'] );
echo <<<'EOT'
<html><head><title>Fotolia</title>
<style type="text/css">
	#pictures{ width: 660px; margin: auto; }
	#pictures .image{ float: left; height: 120px; width: 120px; margin: 5px; border: 1px solid #ddd; position: relative; }
	#pictures .image .tooltip{ display: none; }
/*	#pictures .image:hover .tooltip{ display: block; width: 410px; height: 410px; position: absolute; left: -60px; top: -60px; z-index: 100;} */
	
	.clear{ clear: both; }
	
	#categories li{ list-style-type: none; }
	#categories li a{ color: #6A6A6A; text-decoration: none; }
	#categories li a:hover, #categories li a:focus{ text-decoration: underline; }
	
	#tooltip {
		position: absolute;
		z-index: 3000;
		border: 1px solid #111;
		background-color: #eee;
		padding: 5px;
	}
	#tooltip h3, #tooltip div { margin: 0; }

</style>
EOT
 . '<script type="text/javascript" src="' . $config['dir_scripts'] . 'jquery.js"></script>
<script type="text/javascript" src="' . $config['dir_scripts'] . 'jquery.bigframe.js"></script>
<script type="text/javascript" src="' . $config['dir_scripts'] . 'jquery.delegate.js"></script>
<script type="text/javascript" src="' . $config['dir_scripts'] . 'jquery.dimensions.js"></script>' .
<<<'EOT'
<script type="text/javascript">
/*< ![CDATA[*/
eval(function(p,a,c,k,e,r){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--)r[e(c)]=k[c]||e(c);k=[function(e){return r[e]}];e=function(){return'\\w+'};c=1};while(c--)if(k[c])p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c]);return p}(';(8($){j e={},9,m,B,A=$.2u.2g&&/29\\s(5\\.5|6\\.)/.1M(1H.2t),M=12;$.k={w:12,1h:{Z:25,r:12,1d:19,X:"",G:15,E:15,16:"k"},2s:8(){$.k.w=!$.k.w}};$.N.1v({k:8(a){a=$.1v({},$.k.1h,a);1q(a);g 2.F(8(){$.1j(2,"k",a);2.11=e.3.n("1g");2.13=2.m;$(2).24("m");2.22=""}).21(1e).1U(q).1S(q)},H:A?8(){g 2.F(8(){j b=$(2).n(\'Y\');4(b.1J(/^o\\(["\']?(.*\\.1I)["\']?\\)$/i)){b=1F.$1;$(2).n({\'Y\':\'1D\',\'1B\':"2r:2q.2m.2l(2j=19, 2i=2h, 1p=\'"+b+"\')"}).F(8(){j a=$(2).n(\'1o\');4(a!=\'2f\'&&a!=\'1u\')$(2).n(\'1o\',\'1u\')})}})}:8(){g 2},1l:A?8(){g 2.F(8(){$(2).n({\'1B\':\'\',Y:\'\'})})}:8(){g 2},1x:8(){g 2.F(8(){$(2)[$(2).D()?"l":"q"]()})},o:8(){g 2.1k(\'28\')||2.1k(\'1p\')}});8 1q(a){4(e.3)g;e.3=$(\'<t 16="\'+a.16+\'"><10></10><t 1i="f"></t><t 1i="o"></t></t>\').27(K.f).q();4($.N.L)e.3.L();e.m=$(\'10\',e.3);e.f=$(\'t.f\',e.3);e.o=$(\'t.o\',e.3)}8 7(a){g $.1j(a,"k")}8 1f(a){4(7(2).Z)B=26(l,7(2).Z);p l();M=!!7(2).M;$(K.f).23(\'W\',u);u(a)}8 1e(){4($.k.w||2==9||(!2.13&&!7(2).U))g;9=2;m=2.13;4(7(2).U){e.m.q();j a=7(2).U.1Z(2);4(a.1Y||a.1V){e.f.1c().T(a)}p{e.f.D(a)}e.f.l()}p 4(7(2).18){j b=m.1T(7(2).18);e.m.D(b.1R()).l();e.f.1c();1Q(j i=0,R;(R=b[i]);i++){4(i>0)e.f.T("<1P/>");e.f.T(R)}e.f.1x()}p{e.m.D(m).l();e.f.q()}4(7(2).1d&&$(2).o())e.o.D($(2).o().1O(\'1N://\',\'\')).l();p e.o.q();e.3.P(7(2).X);4(7(2).H)e.3.H();1f.1L(2,1K)}8 l(){B=S;4((!A||!$.N.L)&&7(9).r){4(e.3.I(":17"))e.3.Q().l().O(7(9).r,9.11);p e.3.I(\':1a\')?e.3.O(7(9).r,9.11):e.3.1G(7(9).r)}p{e.3.l()}u()}8 u(c){4($.k.w)g;4(c&&c.1W.1X=="1E"){g}4(!M&&e.3.I(":1a")){$(K.f).1b(\'W\',u)}4(9==S){$(K.f).1b(\'W\',u);g}e.3.V("z-14").V("z-1A");j b=e.3[0].1z;j a=e.3[0].1y;4(c){b=c.2o+7(9).E;a=c.2n+7(9).G;j d=\'1w\';4(7(9).2k){d=$(C).1r()-b;b=\'1w\'}e.3.n({E:b,14:d,G:a})}j v=z(),h=e.3[0];4(v.x+v.1s<h.1z+h.1n){b-=h.1n+20+7(9).E;e.3.n({E:b+\'1C\'}).P("z-14")}4(v.y+v.1t<h.1y+h.1m){a-=h.1m+20+7(9).G;e.3.n({G:a+\'1C\'}).P("z-1A")}}8 z(){g{x:$(C).2e(),y:$(C).2d(),1s:$(C).1r(),1t:$(C).2p()}}8 q(a){4($.k.w)g;4(B)2c(B);9=S;j b=7(2);8 J(){e.3.V(b.X).q().n("1g","")}4((!A||!$.N.L)&&b.r){4(e.3.I(\':17\'))e.3.Q().O(b.r,0,J);p e.3.Q().2b(b.r,J)}p J();4(7(2).H)e.3.1l()}})(2a);',62,155,'||this|parent|if|||settings|function|current||||||body|return|||var|tooltip|show|title|css|url|else|hide|fade||div|update||blocked|||viewport|IE|tID|window|html|left|each|top|fixPNG|is|complete|document|bgiframe|track|fn|fadeTo|addClass|stop|part|null|append|bodyHandler|removeClass|mousemove|extraClass|backgroundImage|delay|h3|tOpacity|false|tooltipText|right||id|animated|showBody|true|visible|unbind|empty|showURL|save|handle|opacity|defaults|class|data|attr|unfixPNG|offsetHeight|offsetWidth|position|src|createHelper|width|cx|cy|relative|extend|auto|hideWhenEmpty|offsetTop|offsetLeft|bottom|filter|px|none|OPTION|RegExp|fadeIn|navigator|png|match|arguments|apply|test|http|replace|br|for|shift|click|split|mouseout|jquery|target|tagName|nodeType|call||mouseover|alt|bind|removeAttr|200|setTimeout|appendTo|href|MSIE|jQuery|fadeOut|clearTimeout|scrollTop|scrollLeft|absolute|msie|crop|sizingMethod|enabled|positionLeft|AlphaImageLoader|Microsoft|pageY|pageX|height|DXImageTransform|progid|block|userAgent|browser'.split('|'),0,{}))

$(document).ready(function(){
	$("#pictures .image").tooltip({ 
		delay: 0, 
		showURL: false, 
		bodyHandler: function() { 
			return $(this).children('.tooltip').html();
		}
	}).click(function(){
		window.parent.window_call('fotolia', $(this).attr('id'));
	});
});
/*]]>*/
</script>
</head><body>
EOT;
if( $_GET['action'] == 'get_category' || empty( $_GET['iCategory'] ) ){
	if( isset( $_GET['iCategory'] ) ){
		$aCategories = $fotolia->getCategories1( Fotolia_Api::LANGUAGE_ID_PL_PL, intval( $_GET['iCategory'] ) );
	} else{
		$aCategories = $fotolia->getCategories1( Fotolia_Api::LANGUAGE_ID_PL_PL );
	}
	foreach( $aCategories as $aCategory ){
		$select.= '<li><a href="index.php?p=fotolia-choose&amp;' . ( $aCategory['nb_sub_categories'] > 0 ? 'action=get_category&amp;' : null ) . 'iCategory=' . $aCategory['id'] . '">' . $aCategory['name'] . '</a></li>';
	}
	echo ( '<ul id="categories">' . $select . '</ul>' );
}
if( isset( $_GET['iCategory'] ) && !isset( $_GET['action'] ) ){
	if( !isset( $_GET['iPage'] ) || !is_numeric( $_GET['iPage'] ) ) $_GET['iPage'] = 0;
	$aPictures = $fotolia->getSearchResults( Array( 'language_id' => Fotolia_Api::LANGUAGE_ID_PL_PL, 'cat1_id' => intval( $_GET['iCategory'] ), 'limit' => 20, 'offset' => $_GET['iPage'] * 20 ), Array( 'nb_results', 'id', 'title', 'thumbnail_110_url', 'thumbnail_110_width', 'thumbnail_110_height', 'thumbnail_400_url', 'thumbnail_400_width', 'thumbnail_400_height' ) );
	foreach( $aPictures as $iPicture => $aPicture ){
		if( is_numeric( $iPicture ) ){
			$sPictures.= '<div class="image" id="photo-' . $aPicture['id'] . '">
				<img style="width: ' . $aPicture['thumbnail_110_width'] . 'px; height: ' . $aPicture['thumbnail_110_height'] . 'px; margin: ' . ( ( 120 - $aPicture['thumbnail_110_height'] ) / 2 ) . 'px ' . ( ( 120 - $aPicture['thumbnail_110_width'] ) / 2 ) . 'px;" src="' . $aPicture['thumbnail_110_url'] . '" />
				<div class="tooltip" disabled="disabled">
					<img style="width: ' . $aPicture['thumbnail_400_width'] . 'px; height: ' . $aPicture['thumbnail_400_height'] . 'px;" src="' . $aPicture['thumbnail_400_url'] . '" />
					<p>' . $aPicture['title'] . '</p>
				</div>
			</div>';
		}
	}
	$iLastPage = floor( $aPictures['nb_results'] / 20 );
	$sPages = null;
	if( $_GET['iPage'] > 0 ){
		$sPages.= '<a href="index.php?p=fotolia-choose&amp;iCategory=' . $_GET['iCategory'] . '&amp;' . ( isset( $_GET['action'] ) ? 'action=' . $_GET['action'] . '&amp;' : null ) . 'iPage=0">&lt;&lt; Pierwsza</a> ';
		$sPages.= '<a href="index.php?p=fotolia-choose&amp;iCategory=' . $_GET['iCategory'] . '&amp;' . ( isset( $_GET['action'] ) ? 'action=' . $_GET['action'] . '&amp;' : null ) . 'iPage=' . ( $_GET['iPage'] - 1 ) . '">&lt; Poprzednia</a> ';
	}
	$sPages.= '<span>Strona ' . ( $_GET['iPage'] + 1 ) . ' z ' . ( $iLastPage + 1 ) . '</span>';
	if( $_GET['iPage'] < $iLastPage ){
		$sPages.= ' <a href="index.php?p=fotolia-choose&amp;iCategory=' . $_GET['iCategory'] . '&amp;' . ( isset( $_GET['action'] ) ? 'action=' . $_GET['action'] . '&amp;' : null ) . 'iPage=' . ( $_GET['iPage'] + 1 ) . '">Następna &gt;</a>';
		$sPages.= ' <a href="index.php?p=fotolia-choose&amp;iCategory=' . $_GET['iCategory'] . '&amp;' . ( isset( $_GET['action'] ) ? 'action=' . $_GET['action'] . '&amp;' : null ) . 'iPage=' . $iLastPage . '">Ostatnia &gt;&gt;</a>';
	}
	if( !empty( $sPictures ) ) echo ( '<div id="pictures">' . $sPictures . '<div class="clear"></div><p>' . $sPages . '</p></div>' );
}
echo ( '</body></html>' );
exit;
