'+imageTitle+'<\/title><script type="text\/javascript">\n'+ 'function resizeWinTo() {\n'+ 'if( !document.images.length ) { document.images[0] = document.layers[0].images[0]; }'+ 'var oH = document.images[0].height, oW = document.images[0].width;\n'+ 'if( !oH || window.doneAlready ) { return; }\n'+ //in case images are disabled 'window.doneAlready = true;\n'+ //for Safari and Opera 'var x = window; x.resizeTo( oW + 200, oH + 200 );\n'+ 'var myW = 0, myH = 0, d = x.document.documentElement, b = x.document.body;\n'+ 'if( x.innerWidth ) { myW = x.innerWidth; myH = x.innerHeight; }\n'+ 'else if( d && d.clientWidth ) { myW = d.clientWidth; myH = d.clientHeight; }\n'+ 'else if( b && b.clientWidth ) { myW = b.clientWidth; myH = b.clientHeight; }\n'+ 'if( window.opera && !document.childNodes ) { myW += 16; }\n'+ 'x.resizeTo( oW = oW + ( ( oW + 200 ) - myW ), oH = oH + ( (oH + 200 ) - myH ) );\n'+ 'var scW = screen.availWidth ? screen.availWidth : screen.width;\n'+ 'var scH = screen.availHeight ? screen.availHeight : screen.height;\n'+ 'if( !window.opera ) { x.moveTo(Math.round((scW-oW)/2),Math.round((scH-oH)/2)); }\n'+ '}\n'+ '<\/script>'+ '<\/head><body onload="resizeWinTo();"'+(AutoClose?' onblur="self.close();"':'')+'>'+ (document.layers?('<layer left="0" top="0">'):('<div style="position:absolute;left:0px;top:0px;display:table;">'))+ '<img src="'+imageURL+'" alt="Loading image ..." title="" onload="resizeWinTo();">'+ (document.layers?'<\/layer>':'<\/div>')+'<\/body><\/html>'); imgWin.document.close(); if( imgWin.focus ) { imgWin.focus(); } return false; } function createlight() { checktext(); checklogo(); var empty = /^\s*$/; var ledtekst = $('#ledtekst').val(); if (!($('#ledtekst').val().match(empty))) { checkfont(); } else { $('div.letteropmerking').html(""); } if (($('div.tekstopmerking').html() == "") && ($('div.lettererror').html() == "")) { $('#ledaction').val("createlight"); $('#voorbeeld').html("<br /><br /><br /><br /><br /><br /><br /><img src='images/loading.gif' /><br /><br /><br /><br /><br /><br /><br />"); $('#berekening').html("<p>...berechnen...</p>"); $('#voorbeeld').removeClass('present'); var options = { url : "backend.php", success : function(data) { result = eval("[" + data + "]"); var previews = "" for (i=0;i<result[0].previews.length;i++) { img = "<a href='#' class='preview' onclick='return popImage(\"example/" + result[0].previews[i] + "\",\"preview\");'>" + "<img src='example/thumb_" + result[0].previews[i] + "' /></a> " if (i%2) { previews = previews + "<p>Nacht Eindruck:</p>"; } else { previews = previews + "<p>Tag Eindruck:</p>"; } previews = previews + img } $('#voorbeeld').html(previews); $('#logs').html(""); var msg = ""; if (result[0].tekst != '') { msg += "<p>Werbung: " // msg += "<p>Sign letters: € " + result[0].cost + " Gewicht: " + result[0].weight + "kg. " + ", Insgesamt benotigte Hohe: " + result[0].hoogte + " mm." + ", Gesamtbreite: " + result[0].breedte + " mm.</p>"; } if (result[0].logo != 'none') { msg += "<p>Logo:" + result[0].logoshape + " logo " + result[0].logo + " € " + result[0].logoprice + ", Gewicht: " + result[0].logoweight + "kg. " + " (" + result[0].logowidth + " mm. x " + result[0].logoheight + "mm.)</p>"; } // else { // msg += "<p>Kein Logo</p>"; // } // msg += "<p>Total weight: " + result[0].totalweight // + " kg., </p>"; // + " kg., </p><h1>Price: € " + result[0].totalcost + "</h1>"; // if (result[0].leds > 0) { // msg += "<p>" + result[0].leds + " leds</p>"; // } $('#berekening').html(msg); if (result[0].problems) { $('#stokhoogte').addClass('error'); $('.letteropmerking').html(result[0].problems); } else { $('#stokhoogte').removeClass('error'); $('#addtocart').show(); $('#askquote').show(); } $('#voorbeeld').addClass('present'); if (result[0].logs) { var logs = ""; for (i=0;i<result[0].logs.length;i++) { logs = logs + result[0].logs[i]; } $('#logs').append(logs); $('#logveld').val(logs); } } } $('#ledbestel').ajaxSubmit(options); } return false; } function addproduct() { $('#ledaction').val("addtocart"); var options = { url : "backend.php", success : function(data) { result = eval("[" + data + "]"); // console.debug(result); if (result[0].productnr > 0) { parent.window.location = "http://www.yoursignonline.com/signshop/index.php?add_to_cart=1&quantity=1&prod_rn=" + result[0].productnr; } else { $('#logs').html("Product was not added to the shop."); } //if (0) { // for (i=0;i<result[0].logs.length;i++) { // $('#logs').append(result[0].logs[i]); // } //} } } $('#ledbestel').ajaxSubmit(options); } function sendquote() { var okay = 1; $('#email').removeClass('novalue'); $('#naam').removeClass('novalue'); $('#phoneme').removeClass('novalue'); $('#phonenumber').removeClass('novalue'); var email = $('#email').val(); var naam = $('#naam').val(); var phone = $('#phonenumber').val(); reg = /^([A-Za-z0-9_\-\.])+\@([A-Za-z0-9_\-\.])+\.([A-Za-z]{2,4})$/; if (reg.test(email) == false) { $('#email').focus(); $('#email').addClass('novalue'); okay = 0; } if (naam.match(/^\s*$/)) { $('#naam').focus(); $('#naam').addClass('novalue'); okay = 0; } if ($('#phoneme:checked').val() != undefined) { if (phone.match(/^\s*$/)) { $('#phonenumber').focus(); $('#phonenumber').addClass('novalue'); okay = 0; } } if (okay == 1) { $('#ledaction').val("sendquote"); var options = { url : "backend.php", dataType : "json", success : function(data) { result = eval("[" + data + "]"); $('#logs').html("Ihr Angebot ist gesendet."); } } $('#ledbestel').ajaxSubmit(options); $('#quotereaction').show(); $('#quoteform').hide(); //document.title += " design send!"; //sendstats(); //code voor Google Analytics //try { // var pageTracker = _gat._getTracker("UA-322065"); // pageTracker._trackPageview(); //} catch(err) { //} } else { } //window.open("http://www.yoursignonline.com/index.php?271","Design sended","width=1000,height=600,scrollbars=0"); } function sendstats() { window.open ('http://www.yoursignonline.com/index.php?271','Design sended','width=1000,height=600,scrollbars=0'); //document.location.href('http://www.yoursignonline.com/index.php?271'); } function setlight(id) { $('#lichtwaarde').val(id); $('img.licht').removeClass('active'); $('#light' + id).addClass('active'); $.getJSON("backend.php?action=getrec&type=light&id=" + id, function(data) { $('#lichtkeuze').html(data['naam']); $('#lichtinfo').html("Licht:<br />" + data['naam']); }); return false; } function setlogo(id) { $('#logowaarde').val(id); $('img.logo').removeClass('active'); $('#logo_' + id).addClass('active'); var shape = $('#logoshape').val(); var logokeuze = id; var afbeelding = $('#logo_none').attr('src'); if (id != "none") { if (shape != "") { afbeelding = $('#shape_' + shape).attr('src'); logokeuze += ", " + shape; } } $('#logoinfo').html("Logo:<br />" + logokeuze); $('#logoparam').html("<img src=\"" + afbeelding + "\" />"); if (id != 'none') { $('#logospecs').show(); } else { $('#logospecs').hide(); } return false; } function setshape(id) { $('#logoshape').val(id); var logo = $('#logowaarde').val(); $('img.shape').removeClass('active'); $('#shape_' + id).addClass('active'); var logokeuze = logo; var afbeelding = $('#logo_none').attr('src'); if (logo != "none") { if (id != "") { afbeelding = $('#shape_' + id).attr('src'); logokeuze += ", " + id; } } $('#logoinfo').html("Logo:<br />" + logokeuze); $('#logoparam').html("<img src=\"" + afbeelding + "\" />"); return false; } function setletter(id) { $('#fontwaarde').val(id); $('img.letter').removeClass('active'); $('#let' + id).addClass('active'); $.getJSON("backend.php?action=getrec&type=font&id=" + id, function(data) { var afbeelding = data['file'].replace(/\.ttf/i,".gif"); $('#letterparam').html("<img src=\"images/" + afbeelding + "\" />"); $('#fontkeuze').html(data['naam']); $('#letterinfo').html("Schriftart:<br />" + data['naam']); $('#hoogtemin').val(data[$('#minmaxsoort').val() + 'min']); $('#hoogtemax').val(data[$('#minmaxsoort').val() + 'max']); var min = parseInt($('#hoogtemin').val()); var max = parseInt($('#hoogtemax').val()); $('.letteropmerking').html(data['naam'] + ' ist verfugbar<br>von ' + min + ' mm bis ' + max + ' mm.'); var value = parseInt($('#stokhoogte').val()); if (value < min) { $('#stokhoogte').val(min); } if (value > max) { $('#stokhoogte').val(max); } checkfont(); }); return false; } function setled(id) { $('#ledwaarde').val(id); $('img.led').removeClass('active'); $('#led' + id).addClass('active'); $.getJSON("backend.php?action=getrec&type=ledkleur&id=" + id, function(data) { $('#ledparam').html("<img src=\"images/" + data['afbeelding'] + "\" />"); $('#ledkeuze').html(data['naam']); $('#ledinfo').html("LED Farbe:<br />" + data['naam']); $('#ledfactor').val(data['prijsfactor']); }); return false; } function setside(id) { $('#zijkantwaarde').val(id); $('img.side').removeClass('active'); $('#side' + id).addClass('active'); var thetype = $('#zijkanttype').val(); $.getJSON("backend.php?action=getrec&type=" + thetype + "&id=" + id, function(data) { $('#zijkantparam').html("<img src=\"images/" + data['afbeelding'] + "\" title=\"" + data['alt'] + "\" />"); $('#zijkantkeuze').html(data['naam']); $('#zijkantinfo').html("Seiten Farbe:<br />" + data['naam']); resetled(); }); return false; } function setfolie(id) { $('#foliewaarde').val(id); $('img.folie').removeClass('active'); $('#folie' + id).addClass('active'); var thetype = $('#voorkanttype').val(); $.getJSON("backend.php?action=getrec&type=" + thetype + "&id=" + id, function(data) { $('#folieparam').html("<img src=\"images/" + data['afbeelding'] + "\" title=\"" + data['alt'] + "\" />"); $('#foliekeuze').html(data['naam']); $('#folieinfo').html("Spiegel Farbe:<br />" + data['naam']); resetled(); }); return false; } function resetled() { var folieid = $('#foliewaarde').val(); $('div.ledkeuze').show(); var thetype = $('#voorkanttype').val(); $.getJSON("backend.php?action=getrec&type=" + thetype + "&id=" + folieid, function(data) { var noled = data['noled'].split(","); var curled = $('#ledwaarde').val(); for (i=0;i<noled.length;i++) { var xled = noled[i]; if (xled == curled) { setled(1); } $('#led'+xled).parents('div.ledkeuze').hide(); } }); var sideid = $('#zijkantwaarde').val(); var thetype = $('#zijkanttype').val(); $.getJSON("backend.php?action=getrec&type=" + thetype + "&id=" + sideid, function(data) { var noled = data['noled'].split(","); var curled = $('#ledwaarde').val(); for (i=0;i<noled.length;i++) { var xled = noled[i]; if (xled == curled) { setled(1); } $('#led'+xled).parents('div.ledkeuze').hide(); } }); } function setachter(id) { $('#achtergrondwaarde').val(id); $('img.achtergrond').removeClass('active'); $('#achter' + id).addClass('active'); $.getJSON("backend.php?action=getrec&type=achtergrond&id=" + id, function(data) { $('#achterparam').html("<img src=\"images/" + data['afbeelding'] + "\" />"); $('#backgroundkeuze').html(data['naam']); $('#achterinfo').html("Hintergrund:<br />" + data['naam']); if (data['naam'].match(/^sheet/) != null) { $('#damwandspecs').show(); } else { $('#damwandspecs').hide(); } }); return false; } function checktext() { var checked = true; var empty = /^\s*$/; var ledtekst = $('#ledtekst').val(); if ($('#ledtekst').val().match(empty)) { if ($('#logowaarde').val() == 'none') { $('#ledtekst').addClass('error'); $('.tekstopmerking').html('No text.'); checked = false; } else { $('#showmessage').html(ledtekst); $('#ledtekst').removeClass('error'); $('.tekstopmerking').html(''); } } else if ($('#ledtekst').val().length < 3) { $('#ledtekst').addClass('error'); $('.tekstopmerking').html('Wir berechnen nur werbungen ab 3 Buchstaben.'); checked = false; } else if ($('#ledtekst').val().length > 30) { $('#ledtekst').addClass('error'); $('.tekstopmerking').html('Wir berechnen nur Werbung bis 30 Buchstaben.'); checked = false; } else { $('#showmessage').html(ledtekst); $('#ledtekst').removeClass('error'); $('.tekstopmerking').html(''); } return checked; } function checklogo() { var checked = true; if ($('#logowaarde').val() != 'none') { if ($('#logowidth').val() == 0) { $('#ledtekst').addClass('error'); $('div.tekstopmerking').append('Logo Breite ist 0. '); checked = false; } if ($('#logoheight').val() == 0) { $('div.tekstopmerking').append('Logo Hšhe ist 0. '); checked = false; } } return checked; } function checkfont() { var checked = true; var anumber = /^\s*\d+\s*$/; var min = parseInt($('#hoogtemin').val()); var max = parseInt($('#hoogtemax').val()); if ($('#stokhoogte').val().match(anumber)) { var value = parseInt($('#stokhoogte').val()); if ((value < min) || (value > max)) { $('#stokhoogte').addClass('error'); $('.lettererror').html('Falsche Hšhe, bitter zwischen ' + min + ' und ' + max + '.'); checked = false; } else { $('#stokhoogte').removeClass('error'); $('.lettererror').html(''); } } else { $('#stokhoogte').addClass('error'); $('.lettererror').html('Falsche Hšhe, bitter zwischen ' + min + ' und ' + max + '.'); checked = false; } return checked; } function calcreadable() { var value = parseInt($('#stokhoogte').val()); var distance = ((value * 4)/10); if (!distance) { distance = 0; } $('#readable').html(distance + " m.") $('#signheight').html(value + " mm") return false; } $(function() { $('#keuzes ul').tabs({fxSlide:true, fxFade: true, fxSpeed : 'normal'}); }); $(document).ready(function() { $('#ledbestel input').keyup(function() { $('#addtocart').hide(); }); $('#ledbestel input').change(function() { $('#addtocart').hide(); }); $('#ledbestel select').change(function() { $('#addtocart').hide(); }); $('#ledbestel').submit(function() { return false; }); $('#ledtekst').keyup(function() { checktext(); }); $('#stokhoogte').keyup(function() { checkfont(); calcreadable(); }); setletter(1); setled(1); setfolie(11); setachter(4); setside(1); setlogo('none'); setshape('box'); calcreadable(); $('input#naam').keydown(function() { $('#quotereaction').hide(); }); $('input#email').keydown(function() { $('#quotereaction').hide(); }); });