<?
if( $infix == "vf" )	$needfajl = "package_need_virtual.png";
elseif($infix == "re")	$needfajl = "package_need_render.png";
elseif($infix == "sk")	$needfajl = "package_need_handsketch.png";
elseif($infix == "an")	$needfajl = "package_need_render.png";
?>

<script type="text/javascript">
jQuery(document).ready(function($){
	$('.valasz').each(function(){
		$(this).css({'display': 'none'});
	});
	
	$('.kerdes').click(function() {
		if( $(this).children('.valasz').css('display') == "none" ){
			$(this).children('.valasz').css({'display': ''});
			
			$(this).children('.kerdes-cim').addClass( 'kerdes-cim-mutat' );
			$(this).children('.kerdes-cim').removeClass( 'kerdes-cim-alap' );
		}
		else{
			$(this).children('.valasz').css({'display': 'none'});
			
			$(this).children('.kerdes-cim').addClass( 'kerdes-cim-alap' );
			$(this).children('.kerdes-cim').removeClass( 'kerdes-cim-mutat' );
		}
	});
	
	<?if( $infix == "an" ):?>
	$('#pelda-youtube').click(function(){
		$.fancybox({
	      padding: 0,
	      autoScale: false,
	      transitionIn: 'none',
	      transitionOut: 'none',
	      title: this.title,
	      width: 425,
	      height: 349,
	      href: 'http://www.youtube.com/v/_dU1s818BAU',
		  /*href: 'http://www.youtube.com/watch?v=opj24KnzrWo',*/
		  /*href: this.href.replace(new RegExp("watch\\?v=", "i"), 'v/'),*/
	      type: 'swf',
	      swf: {
	        'wmode': 'transparent',
	        'allowfullscreen': 'true'
	      }
	    });
	    return false;
	});
	<?endif;?>
	
});

<?if( false && hun()):?>
function sendpage()
{
	//mail_str = "mailto:?subject=Megrendelés: " + document.title;
	//mail_str += "&body=Figyelmedbe ajánlom az alábbi weblapot. A címe: " + document.title;
	//mail_str += ". URL (innen is klikkelhetsz): " + location.href;
	mail_str = "mailto:info@archline.hu?subject=ARCHLine A La Carte megrendelés";
	location.href = mail_str;
}
<?endif;?>

</script>


<style type="text/css">
@font-face {  
	  font-family: MYRIADPRO-SEMIBOLD;
	  src: url( /public/css/fonts/MYRIADPRO-SEMIBOLD.eot ); /* IE */  
	  src: local("@"), url( /public/css/fonts/MYRIADPRO-SEMIBOLD.ttf ) format("truetype"); /* non-IE */
}
	
.pricing{
	background: url(/public/img/services/box_price.png);
	width: 172px;
	height: 204px;
	padding: 10px;
	float: left;
}

.pricing:hover{
	background: url(/public/img/services/box_price_hover.png);
}

.pricing-top{
	height: 102px;
	color: #fff;
	font-size: 22px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
	width: 172px;
}

.pricing-bottom{
	height: 92px;
	color: #707070;
	font-weight: bold;
	font-size: 34px;
	text-align: center;
	padding-top: 10px;
}

.pricing-choose{
	background: url(/public/img/services/button_choose.png);
	width: 178px;
	height: 39px;
	color: #fff;
	font-size: 18px;
	margin: 8px 0 0 -3px;
	border: 0 none;
}

.pricing-choose:hover{
	background: url(/public/img/services/button_choose_hover.png);
}

.service-based{
	font-size: 14px;
}

.service-desc{
	text-align: center;
	color: #707070;
	font-size: 14px;
	margin-top: 10px;
}

.twoday{
	text-align: right;
	padding-right: 4px;
	color: #707070;
}
</style>

<div style="/*font-family: MYRIADPRO-SEMIBOLD, Arial,Helvetica,sans-serif;*/">
<div style="float: right; width: 70px; padding-top: 25px;">
	<a href="javascript:history.go(-1);" style="color: #707070;"><img src="/public/img/services/icon_back.png" alt="back" style="margin: 0px; position: relative; top: 3px;" /><?=strtolower(lang('forum_vissza'))?></a>
</div>
<div style="width: 750px; float: left">
<h2 class="s-h2"><span class="services-kek"><?=lang('services_'.$infix)?></span> <span style="color: #c0c0c0;">&#8211;</span> <?if(hun() && $infix!="re"):?>Árak<?else:?><?=lang('services_pricing')?><?endif;?></h2>
</div>


<div style="width: <?if( $infix == "sk" ):?>576px;<?elseif( $infix == "re" ):?>385px;<?else:?>192px;<?endif;?> margin: auto;">
	<form action="/services/order<?if(!hun()):?>submit<?endif;?>" method="post">
	<input type="hidden" name="service" value="<?=$infix?>" />
	<div class="pricing">
		<div class="pricing-top">
			<span><?=lang('services_'.$infix.'_rend1')?></span><br />
			<span class="service-based"><?=lang('services_based')?></span><?/*<br />*/?>
			<span><?=lang('services_'.$infix.'_based1')?></span>
		</div>
		<div class="pricing-bottom">
			<?if(!hun()):?>£<?endif;?><?=lang('services_'.$infix.'_price1')?>
			<input type="submit" value="<?=lang('services_orderp')?>" class="pricing-choose" name="darab1" />
		</div>
	</div>
	<?if( $infix != "vf" && $infix != "an" ):?>
	<div class="pricing">
		<div class="pricing-top">
			<span><?=lang('services_'.$infix.'_rend2')?></span><br />
			<span class="service-based"><?=lang('services_based')?></span><?/*<br />*/?>
			<span><?=lang('services_'.$infix.'_based2')?></span>
		</div>
		<div class="pricing-bottom">
			<?if(!hun()):?>£<?endif;?><?=lang('services_'.$infix.'_price2')?>
			<input type="submit" value="<?=lang('services_orderp')?>" class="pricing-choose" name="darab2" />
		</div>
	</div>
	<?endif;?>
	<?if( $infix != "vf" && $infix != "re" && $infix != "an" ):?>
	<div class="pricing">
		<div class="pricing-top">
			<span><?=lang('services_'.$infix.'_rend3')?></span><br />
			<span class="service-based"><?=lang('services_based')?></span><?/*<br />*/?>
			<span><?=lang('services_'.$infix.'_based3')?></span>
		</div>
		<div class="pricing-bottom">
			<?if(!hun()):?>£<?endif;?><?=lang('services_'.$infix.'_price3')?>
			<input type="submit" value="<?=lang('services_orderp')?>" class="pricing-choose" name="darab3" />
		</div>
	</div>
	<?endif;?>
	<div class="twoday">
		<input type="checkbox" name="twoday" /> <?=lang('services_prices_50fee')?>
	</div>
	</form>
</div>

<div class="clear"></div>
<div class="service-desc">
	<?=lang('services_'.$infix.'_desc')?>
</div>

<h2 class="s-h2 services-vilagos"><?=lang('services_prices_need')?></h2>
<div style="margin: auto; width: 780px;">
	<div class="service-desc" style="text-align: left; margin-top: 0px;">
	<img style="float: right; margin: 0px;" alt="need files" src="/public/img/services/<?=$needfajl?>" />
	<?=lang('services_'.$infix.'_whatweneed')?>
	</div>
</div>

<h2 class="s-h2 services-vilagos"><?=lang('services_prices_rece')?></h2>
<div style="margin: auto; width: 780px;">
	<div class="service-desc" style="text-align: left; margin-top: 0px;">
	<?if( $infix == "an" ):?>
	<a id="pelda-youtube" title="Honda Civic FD2" href="http://www.adobe.com/jp/events/cs3_web_edition_tour/swfs/perform.swf">
	<?endif;?>
	<img src="/public/img/services/<?if($infix=="vf"):?>package_receive_virtual.png<?elseif($infix == "re"):?>package_receive_render.png<?elseif($infix=="sk"):?>package_receive_handsketch.png<?elseif($infix == "an"):?>package_receive_render.png<?endif;?>" alt="results <?=$urlservice?>" style="float: right; margin: 0px;" id="serviceresults" />
	<?if( $infix == "an" ):?>
	</a>
	<?endif;?>
	
	<?=lang('services_'.$infix.'_receive')?>
	</div>
</div>

<h2 class="s-h2 services-vilagos"><?=lang('services_moreinf')?></h2>
<div style="margin: auto; width: 780px;">
	<div style="width: 390px; float: left;">
		<div class="kerdes">
			<div class="kerdes-cim-alap kerdes-cim"><?=lang('services_title_payment')?></div>
			<div class="valasz"><?=lang('services_text_payment')?></div>
		</div>
		<div class="kerdes-bottom"></div>
		
		<div class="kerdes">
			<div class="kerdes-cim-alap kerdes-cim"><?=lang('services_title_print')?></div>
			<div class="valasz"><?=lang('services_text_print')?></div>
		</div>
		<div class="kerdes-bottom"></div>
		
		<div class="kerdes">
			<div class="kerdes-cim-alap kerdes-cim"><?=lang('services_title_monthly')?></div>
			<div class="valasz"><?=lang('services_text_monthly')?></div>
		</div>
		<div class="kerdes-bottom"></div>
		
		<div class="kerdes">
			<div class="kerdes-cim-alap kerdes-cim"><?=lang('services_title_furniture')?></div>
			<div class="valasz"><?=lang('services_text_furniture')?></div>
		</div>
		<div class="kerdes-bottom"></div>
		
		<div class="kerdes">
			<div class="kerdes-cim-alap kerdes-cim"><?=lang('services_title_expensive')?></div>
			<div class="valasz"><?=lang('services_text_expensive')?></div>
		</div>
		<div class="kerdes-bottom"></div>
		
		<div class="kerdes">
			<div class="kerdes-cim-alap kerdes-cim"><?=lang('services_title_send')?></div>
			<div class="valasz"><?=lang('services_text_send')?></div>
		</div>
		<div class="kerdes-bottom"></div>
		
	</div>
	
	<div style="width: 390px; margin-left: 390px;">
		
		<div class="kerdes">
			<div class="kerdes-cim-alap kerdes-cim"><?=lang('services_title_remove')?></div>
			<div class="valasz"><?=lang('services_text_remove')?></div>
		</div>
		<div class="kerdes-bottom"></div>
		
		<div class="kerdes">
			<div class="kerdes-cim-alap kerdes-cim"><?=lang('services_title_rendering')?></div>
			<div class="valasz"><?=lang('services_text_rendering')?></div>
		</div>
		<div class="kerdes-bottom"></div>
		
		<div class="kerdes">
			<div class="kerdes-cim-alap kerdes-cim"><?=lang('services_title_guarantee')?></div>
			<div class="valasz"><?=lang('services_text_guarantee')?></div>
		</div>
		<div class="kerdes-bottom"></div>
		
		<div class="kerdes">
			<div class="kerdes-cim-alap kerdes-cim"><?=lang('services_title_rooms')?></div>
			<div class="valasz"><?=lang('services_text_rooms')?></div>
		</div>
		<div class="kerdes-bottom"></div>
		
		<div class="kerdes">
			<div class="kerdes-cim-alap kerdes-cim"><?=lang('services_title_persons')?></div>
			<div class="valasz"><?=lang('services_text_persons')?></div>
		</div>
		<div class="kerdes-bottom"></div>
	</div>
</div>

<div class="clear"></div>

<h2 class="s-h2 services-vilagos"><?=lang('services_notconvinced')?></h2>
<div style="text-align: center; margin-bottom: 40px;">
	<span style="font-size: 14px; color: #454545;"><?=lang('services_prices_cont')?></span>
</div>

</div>