var ADAPT_CONFIG = { path: '/sites/all/themes/rtvm/css/', dynamic: true, range: [ '0px to 760px = mobile.css', '761px to 980px = ipad.css', '980px = desktop.css' ] }; /*Lightbox*/ $(document).ready(function(){ videoCapable = createVideo(); /*var substr = window.location.hash.split('/'); if(substr[1] >= 0 && substr[1] <= 6) { if(votereturn < 1) { clickColumn($("#videolink"+substr[1]).parent().parent(), videoCapable); } } if(votereturn == 0) { $('#overview_message').css("display","none"); } if(votereturn == 1) { $("#overview_message").html("

Uw stem werd gevalideerd.
De winnaars worden persoonlijk op de hoogte gebracht.
Voor meer info kan u steeds terecht op contact@rtvm.be.

"); $('#overview_message').css("display","block"); votereturn = 0; } else if (votereturn == 2 || votereturn == 3) { $("#overview_message").html("

Deze stem is reeds gevalideerd.
Voor meer info kan u steeds terecht op contact@rtvm.be.

"); $('#overview_message').css("display","block"); votereturn = 0; } */ if(videoCapable) { /*$('.column a').each(function(){ $(this).prop("href", $(this).attr("href") + "html5"); });*/ } $(".column").live("click", function(){ clickColumn($(this), videoCapable); $('#overview_message').slideUp(); return false; }); function clickColumn (element, html5) { $('#overview_content').animate({ height: '300px' }, 200, function() { }); if(html5) { $(".overview_video").html(''); $(".overview_video source").attr("src", "/sites/all/themes/rtvm/movies/"+$("a", element).attr("data-id")+".mp4"); $(".overview_video").attr("poster", "/sites/all/themes/rtvm/images/0"+$("a", element).attr("data-id")+".mp4"); $(".overview_video video")[0].load(); } else { var flashvars = { poster: "/sites/all/themes/rtvm/images/0"+$("a", element).attr("data-id")+".jpg", video: "/sites/all/themes/rtvm/movies/"+$("a", element).attr("data-id")+".mp4", allowFullScreen: "true" }; var params = { poster: "/sites/all/themes/rtvm/images/0"+$("a", element).attr("data-id")+".jpg", video: "/sites/all/themes/rtvm/movies/"+$("a", element).attr("data-id")+".mp4", allowFullScreen: "true" }; var attributes = { poster: "/sites/all/themes/rtvm/images/0"+$("a", element).attr("data-id")+".jpg", video: "/sites/all/themes/rtvm/movies/"+$("a", element).attr("data-id")+".mp4", allowFullScreen: "true" }; swfobject.embedSWF("/sites/all/themes/rtvm/js/video.swf", "overview_video_inhoud", "500", "282", "9", flashvars, params, attributes); } //$(".overview_video").html($("#video-"+$("a", element).attr("data-id")).html()); $(".overview_detail .name").html($("h3", element).html()); $(".overview_detail .bedrijf").html($(".bedrijf", element).html()); $(".overview_detail .displayquote").html($(".quote", element).html()); window.location.hash = "video/"+$("a", element).attr("data-id"); $("#shareholder").html(""); $('', { name: 'facebookIframe', id: 'facebookIframe', src: 'http://www.facebook.com/plugins/like.php?locale=en_US&layout=button_count&show_faces=false&width=500&action=like&font&colorscheme=light&height=23&href='+escape("http://www.rtvm.be.vs08003.virtualserver.priorweb.be/?shareid="+ $("a", element).attr("data-id")+'#video/'+$("a", element).attr("data-id")), scrolling: 'no', frameborder: '0', allowTransparency: 'true' }).appendTo('#shareholder'); $('<iframe />', { name: 'rtvm_vote_iframe', id: 'rtvm_vote_iframe', src: 'http://www.rtvm.be/?id='+ $("a", element).attr("data-id"), scrolling: 'no', frameborder: '0', allowTransparency: 'true' }).appendTo('#shareholder'); $('<div id="rtvm_vote_button" class="rtvm_vote">Stem op deze video</div>').appendTo('#shareholder'); $(".detail_info").slideDown(); $(".detail_form").slideUp(); $("#overview_content").slideDown(); } function initialize() { $("#rtvm_vote_iframe").attr('src',"/?id="+ location.hash.match(/[/](.*)[/]/)[1]); } $("#rtvm_vote_button").live("click", function(){ $(".detail_info").slideUp(1000, function () { $(".detail_form").html(" \ <a href='#' class='pp_close'>Close</a> \ <div class='form'> \ <h2>Breng uw stem uit.</h2><p>Gelieve onderstaande velden in te vullen om geldig te stemmen.<br/><font color='#FF0000'>*</font> = Verplichte velden.</p> \ <form id='vote' name='vote' method='post' action=''> \ <div class='formrow'><p>Voornaam: <font color='red'>*</font></p><input type='text' name='voornaam' id='voornaam' value='' /></div> \ <div class='formrow'><p>Naam: <font color='red'>*</font></p><input type='text' name='naam' id='naam' value='' /></div> \ <div class='formrow'><p>Bedrijf: <font color='red'>*</font></p><input type='text' name='bedrijf' id='bedrijf' value='' /></div> \ <div class='formrow'><p>E-mailadres: <font color='red'>*</font></p><input type='text' name='email' id='email' value='' /></div> \ <div class='formrow'><input type='checkbox' name='optin' id='optin' value='' /><p style='width:300px !important; margin-left:10px;'> Ik schrijf me in voor de RTVM nieuwsbrief.</p></div> \ <div class='formrow'><p style='width:300px !important;'>Hoeveel stemmen gaan we ontvangen op 31/12/2011 middernacht?<font color='red'>*</font></p></div> \ <div class='formrow'><p> </p><input type='text' name='schifting' id='schifting' value='' /></div> \ <input type='hidden' name='voteid' id='voteid' value='' /> \ <div class='formrow'><p> </p><input type='submit' name='submit' id='submit' value='Breng uw stem uit' /></div> \ </form> \ </div> \ <script> $('a.pp_close').bind('click',function(){$.prettyPhoto.close();return false;});</script>"); var options = { target: '.pp_content', success: processResponse, beforeSubmit: validate, dataType: 'json' }; $("#voteid").val(location.hash.match(/[/](.*)/)[1]); $('#vote').ajaxForm( options ); $('#overview_content').animate({ height: '350px' }, 200, function() { }); $(".detail_form").slideDown(1000); }); }); }); function processResponse(data) { if(data.error == 0) { $(".detail_form").html("<a href='#' class='pp_close'>Close</a> \ <h2 style='margin-bottom: 30px !important'>Bedankt voor uw stem.</h2> \ <p style='margin-top: 10px;'>Binnen enkele ogenblikken ontvangt u een mail met uw validatie link.<br/> \ Uw stem is pas geldig wanneer u op deze link heeft geklikt.</p> \ <p style='margin-top: 10px;'>De winnaars worden persoonlijk op de hoogte gebracht.<br/> \ Voor meer info kan u steeds terecht op <a href='mailto: contact@rtvm.be'>contact@rtvm.be</a>.</p> \ <script> $('a.pp_close').bind('click',function(){$.prettyPhoto.close();return false;});</script>"); $('#overview_content').animate({ height: '300px' }, 200, function() { }); } else { $("#email").addClass("error"); $("#email").after("<p class='emailerror' style='color: #FF0000;'>Dit e-mailadres werd al gebruikt.</p>"); } } function validate(formData, jqForm, options) { var form = jqForm[0]; returnval = true; $("#voteid").val(location.hash.match(/[/](.*)/)[1]); $(".emailerror").remove(); if (!form.naam.value) { $("#naam").addClass("error"); returnval = false; } else { $("#naam").removeClass("error"); } if (!form.voornaam.value) { $("#voornaam").addClass("error"); returnval = false; } else { $("#voornaam").removeClass("error"); } var filter = /^[a-zA-Z0-9._-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,4}$/; if (!form.email.value || !filter.test(form.email.value)) { $("#email").addClass("error"); returnval = false; } else { $("#email").removeClass("error"); } if (!form.bedrijf.value) { $("#bedrijf").addClass("error"); returnval = false; } else { $("#bedrijf").removeClass("error"); } if (!form.schifting.value) { $("#schifting").addClass("error"); returnval = false; } else { $("#schifting").removeClass("error"); } return returnval; } function createVideo() { var canPlay = false; var v = document.createElement('video'); if(v.canPlayType && v.canPlayType('video/mp4').replace(/no/, '')) { canPlay = true; } return canPlay; }