view buy.html @ 41:c4747d955ac8 laserkard

[svn r42] fixed for Manasseh Israel
author rlm
date Mon, 25 Jan 2010 13:38:05 -0500
parents 1ac1409ea68c
children ef8615de8a9c
line wrap: on
line source
1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2 <html xmlns="http://www.w3.org/1999/xhtml">
3 <head>
4 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
6 <link href="./main.css" rel="stylesheet" type="text/css">
7 <link href="./sexy.css" rel="stylesheet" type="text/css">
9 <title>Laserkard | Design Studio</title>
11 <script type="text/javascript" src="./buycode.js"></script>
12 <script type="text/javascript" src="./awesome_js/raphael.js"></script>
13 <script type="text/javascript" src="./awesome_js/robert.js"></script>
14 <script type="text/javascript" src="./awesome_js/cufon-yui.js"></script>
15 <script type="text/javascript" src="./awesome_js/HelveticaNeue_LT_55_Roman_700-HelveticaNeue_LT_55_Roman_700-HelveticaNeue_LT_55_Roman_italic_700-HelveticaNeue_LT_55_Roman_italic_700.font.js"></script>
21 </head>
23 <body id = "buy">
32 PERL-REPLACE::TOP_MENU
35 <div id="whole">
37 <div id="templates" >PERL-REPLACE::TEMPLATES</div>
41 <div id = "centerbox" >
47 <div id= "trifold" >
51 <div id = "disp_contain"></div>
53 <div id="display">PERL-REPLACE::DISPLAY</div>
58 </div>
60 <div id="pokedex">PERL-REPLACE::POKEDEX</div>
64 </div>
67 <div id="inputbox" >PERL-REPLACE::INPUTBOX</div>
73 <div id="materials" onmouseover="pokedex(['args__materials'],['pokedex']);">PERL-REPLACE::MATERIALS</div>
76 </div>
80 <div id = "copyright">&copy; 2010 LaserKard, LLC</div>
83 <script language="javascript">
84 //this is the main painting object, established here and created with default painting values
85 var raphe = Raphael("disp_contain", 515, 318);
89 function drawElement(obj)
90 {
92 }
97 function redraw(style)
98 {
100 if (style == "bold")
101 {
105 if(typeof alias != 'undefined' ){alias.remove();}
106 if(typeof email != 'undefined' ){email.remove();}
107 if(typeof occupation != 'undefined' ){occupation.remove();}
108 if(typeof company != 'undefined' ){company.remove();}
109 if(typeof phone != 'undefined' ){phone.remove();}
110 if(typeof website != 'undefined' ){website.remove();}
111 if(typeof lnn != 'undefined' ){lnn.remove();}
115 var oText = document.getElementById('Name');
116 var text_val = oText.value;
117 alias = raphe.print(10, 160, text_val, raphe.getFont('HelveticaNeue', 700), 60);
118 alias.attr('stroke', '#6a6a6a');
119 alias.attr('fill', 'none')
120 var c = alias.getBBox().width;
121 alias.translate((485 - c)/2,0);
124 var oText = document.getElementById('Email');
125 var text_val = oText.value;
127 email = raphe.print(280, 270, text_val, raphe.getFont("HelveticaNeue", 700), 25);
128 email.attr('stroke', '#6a6a6a');
129 email.attr('fill', 'TRANSPARENT');
134 }
137 if (style == "arrow")
138 {
140 if(typeof alias != 'undefined' ){alias.remove();}
141 if(typeof email != 'undefined' ){email.remove();}
142 if(typeof occupation != 'undefined' ){occupation.remove();}
143 if(typeof company != 'undefined' ){company.remove();}
144 if(typeof phone != 'undefined' ){phone.remove();}
145 if(typeof website != 'undefined' ){website.remove();}
146 if(typeof lnn != 'undefined' ){lnn.remove();}
149 var oText = document.getElementById('Name');
150 var text_val = oText.value;
151 alias = raphe.print(40, 110, text_val, raphe.getFont('HelveticaNeue', 700), 55);
152 alias.attr('stroke', '#6a6a6a');
153 alias.attr('fill', 'none')
157 var oText = document.getElementById('Company');
158 var text_val = oText.value;
160 company = raphe.print(40, 155, text_val, raphe.getFont("HelveticaNeue", 700), 27);
161 company.attr('stroke', '#6a6a6a');
162 company.attr('fill', 'TRANSPARENT');
165 var oText = document.getElementById('Occupation');
166 var text_val = oText.value;
168 occupation = raphe.print(40, 190, text_val, raphe.getFont("HelveticaNeue", 700), 27);
169 occupation.attr('stroke', '#6a6a6a');
170 occupation.attr('fill', 'TRANSPARENT');
173 var oText = document.getElementById('Email');
174 var text_val = oText.value;
176 email = raphe.print(280, 270, text_val, raphe.getFont("HelveticaNeue", 700), 25);
177 email.attr('stroke', '#6a6a6a');
178 email.attr('fill', 'TRANSPARENT');
181 lnn = raphe.path("M 2 272 L 258 272");
182 lnn.attr('stroke', '#6a6a6a');
184 }
187 if (style == "classic")
188 {
190 if(typeof alias != 'undefined' ){alias.remove();}
191 if(typeof email != 'undefined' ){email.remove();}
192 if(typeof occupation != 'undefined' ){occupation.remove();}
193 if(typeof company != 'undefined' ){company.remove();}
194 if(typeof phone != 'undefined' ){phone.remove();}
195 if(typeof website != 'undefined' ){website.remove();}
196 if(typeof lnn != 'undefined' ){lnn.remove();}
199 var oText = document.getElementById('Email');
200 var text_val = oText.value;
202 email = raphe.print(0, 42, text_val, raphe.getFont("HelveticaNeue", 700), 29);
203 email.attr('stroke', '#6a6a6a');
204 email.attr('fill', 'TRANSPARENT');
205 var c = email.getBBox().width;
206 email.translate((510 - c)/2,0);
209 var oText = document.getElementById('Phone');
210 var text_val = oText.value;
212 phone = raphe.print(0, 75, text_val, raphe.getFont("HelveticaNeue", 700), 27);
213 phone.attr('stroke', '#6a6a6a');
214 phone.attr('fill', 'TRANSPARENT');
215 var c = phone.getBBox().width;
216 phone.translate((510 - c)/2,0);
221 var oText = document.getElementById('Name');
222 var text_val = oText.value;
223 alias = raphe.print(0, 164, text_val, raphe.getFont('HelveticaNeue', 800), 47);
224 alias.attr('stroke', '#6a6a6a');
225 alias.attr('fill', 'none')
226 var c = alias.getBBox().width;
227 alias.translate((510 - c)/2,0);
230 var oText = document.getElementById('Company');
231 var text_val = oText.value;
232 company = raphe.print(0, 247, text_val, raphe.getFont("HelveticaNeue", 700), 27);
233 company.attr('stroke', '#6a6a6a');
234 company.attr('fill', 'TRANSPARENT');
235 var c = company.getBBox().width;
236 company.translate((510 - c)/2,0);
239 var oText = document.getElementById('Occupation');
240 var text_val = oText.value;
242 occupation = raphe.print(0, 278, text_val, raphe.getFont("HelveticaNeue", 700), 27);
243 occupation.attr('stroke', '#6a6a6a');
244 occupation.attr('fill', 'TRANSPARENT');
245 var c = occupation.getBBox().width;
246 occupation.translate((510 - c)/2,0);
251 var oText = document.getElementById('Website');
252 var text_val = oText.value;
254 website = raphe.print(0, 0, text_val, raphe.getFont("HelveticaNeue", 700), 21);
255 website.attr('stroke', '#6a6a6a');
256 website.attr('fill', 'TRANSPARENT');
258 var c = website.getBBox().width;
259 website.translate((317 - c)/2,0);
261 website.translate(0, -490);
262 website.rotate(90,0,0);
263 }
266 if (style == "direct")
267 {
269 if(typeof alias != 'undefined' ){alias.remove();}
270 if(typeof email != 'undefined' ){email.remove();}
271 if(typeof occupation != 'undefined' ){occupation.remove();}
272 if(typeof company != 'undefined' ){company.remove();}
273 if(typeof phone != 'undefined' ){phone.remove();}
274 if(typeof website != 'undefined' ){website.remove();}
275 if(typeof lnn != 'undefined' ){lnn.remove();}
279 var oText = document.getElementById('Name');
280 var text_val = oText.value;
281 alias = raphe.print(37, 70, text_val, raphe.getFont('HelveticaNeue', 700), 55);
282 alias.attr('stroke', '#6a6a6a');
283 alias.attr('fill', 'none')
286 var oText = document.getElementById('Occupation');
287 var text_val = oText.value;
288 occupation = raphe.print(37, 120, text_val, raphe.getFont("HelveticaNeue", 700), 27);
289 occupation.attr('stroke', '#6a6a6a');
290 occupation.attr('fill', 'TRANSPARENT');
293 var oText = document.getElementById('Company');
294 var text_val = oText.value;
295 company = raphe.print(37, 178, text_val, raphe.getFont("HelveticaNeue", 700), 27);
296 company.attr('stroke', '#6a6a6a');
297 company.attr('fill', 'TRANSPARENT');
301 var oText = document.getElementById('Phone');
302 var text_val = oText.value;
303 phone = raphe.print(37, 210, text_val, raphe.getFont("HelveticaNeue", 700), 27);
304 phone.attr('stroke', '#6a6a6a');
305 phone.attr('fill', 'TRANSPARENT');
308 var oText = document.getElementById('Email');
309 var text_val = oText.value;
310 email = raphe.print(37, 240, text_val, raphe.getFont("HelveticaNeue", 700), 27);
311 email.attr('stroke', '#6a6a6a');
312 email.attr('fill', 'TRANSPARENT');
315 var oText = document.getElementById('Website');
316 var text_val = oText.value;
317 website = raphe.print(37, 270, text_val, raphe.getFont("HelveticaNeue", 700), 27);
318 website.attr('stroke', '#6a6a6a');
319 website.attr('fill', 'TRANSPARENT');
321 lnn = raphe.path("M 350 165 L 512 165 M 350 173 L 512 173 M 350 181 L 512 181 M 350 189 L 512 189 M 350 197 L 512 197 M 350 213 L 512 213 M 350 205 L 512 205 M 350 221 L 512 221");
322 lnn.attr('stroke', '#6a6a6a');
326 }
332 }
338 </script>
342 <script language="javascript">
345 redraw("bold");
347 </script>
349 </body>
351 </html>