<!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">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<head>
<meta http-equiv="Content-Language" content="fr" />
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!--TEMPLATE: echangeonsvoscles -->
<title><?= utf8_encode($dealerInfo[$_SESSION['tradeup']['selectedDealer']]['name']) ?> -|- La Combinaison Parfaite</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Lato:400">
<link rel="stylesheet" href="http://fonts.googleapis.com/css?family=Source+Sans+Pro:400,900">
<link href='http://fonts.googleapis.com/css?family=Bangers' rel='stylesheet' type='text/css'>
<link href='http://fonts.googleapis.com/css?family=Tangerine' rel='stylesheet' type='text/css'>
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script>
<style>
body,html {margin:0px;background-color:white;}
.mainTbl {background-color:white;}
.mainTbl td {vertical-align:top;font-family:tahoma,arial}
.headerTbl td a {text-decoration:none;color:yellow}
@font-face {
font-family: impacts;
src: url(scripts/impact.ttf);
}
@font-face {
font-family: tahomas;
src: url(scripts/tahoma.ttf);
}
@font-face {
font-family: tahomas;
src: url(scripts/tahomabd.ttf);
font-weight:bold;
}
/* ANMATION */
#container {
width: 949px;
position:absolute;
top: 200px;
}
.slug {
width: 100%; padding: 2px;
text-align: right;
/* background: #f4f4f4; */
position:relative;
top: -2em;
}
.slug h1 {
font-family: 'Bangers', cursive;
text-shadow: 4px 4px 4px #aaa;
color:#B22224;
font-size:48px;
letter-spacing: .125em;
text-transform:uppercase;
margin-top: -1em;
z-index: 1
}
.slug h2 {
font-size: 24px;
color: #101010;
margin-top: -1em;
font-family: "Lato";
text-align: right;
}
.slug h3 {
font-size: 48px;
font-family: 'Tangerine', cursive;
text-shadow: 4px 4px 4px #AAA;
margin-top: 50px;
}
</style>
<script type='text/javascript'>
$(document).ready(function(){
var maintitles = [
["La <span style='font-size:72px;'>Combinaison <span style='color: red'>Parfaite</span></span> est"],
["La <span style='font-size:72px;'>Combinaison <span style='color: red'>Parfaite</span></span> est"],
["La <span style='font-size:72px;'>Combinaison <span style='color: red'>Parfaite</span></span>"],
["La <span style='font-size:72px;'>Combinaison <span style='color: red'>Parfaite</span></span> est"],
["La <span style='font-size:72px;'>Combinaison <span style='color: red'>Parfaite</span></span> est"]
];
var titles = [
["Un Travailleur Acharné", "Assidu à la tâche!"],
["Bâti pour la Famille", "Inscrivez vite votre code!"],
["Aime le Plein Air", "Une pluie d'épargnes vous attend!"],
["Un Air de Dur-dur", "Un défi, deux défis.."],
["Prête à tout", "Idéal et sans compromis!"]
];
index = 0;
function animateTitles(){
$('.main-title')
.html(maintitles[index%maintitles.length][0])
.css({opacity: 0, marginRight: "200px"})
.delay(400)
.animate({opacity: 1, marginRight: "20px"}, 1000)
.delay(3000)
.animate({opacity: 0, marginRight: "100px"}, 2000,
function(){
index++;
animateTitles();
});
$('.main-text')
.html(titles[index%titles.length][0])
.css({opacity: 0, marginRight: "0px"})
.delay(400)
.animate({opacity: 1, marginRight: "20px"}, 1000)
.delay(3000)
.animate({opacity: 0, marginRight: "200px"}, 2000,
function(){
index++;
animateTitles();
});
$('.sub-text')
.html(titles[index%titles.length][1])
.css({opacity: 0, marginRight: "100px"})
.delay(800)
.animate({opacity: 1, marginRight: "50px"}, 2000)
.delay(1000)
.animate({opacity: 0, marginRight: "0px"}, 2000);
}
animateTitles();
});
</script>
<script language=javascript>
function onlyNumbers(e)
{
var key = window.event ? e.keyCode : e.which;
var keychar = String.fromCharCode(key);
reg = /[^0-9]/g;
return !reg.test(keychar);
}
</script>
</head>
<body>
<div style="color:#FFF;margin-left:100px; font-size:10px;"> <?= $dealerInfo[$_SESSION['tradeup']['selectedDealer']]['eventDate']?> </div>
<center>
<?php
// if(in_array($selectedDealer,array('renfrew_XYZ'))) $img = 'banner';
//if (in_array($dealerInfo[$selectedDealer]['logo'], array('red'))) $img = 'Banner_2.jpg';
//if (in_array($dealerInfo[$selectedDealer]['logo'], array('wb_banner'))) $img = 'wb_banner.png';
//else $img = 'Banner_1.jpg';
$img = 'banner.jpg';
?>
<table cellspacing="0" cellpadding="0" class="mainTbl">
<tr>
<td style="width:940px;height:450px;background-image:url('images/<?= $img ?>');background-repeat:no-repeat;background-position:center top;">
<div id="container">
<div class="slug">
<h3 class="foo-bar main-title"></h3>
<h1 class="foo-bar main-text"></h1>
<h2 class="foo-bar sub-text"></h2>
</div>
</div>
<table cellspacing="0" cellpadding="0">
<tr>
<td style="padding-left:40px;padding-top:300px;padding-bottom:30px;text-align:left;color:white;">
<div style="padding-top:10px;padding-right:200px;background-image:url('images/whiteBG.png');background-position:right top;background-repeat:no-repeat">
<font style="font-size:16pt;font-family:impact,arial;color:black"><?= utf8_encode(strtoupper($dealerInfo[$selectedDealer]['name'])) ?></font>
<br>
<font style="font-size:13pt;color:#333"><?= utf8_encode($dealerInfo[$selectedDealer]['address']) ?></font>
<br>
<font style="font-size:13pt;color:#333"><a href="http://<?= $dealerInfo[$selectedDealer]['website'] ?>" target="_blank"><?= $dealerInfo[$selectedDealer]['website'] ?></a></font>
</div>
</td>
</tr>
</table>