Valor Blogger Template

SUBMITTED BY: Guest

DATE: Dec. 19, 2013, 10:07 a.m.

FORMAT: Text only

SIZE: 191.4 kB

Raw Download

HITS: 1010

Report
  1. <?xml version="1.0" encoding="UTF-8" ?>
  2. <!DOCTYPE html>
  3. <html expr:dir='data:blog.languageDirection' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'>
  4. <head>
  6. <b:include data='blog' name='all-head-content'/>
  8. <b:if cond='data:blog.pageType == "index"'>
  9. <title><data:blog.pageTitle/></title>
  10. <b:else/>
  11. <title><data:blog.pageName/> ~ <data:blog.title/></title>
  12. </b:if>
  14. <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800,300' rel='stylesheet' type='text/css'/>
  16. <!--[if lt IE 9]>
  17. <script type='text/javascript'>
  18. //<![CDATA[
  20. // html5shiv MIT @rem remysharp.com/html5-enabling-script
  21. // iepp v1.6.2 MIT @jon_neal iecss.com/print-protector
  22. /*@cc_on(function(a,b){function r(a){var b=-1;while(++b<f)a.createElement(e[b])}if(!(!window.attachEvent||!b.createStyleSheet||!function(){var a=document.createElement("div");a.innerHTML="<elem></elem>";return a.childNodes.length!==1}())){a.iepp=a.iepp||{};var c=a.iepp,d=c.html5elements||"abbr|article|aside|audio|canvas|datalist|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video",e=d.split("|"),f=e.length,g=new RegExp("(^|\\s)("+d+")","gi"),h=new RegExp("<(/*)("+d+")","gi"),i=/^\s*[\{\}]\s*$/,j=new RegExp("(^|[^\\n]*?\\s)("+d+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),k=b.createDocumentFragment(),l=b.documentElement,m=l.firstChild,n=b.createElement("body"),o=b.createElement("style"),p=/print|all/,q;c.getCSS=function(a,b){if(a+""===undefined)return"";var d=-1,e=a.length,f,g=[];while(++d<e){f=a[d];if(f.disabled)continue;b=f.media||b,p.test(b)&&g.push(c.getCSS(f.imports,b),f.cssText),b="all"}return g.join("")},c.parseCSS=function(a){var b=[],c;while((c=j.exec(a))!=null)b.push(((i.exec(c[1])?"\n":c[1])+c[2]+c[3]).replace(g,"$1.iepp_$2")+c[4]);return b.join("\n")},c.writeHTML=function(){var a=-1;q=q||b.body;while(++a<f){var c=b.getElementsByTagName(e[a]),d=c.length,g=-1;while(++g<d)c[g].className.indexOf("iepp_")<0&&(c[g].className+=" iepp_"+e[a])}k.appendChild(q),l.appendChild(n),n.className=q.className,n.id=q.id,n.innerHTML=q.innerHTML.replace(h,"<$1font")},c._beforePrint=function(){o.styleSheet.cssText=c.parseCSS(c.getCSS(b.styleSheets,"all")),c.writeHTML()},c.restoreHTML=function(){n.innerHTML="",l.removeChild(n),l.appendChild(q)},c._afterPrint=function(){c.restoreHTML(),o.styleSheet.cssText=""},r(b),r(k);if(c.disablePP)return;m.insertBefore(o,m.firstChild),o.media="print",o.className="iepp-printshim",a.attachEvent("onbeforeprint",c._beforePrint),a.attachEvent("onafterprint",c._afterPrint)}})(this,document)@*/
  24. //]]>
  25. </script>
  26. <![endif]-->
  28. <b:skin><![CDATA[/*
  29. -----------------------------------------------
  30. Template Name : Valor
  31. Author : NewBloggerThemes.com
  32. Author URL : http://newbloggerthemes.com/
  33. Theme URL : http://newbloggerthemes.com/valor-blogger-template/
  34. Created Date : Tuesday, October 4, 2012
  35. License : This template is free for both personal and commercial use, But to satisfy the 'attribution' clause of the license, you are required to keep the footer links intact which provides due credit to its authors.For more information about this license, please use this link :http://creativecommons.org/licenses/by/3.0/
  36. ----------------------------------------------- */
  38. body#layout ul{list-style-type:none;list-style:none}
  39. body#layout ul li{list-style-type:none;list-style:none}
  40. body#layout #content {width:600px;}
  41. body#layout #nbtfeature {display:none;}
  42. body#layout #videoslide {display:none;}
  44. /* Variable definitions
  45. ====================
  47. */
  49. /* Use this with templates/template-twocol.html */
  51. html, body, div, span, applet, object, iframe,
  52. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  53. a, abbr, acronym, address, big, cite, code,
  54. del, dfn, em, font, ins, kbd, q, s, samp,
  55. small, strike, strong, sub, sup, tt, var,
  56. dl, dt, dd, ol, ul, li,
  57. fieldset, form, label, legend,
  58. table, caption, tbody, tfoot, thead, tr, th, td {
  59. border: 0;
  60. font-style: inherit;
  61. font-weight: inherit;
  62. margin: 0;
  63. outline: 0;
  64. padding: 0;
  65. vertical-align: baseline;
  66. }
  68. :focus {
  69. /* remember to define focus styles! */
  70. outline: 0;
  71. }
  73. ol, ul {
  74. list-style: none;
  75. }
  77. table {
  78. /* tables still need 'cellspacing="0"' in the markup */
  79. border-collapse: separate;
  80. border-spacing: 0;
  81. }
  83. caption, th, td {
  84. font-weight: normal;
  85. text-align: left;
  86. }
  88. blockquote:before, blockquote:after,
  89. q:before, q:after {
  90. content: "";
  91. }
  93. blockquote, q {
  94. quotes: "" "";
  95. }
  97. a img {
  98. border: 0;
  99. }
  101. article, aside, details, figcaption, figure,
  102. footer, header, hgroup, menu, nav, section {
  103. display: block;
  104. }
  106. /* BASIC */
  108. body {
  109. font-family: Open Sans,Arial,Century gothic, sans-serif;
  110. color: #555;
  111. font-size: 13px;
  112. font-weight: 300;
  113. background-image: url(http://1.bp.blogspot.com/-fW8OquHNB4c/UQhGc8K08EI/AAAAAAAABAo/xAtgZ7OQIJM/s000/background.jpg);
  114. background-repeat: repeat-x;
  115. background-position: top center;
  116. background-attachment: fixed;
  117. background-color: #eee;
  118. }
  120. img {
  121. border: 0;
  122. margin: 0;
  123. }
  125. a {
  126. color: #3C95D5;
  127. text-decoration: none;
  128. outline: none;
  129. }
  131. a:hover {
  132. color: #000;
  133. text-decoration: none;
  134. }
  136. blockquote {
  137. color: #59666f;
  138. font-style: italic;
  139. font-family: Georgia;
  140. padding: 10px;
  141. }
  143. .clear {
  144. clear: both;
  145. }
  147. table {
  148. border-collapse: collapse;
  149. border-spacing: 0;
  150. border: 1px solid #fff;
  151. margin: 10px 0;
  152. }
  154. table td,table th {
  155. text-align: left;
  156. border: 1px solid #fff;
  157. padding: .4em .8em;
  158. }
  160. table th {
  161. background: #ddd;
  162. color: #999;
  163. text-transform: uppercase;
  164. font-weight: 400;
  165. border: 1px solid #fff;
  166. }
  168. table td {
  169. border: 1px solid #fff;
  170. background: #eee;
  171. color: #555;
  172. }
  174. table tr.even td {
  175. background: #eee;
  176. border: none;
  177. }
  179. table tr:hover td {
  180. background: #FFF9DF;
  181. }
  183. img.aligncenter {
  184. display: block;
  185. margin-left: auto;
  186. margin-right: auto;
  187. margin-bottom: 10px;
  188. background: #eee;
  189. padding: 5px;
  190. }
  192. img.alignnone {
  193. display: inline;
  194. background: #eee;
  195. margin: 0 0 10px;
  196. padding: 5px;
  197. }
  199. img.alignright {
  200. display: inline;
  201. background: #eee;
  202. margin: 5px 0 10px 10px;
  203. padding: 5px;
  204. }
  206. img.alignleft {
  207. display: inline;
  208. background: #eee;
  209. margin: 5px 15px 10px 0;
  210. padding: 5px;
  211. }
  213. .aligncenter {
  214. display: block;
  215. margin-left: auto;
  216. margin-right: auto;
  217. margin-bottom: 10px;
  218. }
  220. .alignright {
  221. float: right;
  222. margin: 0 0 10px 10px;
  223. }
  225. .alignleft {
  226. float: left;
  227. margin: 10px 15px 10px 0;
  228. }
  230. .wp-caption {
  231. text-align: center;
  232. background: #eee;
  233. margin: 10px;
  234. padding: 4px 0 5px;
  235. }
  237. .wp-caption img {
  238. border: 0;
  239. margin: 0 0 5px;
  240. padding: 0;
  241. }
  243. .wp-caption p.wp-caption-text {
  244. font-size: 11px;
  245. font-weight: 400;
  246. line-height: 12px;
  247. color: #444;
  248. margin: 0;
  249. padding: 0;
  250. }
  252. .clearfix:after {
  253. content: ".";
  254. display: block;
  255. clear: both;
  256. visibility: hidden;
  257. line-height: 0;
  258. height: 0;
  259. }
  261. .clearfix {
  262. display: inline-block;
  263. }
  265. html[xmlns] .clearfix {
  266. display: block;
  267. }
  269. * html .clearfix {
  270. height: 1%;
  271. }
  273. h1,
  274. h2,
  275. h3,
  276. h4,
  277. h5,
  278. h6 {
  279. font-weight: 700;
  280. padding: 0;
  281. }
  285. /* #Forms
  286. ================================================== */
  288. form {
  289. margin-bottom: 20px;
  290. }
  292. fieldset {
  293. margin-bottom: 20px;
  294. }
  296. input[type="text"],
  297. input[type="password"],
  298. input[type="email"],
  299. textarea,
  300. select {
  301. border: 1px solid #ccc;
  302. padding: 6px 4px;
  303. outline: none;
  304. -moz-border-radius: 2px;
  305. -webkit-border-radius: 2px;
  306. border-radius: 2px;
  307. font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  308. color: #777;
  309. margin: 0;
  310. width: 210px;
  311. max-width: 100%;
  312. display: block;
  313. margin-bottom: 20px;
  314. background: #fff;
  315. }
  317. select {
  318. padding: 0;
  319. }
  321. textarea {
  322. min-height: 60px;
  323. }
  325. label,
  326. legend {
  327. display: block;
  328. font-weight: bold;
  329. font-size: 13px;
  330. }
  332. select {
  333. width: 220px;
  334. }
  336. input[type="checkbox"] {
  337. display: inline;
  338. }
  340. label span,
  341. legend span {
  342. font-weight: normal;
  343. font-size: 13px;
  344. color: #444;
  345. }
  348. /* OUTER */
  350. #wrapper {
  351. margin: 50px auto;
  352. background: #fff;
  353. width: 1000px;
  354. }
  356. #casing {
  357. padding: 0px 0px 25px 0px;
  358. }
  359. /*Header*/
  361. #masthead {
  362. height: 160px;
  363. }
  365. #top {
  366. height: 100px;
  367. width: 1000px;
  368. }
  370. .blogname {
  371. width: 600px;
  372. float: left;
  373. margin: 20px 0px 0px 25px;
  374. }
  376. .blogname h1 {
  377. font-weight: 800;
  378. font-size: 30px;
  379. text-transform: uppercase;
  380. }
  382. .blogname h1 a, .blogname h1 a:visited {
  383. color: #000;
  384. }
  386. .blogname h2 {
  387. font-size: 14px;
  388. color: #333333;
  389. }
  393. /* TOP-MENU */
  395. #botmenu {
  396. height: 60px;
  397. width: 1000px;
  398. margin: 0px auto;
  399. float: left;
  400. background: url(http://3.bp.blogspot.com/-5UChsQh382s/UQhGdXy8_EI/AAAAAAAABAw/Pdm66BVYg2w/s000/menu.png) repeat-x;
  401. }
  403. #subnav {
  404. clear: both;
  405. color: #fff;
  406. font-size: 14px;
  407. text-transform: uppercase;
  408. margin: 0 auto;
  409. overflow: hidden;
  410. width: 1000px;
  411. }
  413. #subnav ul {
  414. float: left;
  415. width: 970px;
  416. padding: 0px 15px;
  417. }
  419. #subnav li {
  420. float: left;
  421. list-style-type: none;
  422. font-weight: 700;
  423. }
  425. #subnav li a {
  426. color: #e7e7e7;
  427. display: block;
  428. padding: 25px 10px 15px 10px;
  429. position: relative;
  430. text-decoration: none;
  431. }
  433. #subnav li a:hover,
  434. #subnav li a:active,
  435. #subnav .current-menu-item a {
  436. background: url(http://1.bp.blogspot.com/-QjzO7_THles/UQhGdozMimI/AAAAAAAABA4/0f97og2MbQY/s000/menua.png) repeat-x;
  437. color: #fff;
  438. }
  440. #subnav li a .sf-sub-indicator {
  441. display: block;
  442. overflow: hidden;
  443. position: absolute;
  444. text-indent: -9999px;
  445. }
  447. #subnav li li a,
  448. #subnav li li a:link,
  449. #subnav li li a:visited {
  450. background-color: #383e40;
  451. border-top-width: 0;
  452. color: #e7e7e7;
  453. font-size: 13px;
  454. padding: 10px 10px;
  455. position: relative;
  456. text-transform: none;
  457. width: 140px;
  458. font-weight: 400;
  459. }
  461. #subnav li li a:hover,
  462. #subnav li li a:active {
  463. color: #fff;
  464. background: #262A2B;
  465. }
  467. #subnav li ul {
  468. height: auto;
  469. padding: 0px 0px;
  470. left: -9999px;
  471. margin: 0 0 0 1px;
  472. position: absolute;
  473. width: 160px;
  474. z-index: 9999;
  475. }
  477. #subnav li ul a {
  478. width: 160px;
  479. }
  481. #subnav li ul ul {
  482. margin: -38px 0 0 160px;
  483. }
  485. #subnav li:hover>ul,
  486. #subnav li.sfHover ul {
  487. left: auto;
  488. }
  492. /* SEARCH FORM */
  495. #search {
  496. width: 270px;
  497. padding: 0px;
  498. margin: 35px 25px 0px 0px;
  499. display: inline-block;
  500. float: right;
  501. background: #f8f8f8;
  502. border: 1px solid #e7e7e7;
  503. }
  505. #search form {
  506. margin: 0px 0px 0px 0px;
  507. padding: 0;
  508. }
  510. #search fieldset {
  511. margin: 0;
  512. padding: 0;
  513. border: none;
  514. }
  516. #search p {
  517. margin: 0;
  518. font-size: 85%;
  519. }
  521. #s {
  522. width: 200px;
  523. background: #f8f8f8;
  524. margin: 0px 0px 0px 0px;
  525. padding: 5px 5px;
  526. height: 20px;
  527. border: none;
  528. color: #555;
  529. float: left;
  530. display: inline;
  531. }
  533. #searchsubmit {
  534. background: #2C3436;
  535. border: none;
  536. color: #fff;
  537. display: block;
  538. width: 60px;
  539. height: 30px;
  540. line-height: 30px;
  541. float: right;
  542. cursor: pointer;
  543. margin: 0px 0px 0px 0px;
  544. }
  547. /*Carousel */
  549. #videoslide {
  550. background: #1c2122;
  551. width: 1000px;
  552. position: relative;
  553. border-top: 5px solid #000;
  554. height:348px;
  555. overflow:hidden;
  556. }
  558. .caroselhead {
  559. background: url(http://2.bp.blogspot.com/-jE_oWXntT7U/UQhGehGBGvI/AAAAAAAABBA/M4HJBugCbmM/s000/caros.png) top repeat-x;
  560. height: 43px;
  561. }
  563. .caroselhead h2 {
  564. float: left;
  565. font-weight: 400;
  566. text-transform: uppercase;
  567. color: #fff;
  568. padding-top: 8px;
  569. margin-left: 25px;
  570. }
  572. .prev {
  573. position: absolute;
  574. top: 10px;
  575. right: 50px;
  576. width: 19px;
  577. height: 19px;
  578. background: url(http://3.bp.blogspot.com/-9S2IgU18M4Q/UQhGe1AsThI/AAAAAAAABBI/YnU1V3YcK6k/s000/left.png);
  579. }
  581. .next {
  582. position: absolute;
  583. top: 10px;
  584. right: 25px;
  585. width: 19px;
  586. height: 19px;
  587. background: url(http://4.bp.blogspot.com/-mh0cOgPed2A/UQhGfeozblI/AAAAAAAABBQ/4vV1vLrzHaY/s000/right.png);
  588. }
  590. .timer {
  591. background-color: #F64118;
  592. height: 1px;
  593. width: 0px;
  594. }
  596. li.panel {
  597. float: left;
  598. width: 170px;
  599. background: #eee;
  600. margin-left: 25px;
  601. margin-top: 25px;
  602. margin-bottom: 25px;
  603. list-style: none;
  604. }
  606. img.v-image {
  607. margin: 10px 10px 0px 10px;
  608. }
  610. .panel h3 {
  611. text-align: center;
  612. text-transform: uppercase;
  613. color: #000;
  614. font-size: 14px;
  615. margin: 10px 0px;
  616. font-weight: 700;
  617. }
  619. .panel h3 a,.panel h3 a:visited {
  620. color: #000;
  621. }
  623. /*home left*/
  625. #home-content {
  626. width: 560px;
  627. margin: 25px 0px 0px 25px;
  628. float: left;
  629. }
  631. h2.sectionhead {
  632. font-weight: 400;
  633. text-transform: uppercase;
  634. color: #555;
  635. border-bottom: 1px solid #bbb;
  636. padding-bottom: 10px;
  637. margin-bottom: 10px;
  638. }
  640. .story {
  641. margin-bottom: 25px;
  642. }
  644. span.categ {
  645. font-size: 10px;
  646. text-transform: uppercase;
  647. }
  649. span.categ a, span.categ a:visited {
  650. color: #3C95D5;
  651. }
  653. .story h2 {
  654. font-weight: 700;
  655. text-transform: uppercase;
  656. font-size: 14px;
  657. padding: 0px 0px 10px 0px;
  658. }
  660. .story h2 a, .story h2 a:visited {
  661. color: #000;
  662. }
  664. img.s-image {
  665. float: left;
  666. margin: 5px 20px 0px 0px;
  667. }
  669. a.rmore {
  670. padding: 3px 8px;
  671. background: #333;
  672. color: #fff;
  673. -webkit-border-radius: 3px;
  674. -moz-border-radius: 3px;
  675. border-radius: 3px;
  676. float:right;
  677. margin-right:10px;
  678. margin-top:5px;
  679. }
  682. /*Home right*/
  684. #homeright {
  685. width: 365px;
  686. float: right;
  687. margin-right: 25px;
  688. margin-top: 25px;
  689. }
  691. .latest-review {
  692. margin-bottom: 20px;
  693. }
  695. .reviewbox {
  696. margin-bottom: 10px;
  697. padding-bottom: 10px;
  698. border-bottom: 1px dotted #ddd;
  699. }
  701. .reviewbox h2 {
  702. font-weight: 700;
  703. text-transform: uppercase;
  704. font-size: 14px;
  705. padding: 0px 0px 10px 0px;
  706. }
  708. .reviewbox h2 a, .reviewbox h2 a:visited {
  709. color: #000;
  710. }
  712. p.rate {
  713. font-weight: 400;
  714. text-transform: uppercase;
  715. font-size: 12px;
  716. margin-bottom: 0px;
  717. }
  719. p.orate {
  720. font-weight: 700;
  721. text-transform: uppercase;
  722. font-size: 14px;
  723. margin-bottom: 0px;
  724. color: #E21212;
  725. }
  727. /*Article*/
  729. #left {
  730. float: left;
  731. margin-left: 25px;
  732. margin-top: 25px;
  733. width: 640px;
  734. word-wrap:break-word;
  735. overflow:hidden;
  736. }
  738. .post {
  739. margin-bottom: 20px;
  740. }
  742. .bposttitle {
  743. padding-bottom: 20px;
  744. }
  746. .bposttitle h2, .bposttitle h2 a, .bposttitle h2 a:visited {
  747. font-weight: 700;
  748. color: #000;
  749. font-size: 24px;
  750. margin-bottom:5px;
  751. }
  753. .entry,.bentry {
  754. line-height: 24px;
  755. }
  757. .entry p {
  758. margin-bottom: 10px;
  759. }
  761. .entry h1,
  762. .entry h2,
  763. .entry h3,
  764. .entry h4,
  765. .entry h5,
  766. .entry h6 {
  767. margin: 0 0 20px 0;
  768. }
  770. .entry ul, .entry ol {
  771. margin: .4em 0 1em;
  772. line-height: 150%;
  773. }
  775. .entry ul li, .entry ol li {
  776. list-style-position: outside;
  777. margin-left: 1.6em;
  778. }
  780. .entry ol li {
  781. list-style: decimal;
  782. }
  784. .entry ul li {
  785. list-style: disc;
  786. }
  788. img.postim {
  789. margin-bottom: 20px;
  790. }
  792. img.vs-image {
  793. float: left;
  794. margin: 5px 20px 20px 0px;
  795. }
  797. /*Review*/
  799. .ratebar {
  800. height: 30px;
  801. width: 660px;
  802. background: #eee;
  803. margin: 10px 0px 0px 0px;
  804. }
  806. span.ratehead {
  807. display: block;
  808. width: 100px;
  809. background: #222;
  810. color: #fff;
  811. text-transform: uppercase;
  812. font-weight: 700;
  813. padding: 0px 10px;
  814. line-height: 30px;
  815. float: left;
  816. font-size: 18px;
  817. }
  819. span.ratevalue {
  820. display: block;
  821. width: 40px;
  822. background: #000;
  823. color: #fff;
  824. text-transform: uppercase;
  825. font-weight: 700;
  826. line-height: 30px;
  827. text-align: center;
  828. float: left;
  829. font-size: 18px;
  830. }
  832. span.rbar {
  833. background: #5ED341;
  834. display: block;
  835. float: left;
  836. height: 30px;
  837. }
  839. .rate-1 {
  840. width: 50px
  841. }
  843. .rate-2 {
  844. width: 100px
  845. }
  847. .rate-3 {
  848. width: 150px
  849. }
  851. .rate-4 {
  852. width: 200px
  853. }
  855. .rate-5 {
  856. width: 250px
  857. }
  859. .rate-6 {
  860. width: 300px
  861. }
  863. .rate-7 {
  864. width: 350px
  865. }
  867. .rate-8 {
  868. width: 400px
  869. }
  871. .rate-9 {
  872. width: 450px
  873. }
  875. .rate-10 {
  876. width: 500px
  877. }
  879. /*Sidebar*/
  881. #right {
  882. float: right;
  883. margin-right: 25px;
  884. margin-top: 25px;
  885. width: 280px;
  886. word-wrap:break-word;
  887. overflow:hidden;
  888. }
  890. .sidebar {
  891. color: #666666;
  892. line-height: 20px;
  893. }
  895. .sidebar a {
  896. text-decoration: none;
  897. color: #666666;
  898. }
  900. .sidebar a: hover {
  901. text-decoration: none;
  902. color: #000000;
  903. }
  905. .sidebar .widget {
  906. margin: 0 0 25px 0;
  907. }
  909. .sidebar .widget h2 {
  910. color: #000000;
  911. margin-bottom: 10px;
  912. text-transform: uppercase;
  913. padding: 0 0 0 0;
  914. font-size: 14px;
  915. font-weight: 700;
  916. }
  918. .sidebar .widget-content {
  919. margin: 0;
  920. }
  922. .sidebar ul {
  923. list-style-type: none;
  924. list-style: none;
  925. margin: 0;
  926. padding: 0;
  927. }
  929. .sidebar ul li {
  930. border-bottom: 1px solid #F4F4F4;
  931. padding: 7px 0;
  932. margin: 0px;
  933. }
  935. /*Footer*/
  937. #bottom {
  938. background: #1C2122;
  939. width: 1000px;
  940. }
  942. #bottom ul {
  943. margin: 0px;
  944. padding: 0px;
  945. }
  947. .botwid {
  948. float: left;
  949. width: 280px;
  950. margin: 28px 0px 25px 25px;
  951. list-style: none;
  952. }
  954. .botwid .widget h2 {
  955. padding: 0px 0px 15px 0px;
  956. color: #fff;
  957. font-size: 14px;
  958. font-weight: 700;
  959. text-transform: uppercase;
  960. }
  962. .botwid ul {
  963. list-style-type: none;
  964. margin: 0px;
  965. padding: 0px 0px 0px 0px;
  966. }
  968. .botwid li {
  969. list-style-type: none;
  970. margin: 0;
  971. padding: 0;
  972. }
  974. .botwid ul ul {
  975. list-style-type: none;
  976. margin: 0;
  977. padding: 0px 0px 0px 0px;
  978. background-repeat: no-repeat;
  979. }
  981. .botwid ul ul ul {
  982. list-style-type: none;
  983. margin: 0;
  984. padding: 0;
  985. border: 0;
  986. }
  988. .botwid ul ul ul ul {
  989. list-style-type: none;
  990. margin: 0;
  991. padding: 0;
  992. border: 0;
  993. }
  995. .botwid ul li {
  996. padding: 7px 0px 7px 0px;
  997. border-bottom: 1px dotted #444;
  998. }
  1000. .botwid ul li a:link, .botwid ul li a:visited {
  1001. color: #888;
  1002. }
  1004. .botwid ul li a:hover {
  1005. color: #fff;
  1006. }
  1008. .botwid .textwidget {
  1009. padding: 7px 0px;
  1010. margin: 0;
  1011. line-height: 160%;
  1012. color: #888;
  1013. }
  1015. #footer {
  1016. background: #111;
  1017. padding: 25px 0px;
  1018. text-align: center;
  1019. }
  1021. .fcred,.fcred a, .fcred a:visited {
  1022. color: #eee;
  1023. }
  1025. /* Browser Resets */
  1026. #nbtfeature {
  1027. width:1000px;
  1028. height:500px;
  1029. overflow:hidden;
  1030. }
  1031. .flex-container a:active,
  1032. .flexslider a:active,
  1033. .flex-container a:focus,
  1034. .flexslider a:focus {outline: none;}
  1035. .slides,
  1036. .flex-control-nav,
  1037. .flex-direction-nav {margin: 0; padding: 0; list-style: none;}
  1039. /* FlexSlider Necessary Styles
  1040. *********************************/
  1041. .flexslider {margin: 0; padding: 0;}
  1042. .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  1043. .flexslider .slides img {max-width: 100%; display: block;}
  1044. .flex-pauseplay span {text-transform: capitalize;}
  1046. /* Clearfix for the .slides element */
  1047. .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;}
  1048. html[xmlns] .slides {display: block;}
  1049. * html .slides {height: 1%;}
  1051. /* No JavaScript Fallback */
  1052. /* If you are not using another script, such as Modernizr, make sure you
  1053. * include js that eliminates this class on page load */
  1054. .no-js .slides > li:first-child {display: block;}
  1057. /* FlexSlider Default Theme
  1058. *********************************/
  1059. .flexslider {background: #fff; position: relative; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; zoom: 1;}
  1060. .flexslider .slides {zoom: 1;}
  1061. .flexslider .slides > li {position: relative;}
  1062. /* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
  1063. .flex-container {zoom: 1; position: relative;}
  1065. /* Caption style */
  1066. /* IE rgba() hack */
  1067. .flex-caption {background:url(http://4.bp.blogspot.com/-HIk92t1GNCA/UQhGf1S-3fI/AAAAAAAABBU/iNJ0ur-T20Y/s000/trans.png);}
  1068. .flex-caption {width: 950px; padding: 2% 25px; margin: 0; position: absolute; left: 0; bottom: 0; background: rgba(f,f,f,.3); color: #000; font-size: 14px; line-height: 22px;}
  1069. .flex-caption h3{ text-transform:uppercase; font-weight:700; color:#000; margin-bottom:5px;}
  1070. /* Direction Nav */
  1071. .flex-direction-nav { height: 0; }
  1072. .flex-direction-nav li a {width: 32px; height: 32px; margin: -16px 0 0; display: block; background: url(http://1.bp.blogspot.com/-Nj2T2OYJQOE/UQhGgvxXRUI/AAAAAAAABBg/BH2pkzGyjxY/s000/bg_direction_nav.png) no-repeat; position: absolute; top: 50%; cursor: pointer; text-indent: -999em;}
  1073. .flex-direction-nav li .next {background-position: -32px 0; right: 20px;}
  1074. .flex-direction-nav li .prev {left: 20px;}
  1075. .flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
  1077. /* Control Nav */
  1078. .flex-control-nav {width: 100%; position: absolute; bottom: -30px; text-align: center;}
  1079. .flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
  1080. .flex-control-nav li:first-child {margin: 0;}
  1081. .flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(theme/bg_control_nav.png) no-repeat; cursor: pointer; text-indent: -999em;}
  1082. .flex-control-nav li a:hover {background-position: 0 -13px;}
  1083. .flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
  1085. h2.date-header {
  1086. margin: 1.5em 0 .5em;
  1087. display: none;
  1088. }
  1090. .main .widget {
  1091. margin: 0 0 5px;
  1092. padding: 0 0 2px;
  1093. }
  1095. .main .Blog {
  1096. border-bottom-width: 0;
  1097. }
  1099. #header .description {
  1100. color:#ffffff;
  1101. font-size:14px;
  1102. text-shadow:0px 1px 0px #000000;
  1103. }
  1105. /* Comments----------------------------------------------- */
  1106. #comments {
  1107. padding:10px;
  1108. }
  1110. #comment-name-url {
  1111. width: 365px;
  1112. float: left;
  1113. }
  1115. #comment-date {
  1116. width: 365px;
  1117. float: left;
  1118. margin-top: 5px;
  1119. font-size: 10px;
  1120. }
  1122. #comment-header {
  1123. float: left;
  1124. padding: 5px 0 40px 10px;
  1125. margin: 5px 0 15px 0;
  1126. position: relative;
  1127. background-color: #ffffff;
  1128. border: 1px dashed #eeeeee;
  1129. }
  1131. .avatar-image-container {
  1132. background: url(http: //4.bp.blogspot.com/_4HKUHirY_2U/TLlJUqSaolI/AAAAAAAAEq4/qpgAHAOe9x0/s1600/comment-avatar.jpg);
  1133. width: 32px;
  1134. height: 32px;
  1135. float: right;
  1136. margin: 5px 10px 5px 5px;
  1137. border: 1px solid #dddddd;
  1138. }
  1140. .avatar-image-container img {
  1141. width: 32px;
  1142. height: 32px;
  1143. }
  1145. a.comments-autor-name {
  1146. color: #000000;
  1147. font: normal bold 14px Arial, Tahoma, Verdana;
  1148. }
  1150. a.says {
  1151. color: #000000;
  1152. font: normal 14px Arial, Tahoma, Verdana;
  1153. }
  1155. .says a:hover {
  1156. text-decoration: none;
  1157. }
  1159. .deleted-comment {
  1160. font-style: italic;
  1161. color: gray;
  1162. }
  1164. #blog-pager-newer-link {
  1165. float: left;
  1166. }
  1168. #blog-pager-older-link {
  1169. float: right;
  1170. }
  1172. #blog-pager {
  1173. text-align: center;
  1174. }
  1176. .feed-links {
  1177. clear: both;
  1178. }
  1180. /* Profile ----------------------------------------------- */
  1181. .profile-img {
  1182. float: left;
  1183. margin-top: 0;
  1184. margin-right: 5px;
  1185. margin-bottom: 5px;
  1186. margin-left: 0;
  1187. padding: 4px;
  1188. border: 1px solid #eeeeee;
  1189. }
  1191. .profile-data {
  1192. margin: 0;
  1193. text-transform: uppercase;
  1194. letter-spacing: .1em;
  1195. color: #000000;
  1196. font-weight: bold;
  1197. line-height: 1.6em;
  1198. }
  1200. .profile-datablock {
  1201. margin: .5em 0 .5em;
  1202. }
  1204. .profile-textblock {
  1205. margin: 0.5em 0;
  1206. line-height: 1.6em;
  1207. }
  1209. .avatar-image-container {
  1210. background: url(http://4.bp.blogspot.com/-oEHFQC4ML6E/UQhGhA3j8TI/AAAAAAAABBo/FJug3ZNPqLA/s000/comment-avatar.jpg);
  1211. width: 32px;
  1212. height: 32px;
  1213. float: right;
  1214. margin: 5px 10px 5px 5px;
  1215. border: 1px solid #dddddd;
  1216. }
  1218. .avatar-image-container img {
  1219. width: 32px;
  1220. height: 32px;
  1221. }
  1223. .profile-link {
  1224. text-transform: uppercase;
  1225. letter-spacing: .1em;
  1226. }
  1228. .comment-form {
  1229. max-width: 600px;
  1230. }
  1232. #navbar-iframe {
  1233. height: 0;
  1234. visibility: hidden;
  1235. display: none;
  1236. }
  1238. .cover {
  1239. float: left;
  1240. width: 100%;
  1241. }
  1243. .PopularPosts .widget-content ul li {
  1244. padding:6px 0px;
  1245. }
  1247. .reaction-buttons table{
  1248. border:none;
  1249. margin-bottom:5px;
  1250. }
  1252. .reaction-buttons table, .reaction-buttons td{
  1253. border:none;
  1254. }
  1256. ]]></b:skin>
  1258. <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js' type='text/javascript'/>
  1260. <script type='text/javascript'>
  1261. //<![CDATA[
  1263. jQuery(document).ready(function() {
  1265. /* Banner class */
  1267. jQuery('.squarebanner ul li:nth-child(even)').addClass('rbanner');
  1269. jQuery('ul.siderevs li:last,ul.sidetops li:last').css('border', 'none');
  1271. /* Navigation */
  1272. jQuery('#subnav ul.sfmenu').superfish({
  1273. delay: 500, // 0.1 second delay on mouseout
  1274. animation: {opacity:'show',height:'show'}, // fade-in and slide-down animation
  1275. dropShadows: true // disable drop shadows
  1276. });
  1278. jQuery('.flexslider').flexslider({
  1279. controlNav: false,
  1280. directionNav:true,
  1281. animation: "fade", //String: Select your animation type, "fade" or "slide"
  1282. slideshow: true //Boolean: Animate slider automatically
  1283. });
  1285. // Carousel
  1286. jQuery('#carousel').carouFredSel({
  1287. prev: '#prev2',
  1288. next: '#next2',
  1289. auto: {
  1290. pauseOnHover: 'resume',
  1291. onPauseStart: function( percentage, duration ) {
  1292. jQuery(this).trigger( 'configuration', ['width', function( value ) {
  1293. jQuery('#timer1').stop().animate({
  1294. width: value
  1295. }, {
  1296. duration: duration,
  1297. easing: 'linear'
  1298. });
  1299. }]);
  1300. },
  1301. onPauseEnd: function( percentage, duration ) {
  1302. jQuery('#timer1').stop().width( 0 );
  1303. },
  1304. onPausePause: function( percentage, duration ) {
  1305. jQuery('#timer1').stop();
  1306. }
  1307. }
  1308. });
  1310. });
  1312. //]]>
  1313. </script>
  1315. <script type='text/javascript'>
  1316. //<![CDATA[
  1318. /*
  1319. * Superfish v1.4.8 - jQuery menu widget
  1320. * Copyright (c) 2008 Joel Birch
  1321. *
  1322. * Dual licensed under the MIT and GPL licenses:
  1323. * http://www.opensource.org/licenses/mit-license.php
  1324. * http://www.gnu.org/licenses/gpl.html
  1325. *
  1326. * CHANGELOG: http://users.tpg.com.au/j_birch/plugins/superfish/changelog.txt
  1327. */
  1328. (function($){$.fn.superfish=function(op){var sf=$.fn.superfish,c=sf.c,$arrow=$(['<span class="',c.arrowClass,'"> &#xbb;</span>'].join("")),over=function(){var $$=$(this),menu=getMenu($$);clearTimeout(menu.sfTimer);$$.showSuperfishUl().siblings().hideSuperfishUl();},out=function(){var $$=$(this),menu=getMenu($$),o=sf.op;clearTimeout(menu.sfTimer);menu.sfTimer=setTimeout(function(){o.retainPath=($.inArray($$[0],o.$path)>-1);$$.hideSuperfishUl();if(o.$path.length&&$$.parents(["li.",o.hoverClass].join("")).length<1){over.call(o.$path);}},o.delay);},getMenu=function($menu){var menu=$menu.parents(["ul.",c.menuClass,":first"].join(""))[0];sf.op=sf.o[menu.serial];return menu;},addArrow=function($a){$a.addClass(c.anchorClass).append($arrow.clone());};return this.each(function(){var s=this.serial=sf.o.length;var o=$.extend({},sf.defaults,op);o.$path=$("li."+o.pathClass,this).slice(0,o.pathLevels).each(function(){$(this).addClass([o.hoverClass,c.bcClass].join(" ")).filter("li:has(ul)").removeClass(o.pathClass);});sf.o[s]=sf.op=o;$("li:has(ul)",this)[($.fn.hoverIntent&&!o.disableHI)?"hoverIntent":"hover"](over,out).each(function(){if(o.autoArrows){addArrow($(">a:first-child",this));}}).not("."+c.bcClass).hideSuperfishUl();var $a=$("a",this);$a.each(function(i){var $li=$a.eq(i).parents("li");$a.eq(i).focus(function(){over.call($li);}).blur(function(){out.call($li);});});o.onInit.call(this);}).each(function(){var menuClasses=[c.menuClass];if(sf.op.dropShadows&&!($.browser.msie&&$.browser.version<7)){menuClasses.push(c.shadowClass);}$(this).addClass(menuClasses.join(" "));});};var sf=$.fn.superfish;sf.o=[];sf.op={};sf.IE7fix=function(){var o=sf.op;if($.browser.msie&&$.browser.version>6&&o.dropShadows&&o.animation.opacity!=undefined){this.toggleClass(sf.c.shadowClass+"-off");}};sf.c={bcClass:"sf-breadcrumb",menuClass:"sf-js-enabled",anchorClass:"sf-with-ul",arrowClass:"sf-sub-indicator",shadowClass:"sf-shadow"};sf.defaults={hoverClass:"sfHover",pathClass:"overideThisToUse",pathLevels:1,delay:800,animation:{opacity:"show"},speed:"normal",autoArrows:true,dropShadows:true,disableHI:false,onInit:function(){},onBeforeShow:function(){},onShow:function(){},onHide:function(){}};$.fn.extend({hideSuperfishUl:function(){var o=sf.op,not=(o.retainPath===true)?o.$path:"";o.retainPath=false;var $ul=$(["li.",o.hoverClass].join(""),this).add(this).not(not).removeClass(o.hoverClass).find(">ul").hide().css("visibility","hidden");o.onHide.call($ul);return this;},showSuperfishUl:function(){var o=sf.op,sh=sf.c.shadowClass+"-off",$ul=this.addClass(o.hoverClass).find(">ul:hidden").css("visibility","visible");sf.IE7fix.call($ul);o.onBeforeShow.call($ul);$ul.animate(o.animation,o.speed,function(){sf.IE7fix.call($ul);o.onShow.call($ul);});return this;}});})(jQuery);
  1330. //]]>
  1331. </script>
  1333. <script type='text/javascript'>
  1334. //<![CDATA[
  1336. /*
  1337. * jQuery FlexSlider v1.8
  1338. * http://www.woothemes.com/flexslider/
  1339. *
  1340. * Copyright 2012 WooThemes
  1341. * Free to use under the MIT license.
  1342. * http://www.opensource.org/licenses/mit-license.php
  1343. *
  1344. * Contributing Author: Tyler Smith
  1345. */
  1346. (function(a){a.flexslider=function(c,b){var d=a(c);a.data(c,"flexslider",d);d.init=function(){d.vars=a.extend({},a.flexslider.defaults,b);a.data(c,"flexsliderInit",true);d.container=a(".slides",d).first();d.slides=a(".slides:first > li",d);d.count=d.slides.length;d.animating=false;d.currentSlide=d.vars.slideToStart;d.animatingTo=d.currentSlide;d.atEnd=(d.currentSlide==0)?true:false;d.eventType=("ontouchstart" in document.documentElement)?"touchstart":"click";d.cloneCount=0;d.cloneOffset=0;d.manualPause=false;d.vertical=(d.vars.slideDirection=="vertical");d.prop=(d.vertical)?"top":"marginLeft";d.args={};d.transitions="webkitTransition" in document.body.style;if(d.transitions){d.prop="-webkit-transform"}if(d.vars.controlsContainer!=""){d.controlsContainer=a(d.vars.controlsContainer).eq(a(".slides").index(d.container));d.containerExists=d.controlsContainer.length>0}if(d.vars.manualControls!=""){d.manualControls=a(d.vars.manualControls,((d.containerExists)?d.controlsContainer:d));d.manualExists=d.manualControls.length>0}if(d.vars.randomize){d.slides.sort(function(){return(Math.round(Math.random())-0.5)});d.container.empty().append(d.slides)}if(d.vars.animation.toLowerCase()=="slide"){if(d.transitions){d.setTransition(0)}d.css({overflow:"hidden"});if(d.vars.animationLoop){d.cloneCount=2;d.cloneOffset=1;d.container.append(d.slides.filter(":first").clone().addClass("clone")).prepend(d.slides.filter(":last").clone().addClass("clone"))}d.newSlides=a(".slides:first > li",d);var m=(-1*(d.currentSlide+d.cloneOffset));if(d.vertical){d.newSlides.css({display:"block",width:"100%","float":"left"});d.container.height((d.count+d.cloneCount)*200+"%").css("position","absolute").width("100%");setTimeout(function(){d.css({position:"relative"}).height(d.slides.filter(":first").height());d.args[d.prop]=(d.transitions)?"translate3d(0,"+m*d.height()+"px,0)":m*d.height()+"px";d.container.css(d.args)},100)}else{d.args[d.prop]=(d.transitions)?"translate3d("+m*d.width()+"px,0,0)":m*d.width()+"px";d.container.width((d.count+d.cloneCount)*200+"%").css(d.args);setTimeout(function(){d.newSlides.width(d.width()).css({"float":"left",display:"block"})},100)}}else{d.transitions=false;d.slides.css({width:"100%","float":"left",marginRight:"-100%"}).eq(d.currentSlide).fadeIn(d.vars.animationDuration)}if(d.vars.controlNav){if(d.manualExists){d.controlNav=d.manualControls}else{var e=a('<ol class="flex-control-nav"></ol>');var s=1;for(var t=0;t<d.count;t++){e.append("<li><a>"+s+"</a></li>");s++}if(d.containerExists){a(d.controlsContainer).append(e);d.controlNav=a(".flex-control-nav li a",d.controlsContainer)}else{d.append(e);d.controlNav=a(".flex-control-nav li a",d)}}d.controlNav.eq(d.currentSlide).addClass("active");d.controlNav.bind(d.eventType,function(i){i.preventDefault();if(!a(this).hasClass("active")){(d.controlNav.index(a(this))>d.currentSlide)?d.direction="next":d.direction="prev";d.flexAnimate(d.controlNav.index(a(this)),d.vars.pauseOnAction)}})}if(d.vars.directionNav){var v=a('<ul class="flex-direction-nav"><li><a class="prev" href="#">'+d.vars.prevText+'</a></li><li><a class="next" href="#">'+d.vars.nextText+"</a></li></ul>");if(d.containerExists){a(d.controlsContainer).append(v);d.directionNav=a(".flex-direction-nav li a",d.controlsContainer)}else{d.append(v);d.directionNav=a(".flex-direction-nav li a",d)}if(!d.vars.animationLoop){if(d.currentSlide==0){d.directionNav.filter(".prev").addClass("disabled")}else{if(d.currentSlide==d.count-1){d.directionNav.filter(".next").addClass("disabled")}}}d.directionNav.bind(d.eventType,function(i){i.preventDefault();var j=(a(this).hasClass("next"))?d.getTarget("next"):d.getTarget("prev");if(d.canAdvance(j)){d.flexAnimate(j,d.vars.pauseOnAction)}})}if(d.vars.keyboardNav&&a("ul.slides").length==1){function h(i){if(d.animating){return}else{if(i.keyCode!=39&&i.keyCode!=37){return}else{if(i.keyCode==39){var j=d.getTarget("next")}else{if(i.keyCode==37){var j=d.getTarget("prev")}}if(d.canAdvance(j)){d.flexAnimate(j,d.vars.pauseOnAction)}}}}a(document).bind("keyup",h)}if(d.vars.mousewheel){d.mousewheelEvent=(/Firefox/i.test(navigator.userAgent))?"DOMMouseScroll":"mousewheel";d.bind(d.mousewheelEvent,function(y){y.preventDefault();y=y?y:window.event;var i=y.detail?y.detail*-1:y.originalEvent.wheelDelta/40,j=(i<0)?d.getTarget("next"):d.getTarget("prev");if(d.canAdvance(j)){d.flexAnimate(j,d.vars.pauseOnAction)}})}if(d.vars.slideshow){if(d.vars.pauseOnHover&&d.vars.slideshow){d.hover(function(){d.pause()},function(){if(!d.manualPause){d.resume()}})}d.animatedSlides=setInterval(d.animateSlides,d.vars.slideshowSpeed)}if(d.vars.pausePlay){var q=a('<div class="flex-pauseplay"><span></span></div>');if(d.containerExists){d.controlsContainer.append(q);d.pausePlay=a(".flex-pauseplay span",d.controlsContainer)}else{d.append(q);d.pausePlay=a(".flex-pauseplay span",d)}var n=(d.vars.slideshow)?"pause":"play";d.pausePlay.addClass(n).text((n=="pause")?d.vars.pauseText:d.vars.playText);d.pausePlay.bind(d.eventType,function(i){i.preventDefault();if(a(this).hasClass("pause")){d.pause();d.manualPause=true}else{d.resume();d.manualPause=false}})}if("ontouchstart" in document.documentElement){var w,u,l,r,o,x,p=false;d.each(function(){if("ontouchstart" in document.documentElement){this.addEventListener("touchstart",g,false)}});function g(i){if(d.animating){i.preventDefault()}else{if(i.touches.length==1){d.pause();r=(d.vertical)?d.height():d.width();x=Number(new Date());l=(d.vertical)?(d.currentSlide+d.cloneOffset)*d.height():(d.currentSlide+d.cloneOffset)*d.width();w=(d.vertical)?i.touches[0].pageY:i.touches[0].pageX;u=(d.vertical)?i.touches[0].pageX:i.touches[0].pageY;d.setTransition(0);this.addEventListener("touchmove",k,false);this.addEventListener("touchend",f,false)}}}function k(i){o=(d.vertical)?w-i.touches[0].pageY:w-i.touches[0].pageX;p=(d.vertical)?(Math.abs(o)<Math.abs(i.touches[0].pageX-u)):(Math.abs(o)<Math.abs(i.touches[0].pageY-u));if(!p){i.preventDefault();if(d.vars.animation=="slide"&&d.transitions){if(!d.vars.animationLoop){o=o/((d.currentSlide==0&&o<0||d.currentSlide==d.count-1&&o>0)?(Math.abs(o)/r+2):1)}d.args[d.prop]=(d.vertical)?"translate3d(0,"+(-l-o)+"px,0)":"translate3d("+(-l-o)+"px,0,0)";d.container.css(d.args)}}}function f(j){d.animating=false;if(d.animatingTo==d.currentSlide&&!p&&!(o==null)){var i=(o>0)?d.getTarget("next"):d.getTarget("prev");if(d.canAdvance(i)&&Number(new Date())-x<550&&Math.abs(o)>20||Math.abs(o)>r/2){d.flexAnimate(i,d.vars.pauseOnAction)}else{d.flexAnimate(d.currentSlide,d.vars.pauseOnAction)}}this.removeEventListener("touchmove",k,false);this.removeEventListener("touchend",f,false);w=null;u=null;o=null;l=null}}if(d.vars.animation.toLowerCase()=="slide"){a(window).resize(function(){if(!d.animating&&d.is(":visible")){if(d.vertical){d.height(d.slides.filter(":first").height());d.args[d.prop]=(-1*(d.currentSlide+d.cloneOffset))*d.slides.filter(":first").height()+"px";if(d.transitions){d.setTransition(0);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.args[d.prop]+",0)":"translate3d("+d.args[d.prop]+",0,0)"}d.container.css(d.args)}else{d.newSlides.width(d.width());d.args[d.prop]=(-1*(d.currentSlide+d.cloneOffset))*d.width()+"px";if(d.transitions){d.setTransition(0);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.args[d.prop]+",0)":"translate3d("+d.args[d.prop]+",0,0)"}d.container.css(d.args)}}})}d.vars.start(d)};d.flexAnimate=function(g,f){if(!d.animating&&d.is(":visible")){d.animating=true;d.animatingTo=g;d.vars.before(d);if(f){d.pause()}if(d.vars.controlNav){d.controlNav.removeClass("active").eq(g).addClass("active")}d.atEnd=(g==0||g==d.count-1)?true:false;if(!d.vars.animationLoop&&d.vars.directionNav){if(g==0){d.directionNav.removeClass("disabled").filter(".prev").addClass("disabled")}else{if(g==d.count-1){d.directionNav.removeClass("disabled").filter(".next").addClass("disabled")}else{d.directionNav.removeClass("disabled")}}}if(!d.vars.animationLoop&&g==d.count-1){d.pause();d.vars.end(d)}if(d.vars.animation.toLowerCase()=="slide"){var e=(d.vertical)?d.slides.filter(":first").height():d.slides.filter(":first").width();if(d.currentSlide==0&&g==d.count-1&&d.vars.animationLoop&&d.direction!="next"){d.slideString="0px"}else{if(d.currentSlide==d.count-1&&g==0&&d.vars.animationLoop&&d.direction!="prev"){d.slideString=(-1*(d.count+1))*e+"px"}else{d.slideString=(-1*(g+d.cloneOffset))*e+"px"}}d.args[d.prop]=d.slideString;if(d.transitions){d.setTransition(d.vars.animationDuration);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.slideString+",0)":"translate3d("+d.slideString+",0,0)";d.container.css(d.args).one("webkitTransitionEnd transitionend",function(){d.wrapup(e)})}else{d.container.animate(d.args,d.vars.animationDuration,function(){d.wrapup(e)})}}else{d.slides.eq(d.currentSlide).fadeOut(d.vars.animationDuration);d.slides.eq(g).fadeIn(d.vars.animationDuration,function(){d.wrapup()})}}};d.wrapup=function(e){if(d.vars.animation=="slide"){if(d.currentSlide==0&&d.animatingTo==d.count-1&&d.vars.animationLoop){d.args[d.prop]=(-1*d.count)*e+"px";if(d.transitions){d.setTransition(0);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.args[d.prop]+",0)":"translate3d("+d.args[d.prop]+",0,0)"}d.container.css(d.args)}else{if(d.currentSlide==d.count-1&&d.animatingTo==0&&d.vars.animationLoop){d.args[d.prop]=-1*e+"px";if(d.transitions){d.setTransition(0);d.args[d.prop]=(d.vertical)?"translate3d(0,"+d.args[d.prop]+",0)":"translate3d("+d.args[d.prop]+",0,0)"}d.container.css(d.args)}}}d.animating=false;d.currentSlide=d.animatingTo;d.vars.after(d)};d.animateSlides=function(){if(!d.animating){d.flexAnimate(d.getTarget("next"))}};d.pause=function(){clearInterval(d.animatedSlides);if(d.vars.pausePlay){d.pausePlay.removeClass("pause").addClass("play").text(d.vars.playText)}};d.resume=function(){d.animatedSlides=setInterval(d.animateSlides,d.vars.slideshowSpeed);if(d.vars.pausePlay){d.pausePlay.removeClass("play").addClass("pause").text(d.vars.pauseText)}};d.canAdvance=function(e){if(!d.vars.animationLoop&&d.atEnd){if(d.currentSlide==0&&e==d.count-1&&d.direction!="next"){return false}else{if(d.currentSlide==d.count-1&&e==0&&d.direction=="next"){return false}else{return true}}}else{return true}};d.getTarget=function(e){d.direction=e;if(e=="next"){return(d.currentSlide==d.count-1)?0:d.currentSlide+1}else{return(d.currentSlide==0)?d.count-1:d.currentSlide-1}};d.setTransition=function(e){d.container.css({"-webkit-transition-duration":(e/1000)+"s"})};d.init()};a.flexslider.defaults={animation:"fade",slideDirection:"horizontal",slideshow:true,slideshowSpeed:7000,animationDuration:600,directionNav:true,controlNav:true,keyboardNav:true,mousewheel:false,prevText:"Previous",nextText:"Next",pausePlay:false,pauseText:"Pause",playText:"Play",randomize:false,slideToStart:0,animationLoop:true,pauseOnAction:true,pauseOnHover:false,controlsContainer:"",manualControls:"",start:function(){},before:function(){},after:function(){},end:function(){}};a.fn.flexslider=function(b){return this.each(function(){if(a(this).find(".slides li").length==1){a(this).find(".slides li").fadeIn(400)}else{if(a(this).data("flexsliderInit")!=true){new a.flexslider(this,b)}}})}})(jQuery);
  1348. //]]>
  1349. </script>
  1351. <script type='text/javascript'>
  1352. //<![CDATA[
  1354. /*
  1355. * jQuery carouFredSel 5.5.0
  1356. * Demo's and documentation:
  1357. * caroufredsel.frebsite.nl
  1358. *
  1359. * Copyright (c) 2012 Fred Heusschen
  1360. * www.frebsite.nl
  1361. *
  1362. * Dual licensed under the MIT and GPL licenses.
  1363. * http://en.wikipedia.org/wiki/MIT_License
  1364. * http://en.wikipedia.org/wiki/GNU_General_Public_License
  1365. */
  1368. (function($) {
  1372. // LOCAL
  1374. if ($.fn.carouFredSel) return;
  1376. $.fn.carouFredSel = function(options, configs) {
  1377. if (this.length == 0) {
  1378. debug(true, 'No element found for "'+this.selector+'".');
  1379. return this;
  1380. }
  1381. if (this.length > 1) {
  1382. return this.each(function() {
  1383. $(this).carouFredSel(options, configs);
  1384. });
  1385. }
  1387. var $cfs = this,
  1388. $tt0 = this[0];
  1390. if ($cfs.data('cfs_isCarousel')) {
  1391. var starting_position = $cfs.triggerHandler('_cfs_currentPosition');
  1392. $cfs.trigger('_cfs_destroy', true);
  1393. } else {
  1394. var starting_position = false;
  1395. }
  1397. $cfs._cfs_init = function(o, setOrig, start) {
  1398. o = go_getObject($tt0, o);
  1401. // DEPRECATED
  1402. if (o.debug) {
  1403. conf.debug = o.debug;
  1404. debug(conf, 'The "debug" option should be moved to the second configuration-object.');
  1405. }
  1406. // /DEPRECATED
  1409. var obs = ['items', 'scroll', 'auto', 'prev', 'next', 'pagination'];
  1410. for (var a = 0, l = obs.length; a < l; a++) {
  1411. o[obs[a]] = go_getObject($tt0, o[obs[a]]);
  1412. }
  1414. if (typeof o.scroll == 'number') {
  1415. if (o.scroll <= 50) o.scroll = { 'items' : o.scroll };
  1416. else o.scroll = { 'duration' : o.scroll };
  1417. } else {
  1418. if (typeof o.scroll == 'string') o.scroll = { 'easing' : o.scroll };
  1419. }
  1421. if (typeof o.items == 'number') o.items = { 'visible' : o.items };
  1422. else if ( o.items == 'variable') o.items = { 'visible' : o.items,
  1423. 'width' : o.items,
  1424. 'height' : o.items };
  1426. if (typeof o.items != 'object') o.items = {};
  1427. if (setOrig) opts_orig = $.extend(true, {}, $.fn.carouFredSel.defaults, o);
  1429. opts = $.extend(true, {}, $.fn.carouFredSel.defaults, o);
  1431. if (typeof opts.items.visibleConf != 'object') opts.items.visibleConf = {};
  1433. if (opts.items.start == 0 && typeof start == 'number') {
  1434. opts.items.start = start;
  1435. }
  1437. crsl.upDateOnWindowResize = (opts.responsive);
  1438. crsl.direction = (opts.direction == 'up' || opts.direction == 'left') ? 'next' : 'prev';
  1440. var dims = [
  1441. ['width' , 'innerWidth' , 'outerWidth' , 'height' , 'innerHeight' , 'outerHeight' , 'left', 'top' , 'marginRight' , 0, 1, 2, 3],
  1442. ['height' , 'innerHeight' , 'outerHeight' , 'width' , 'innerWidth' , 'outerWidth' , 'top' , 'left', 'marginBottom', 3, 2, 1, 0]
  1443. ];
  1445. var dn = dims[0].length,
  1446. dx = (opts.direction == 'right' || opts.direction == 'left') ? 0 : 1;
  1448. opts.d = {};
  1449. for (var d = 0; d < dn; d++) {
  1450. opts.d[dims[0][d]] = dims[dx][d];
  1451. }
  1453. var all_itm = $cfs.children();
  1456. // check visible items
  1457. switch (typeof opts.items.visible) {
  1459. // min and max visible items
  1460. case 'object':
  1461. opts.items.visibleConf.min = opts.items.visible.min;
  1462. opts.items.visibleConf.max = opts.items.visible.max;
  1463. opts.items.visible = false;
  1464. break;
  1466. case 'string':
  1467. // variable visible items
  1468. if (opts.items.visible == 'variable') {
  1469. opts.items.visibleConf.variable = true;
  1471. // adjust string visible items
  1472. } else {
  1473. opts.items.visibleConf.adjust = opts.items.visible;
  1474. }
  1475. opts.items.visible = false;
  1476. break;
  1478. // function visible items
  1479. case 'function':
  1480. opts.items.visibleConf.adjust = opts.items.visible;
  1481. opts.items.visible = false;
  1482. break;
  1483. }
  1485. // set items filter
  1486. if (typeof opts.items.filter == 'undefined') {
  1487. opts.items.filter = (all_itm.filter(':hidden').length > 0) ? ':visible' : '*';
  1488. }
  1490. // primary size set to auto -> measure largest size and set it
  1491. if (opts[opts.d['width']] == 'auto') {
  1492. opts[opts.d['width']] = ms_getTrueLargestSize(all_itm, opts, 'outerWidth');
  1493. }
  1494. // primary size percentage
  1495. if (ms_isPercentage(opts[opts.d['width']]) && !opts.responsive) {
  1496. opts[opts.d['width']] = ms_getPercentage(ms_getTrueInnerSize($wrp.parent(), opts, 'innerWidth'), opts[opts.d['width']]);
  1497. crsl.upDateOnWindowResize = true;
  1498. }
  1500. // secondary size set to auto -> measure largest size and set it
  1501. if (opts[opts.d['height']] == 'auto') {
  1502. opts[opts.d['height']] = ms_getTrueLargestSize(all_itm, opts, 'outerHeight');
  1503. }
  1505. // primary item-size not set
  1506. if (!opts.items[opts.d['width']]) {
  1507. // responsive carousel -> set to largest
  1508. if (opts.responsive) {
  1509. debug(true, 'Set a '+opts.d['width']+' for the items!');
  1510. opts.items[opts.d['width']] = ms_getTrueLargestSize(all_itm, opts, 'outerWidth');
  1511. // non-responsive -> measure it or set to "variable"
  1512. } else {
  1513. opts.items[opts.d['width']] = (ms_hasVariableSizes(all_itm, opts, 'outerWidth'))
  1514. ? 'variable'
  1515. : all_itm[opts.d['outerWidth']](true);
  1516. }
  1517. }
  1519. // secondary item-size not set -> measure it or set to "variable"
  1520. if (!opts.items[opts.d['height']]) {
  1521. opts.items[opts.d['height']] = (ms_hasVariableSizes(all_itm, opts, 'outerHeight'))
  1522. ? 'variable'
  1523. : all_itm[opts.d['outerHeight']](true);
  1524. }
  1526. // secondary size not set -> set to secondary item-size
  1527. if (!opts[opts.d['height']]) {
  1528. opts[opts.d['height']] = opts.items[opts.d['height']];
  1529. }
  1531. // visible-items not set
  1532. if (!opts.items.visible && !opts.responsive) {
  1533. // primary item-size variable -> set visible items variable
  1534. if (opts.items[opts.d['width']] == 'variable') {
  1535. opts.items.visibleConf.variable = true;
  1536. }
  1537. if (!opts.items.visibleConf.variable) {
  1538. // primary size is number -> calculate visible-items
  1539. if (typeof opts[opts.d['width']] == 'number') {
  1540. opts.items.visible = Math.floor(opts[opts.d['width']] / opts.items[opts.d['width']]);
  1541. } else {
  1542. // measure and calculate primary size and visible-items
  1543. var maxS = ms_getTrueInnerSize($wrp.parent(), opts, 'innerWidth');
  1544. opts.items.visible = Math.floor(maxS / opts.items[opts.d['width']]);
  1545. opts[opts.d['width']] = opts.items.visible * opts.items[opts.d['width']];
  1546. if (!opts.items.visibleConf.adjust) opts.align = false;
  1547. }
  1548. if (opts.items.visible == 'Infinity' || opts.items.visible < 1) {
  1549. debug(true, 'Not a valid number of visible items: Set to "variable".');
  1550. opts.items.visibleConf.variable = true;
  1551. }
  1552. }
  1553. }
  1555. // primary size not set -> calculate it or set to "variable"
  1556. if (!opts[opts.d['width']]) {
  1557. opts[opts.d['width']] = 'variable';
  1558. if (!opts.responsive && opts.items.filter == '*' && !opts.items.visibleConf.variable && opts.items[opts.d['width']] != 'variable') {
  1559. opts[opts.d['width']] = opts.items.visible * opts.items[opts.d['width']];
  1560. opts.align = false;
  1561. }
  1562. }
  1564. // variable primary item-sizes with variabe visible-items
  1565. if (opts.items.visibleConf.variable) {
  1566. opts.maxDimention = (opts[opts.d['width']] == 'variable')
  1567. ? ms_getTrueInnerSize($wrp.parent(), opts, 'innerWidth')
  1568. : opts[opts.d['width']];
  1569. if (opts.align === false) {
  1570. opts[opts.d['width']] = 'variable';
  1571. }
  1572. opts.items.visible = gn_getVisibleItemsNext(all_itm, opts, 0);
  1574. // set visible items by filter
  1575. } else if (opts.items.filter != '*') {
  1576. opts.items.visibleConf.org = opts.items.visible;
  1577. opts.items.visible = gn_getVisibleItemsNextFilter(all_itm, opts, 0);
  1578. }
  1580. // align not set -> set to center if primary size is number
  1581. if (typeof opts.align == 'undefined') {
  1582. opts.align = (opts[opts.d['width']] == 'variable')
  1583. ? false
  1584. : 'center';
  1585. }
  1587. opts.items.visible = cf_getItemsAdjust(opts.items.visible, opts, opts.items.visibleConf.adjust, $tt0);
  1588. opts.items.visibleConf.old = opts.items.visible;
  1589. opts.usePadding = false;
  1592. if (opts.responsive) {
  1594. if (!opts.items.visibleConf.min) opts.items.visibleConf.min = opts.items.visible;
  1595. if (!opts.items.visibleConf.max) opts.items.visibleConf.max = opts.items.visible;
  1597. opts.align = false;
  1598. opts.padding = [0, 0, 0, 0];
  1600. var isVisible = $wrp.is(':visible');
  1601. if (isVisible) $wrp.hide();
  1602. var fullS = ms_getPercentage(ms_getTrueInnerSize($wrp.parent(), opts, 'innerWidth'), opts[opts.d['width']]);
  1604. if (typeof opts[opts.d['width']] == 'number' && fullS < opts[opts.d['width']]) {
  1605. fullS = opts[opts.d['width']];
  1606. }
  1607. if (isVisible) $wrp.show();
  1609. var visb = cf_getItemAdjustMinMax(Math.ceil(fullS / opts.items[opts.d['width']]), opts.items.visibleConf);
  1610. if (visb > all_itm.length) {
  1611. visb = all_itm.length;
  1612. }
  1614. var newS = Math.floor(fullS/visb),
  1615. seco = opts[opts.d['height']],
  1616. secp = ms_isPercentage(seco);
  1618. all_itm.each(function() {
  1619. var $t = $(this),
  1620. nw = newS - ms_getPaddingBorderMargin($t, opts, 'Width');
  1622. $t[opts.d['width']](nw);
  1623. if (secp) {
  1624. $t[opts.d['height']](ms_getPercentage(nw, seco));
  1625. }
  1626. });
  1628. opts.items.visible = visb;
  1629. opts.items[opts.d['width']] = newS;
  1630. opts[opts.d['width']] = visb * newS;
  1632. } else {
  1634. opts.padding = cf_getPadding(opts.padding);
  1636. if (opts.align == 'top') opts.align = 'left';
  1637. if (opts.align == 'bottom') opts.align = 'right';
  1640. switch (opts.align) {
  1641. // align: center, left or right
  1642. case 'center':
  1643. case 'left':
  1644. case 'right':
  1645. if (opts[opts.d['width']] != 'variable') {
  1646. var p = cf_getAlignPadding(gi_getCurrentItems(all_itm, opts), opts);
  1647. opts.usePadding = true;
  1648. opts.padding[opts.d[1]] = p[1];
  1649. opts.padding[opts.d[3]] = p[0];
  1650. }
  1651. break;
  1653. // padding
  1654. default:
  1655. opts.align = false;
  1656. opts.usePadding = (
  1657. opts.padding[0] == 0 &&
  1658. opts.padding[1] == 0 &&
  1659. opts.padding[2] == 0 &&
  1660. opts.padding[3] == 0
  1661. ) ? false : true;
  1662. break;
  1663. }
  1664. }
  1666. if (typeof opts.cookie == 'boolean' && opts.cookie) opts.cookie = 'caroufredsel_cookie_'+$cfs.attr('id');
  1667. if (typeof opts.items.minimum != 'number') opts.items.minimum = opts.items.visible;
  1668. if (typeof opts.scroll.duration != 'number') opts.scroll.duration = 500;
  1669. if (typeof opts.scroll.items == 'undefined') opts.scroll.items = (opts.items.visibleConf.variable || opts.items.filter != '*') ? 'visible' : opts.items.visible;
  1671. opts.auto = go_getNaviObject($tt0, opts.auto, 'auto');
  1672. opts.prev = go_getNaviObject($tt0, opts.prev);
  1673. opts.next = go_getNaviObject($tt0, opts.next);
  1674. opts.pagination = go_getNaviObject($tt0, opts.pagination, 'pagination');
  1676. opts.auto = $.extend(true, {}, opts.scroll, opts.auto);
  1677. opts.prev = $.extend(true, {}, opts.scroll, opts.prev);
  1678. opts.next = $.extend(true, {}, opts.scroll, opts.next);
  1679. opts.pagination = $.extend(true, {}, opts.scroll, opts.pagination);
  1681. if (typeof opts.pagination.keys != 'boolean') opts.pagination.keys = false;
  1682. if (typeof opts.pagination.anchorBuilder != 'function'
  1683. && opts.pagination.anchorBuilder !== false) opts.pagination.anchorBuilder = $.fn.carouFredSel.pageAnchorBuilder;
  1684. if (typeof opts.auto.play != 'boolean') opts.auto.play = true;
  1685. if (typeof opts.auto.delay != 'number') opts.auto.delay = 0;
  1686. if (typeof opts.auto.pauseOnEvent == 'undefined') opts.auto.pauseOnEvent = true;
  1687. if (typeof opts.auto.pauseOnResize != 'boolean') opts.auto.pauseOnResize = true;
  1688. if (typeof opts.auto.pauseDuration != 'number') opts.auto.pauseDuration = (opts.auto.duration < 10) ? 2500 : opts.auto.duration * 5;
  1690. if (opts.synchronise) {
  1691. opts.synchronise = cf_getSynchArr(opts.synchronise);
  1692. }
  1693. if (conf.debug) {
  1694. debug(conf, 'Carousel width: '+opts.width);
  1695. debug(conf, 'Carousel height: '+opts.height);
  1696. if (opts.maxDimention) debug(conf, 'Available '+opts.d['width']+': '+opts.maxDimention);
  1697. debug(conf, 'Item widths: '+opts.items.width);
  1698. debug(conf, 'Item heights: '+opts.items.height);
  1699. debug(conf, 'Number of items visible: '+opts.items.visible);
  1700. if (opts.auto.play) debug(conf, 'Number of items scrolled automatically: '+opts.auto.items);
  1701. if (opts.prev.button) debug(conf, 'Number of items scrolled backward: '+opts.prev.items);
  1702. if (opts.next.button) debug(conf, 'Number of items scrolled forward: '+opts.next.items);
  1703. }
  1704. }; // /init
  1706. $cfs._cfs_build = function() {
  1707. $cfs.data('cfs_isCarousel', true);
  1709. var orgCSS = {
  1710. 'textAlign' : $cfs.css('textAlign'),
  1711. 'float' : $cfs.css('float'),
  1712. 'position' : $cfs.css('position'),
  1713. 'top' : $cfs.css('top'),
  1714. 'right' : $cfs.css('right'),
  1715. 'bottom' : $cfs.css('bottom'),
  1716. 'left' : $cfs.css('left'),
  1717. 'width' : $cfs.css('width'),
  1718. 'height' : $cfs.css('height'),
  1719. 'marginTop' : $cfs.css('marginTop'),
  1720. 'marginRight' : $cfs.css('marginRight'),
  1721. 'marginBottom' : $cfs.css('marginBottom'),
  1722. 'marginLeft' : $cfs.css('marginLeft')
  1723. };
  1725. switch (orgCSS.position) {
  1726. case 'absolute':
  1727. var newPosition = 'absolute';
  1728. break;
  1729. case 'fixed':
  1730. var newPosition = 'fixed';
  1731. break;
  1732. default:
  1733. var newPosition = 'relative';
  1734. }
  1736. $wrp.css(orgCSS).css({
  1737. 'overflow' : 'hidden',
  1738. 'position' : newPosition
  1739. });
  1741. $cfs.data('cfs_origCss', orgCSS).css({
  1742. 'textAlign' : 'left',
  1743. 'float' : 'none',
  1744. 'position' : 'absolute',
  1745. 'top' : 0,
  1746. 'left' : 0,
  1747. 'marginTop' : 0,
  1748. 'marginRight' : 0,
  1749. 'marginBottom' : 0,
  1750. 'marginLeft' : 0
  1751. });
  1753. if (opts.usePadding) {
  1754. $cfs.children().each(function() {
  1755. var m = parseInt($(this).css(opts.d['marginRight']));
  1756. if (isNaN(m)) m = 0;
  1757. $(this).data('cfs_origCssMargin', m);
  1758. });
  1759. }
  1761. }; // /build
  1763. $cfs._cfs_bind_events = function() {
  1764. $cfs._cfs_unbind_events();
  1766. // stop event
  1767. $cfs.bind(cf_e('stop', conf), function(e, imm) {
  1768. e.stopPropagation();
  1770. // button
  1771. if (!crsl.isStopped) {
  1772. if (opts.auto.button) {
  1773. opts.auto.button.addClass(cf_c('stopped', conf));
  1774. }
  1775. }
  1777. // set stopped
  1778. crsl.isStopped = true;
  1780. if (opts.auto.play) {
  1781. opts.auto.play = false;
  1782. $cfs.trigger(cf_e('pause', conf), imm);
  1783. }
  1784. return true;
  1785. });
  1787. // finish event
  1788. $cfs.bind(cf_e('finish', conf), function(e) {
  1789. e.stopPropagation();
  1790. if (crsl.isScrolling) {
  1791. sc_stopScroll(scrl);
  1792. }
  1793. return true;
  1794. });
  1796. // pause event
  1797. $cfs.bind(cf_e('pause', conf), function(e, imm, res) {
  1798. e.stopPropagation();
  1799. tmrs = sc_clearTimers(tmrs);
  1801. // immediately pause
  1802. if (imm && crsl.isScrolling) {
  1803. scrl.isStopped = true;
  1804. var nst = getTime() - scrl.startTime;
  1805. scrl.duration -= nst;
  1806. if (scrl.pre) scrl.pre.duration -= nst;
  1807. if (scrl.post) scrl.post.duration -= nst;
  1808. sc_stopScroll(scrl, false);
  1809. }
  1811. // update remaining pause-time
  1812. if (!crsl.isPaused && !crsl.isScrolling) {
  1813. if (res) tmrs.timePassed += getTime() - tmrs.startTime;
  1814. }
  1816. // button
  1817. if (!crsl.isPaused) {
  1818. if (opts.auto.button) {
  1819. opts.auto.button.addClass(cf_c('paused', conf));
  1820. }
  1821. }
  1823. // set paused
  1824. crsl.isPaused = true;
  1826. // pause pause callback
  1827. if (opts.auto.onPausePause) {
  1828. var dur1 = opts.auto.pauseDuration - tmrs.timePassed,
  1829. perc = 100 - Math.ceil( dur1 * 100 / opts.auto.pauseDuration );
  1830. opts.auto.onPausePause.call($tt0, perc, dur1);
  1831. }
  1832. return true;
  1833. });
  1835. // play event
  1836. $cfs.bind(cf_e('play', conf), function(e, dir, del, res) {
  1837. e.stopPropagation();
  1838. tmrs = sc_clearTimers(tmrs);
  1840. // sort params
  1841. var v = [dir, del, res],
  1842. t = ['string', 'number', 'boolean'],
  1843. a = cf_sortParams(v, t);
  1845. var dir = a[0],
  1846. del = a[1],
  1847. res = a[2];
  1849. if (dir != 'prev' && dir != 'next') dir = crsl.direction;
  1850. if (typeof del != 'number') del = 0;
  1851. if (typeof res != 'boolean') res = false;
  1853. // stopped?
  1854. if (res) {
  1855. crsl.isStopped = false;
  1856. opts.auto.play = true;
  1857. }
  1858. if (!opts.auto.play) {
  1859. e.stopImmediatePropagation();
  1860. return debug(conf, 'Carousel stopped: Not scrolling.');
  1861. }
  1863. // button
  1864. if (crsl.isPaused) {
  1865. if (opts.auto.button) {
  1866. opts.auto.button.removeClass(cf_c('stopped', conf));
  1867. opts.auto.button.removeClass(cf_c('paused', conf));
  1868. }
  1869. }
  1871. // set playing
  1872. crsl.isPaused = false;
  1873. tmrs.startTime = getTime();
  1875. // timeout the scrolling
  1876. var dur1 = opts.auto.pauseDuration + del;
  1877. dur2 = dur1 - tmrs.timePassed;
  1878. perc = 100 - Math.ceil(dur2 * 100 / dur1);
  1880. tmrs.auto = setTimeout(function() {
  1881. if (opts.auto.onPauseEnd) {
  1882. opts.auto.onPauseEnd.call($tt0, perc, dur2);
  1883. }
  1884. if (crsl.isScrolling) {
  1885. $cfs.trigger(cf_e('play', conf), dir);
  1886. } else {
  1887. $cfs.trigger(cf_e(dir, conf), opts.auto);
  1888. }
  1889. }, dur2);
  1891. // pause start callback
  1892. if (opts.auto.onPauseStart) {
  1893. opts.auto.onPauseStart.call($tt0, perc, dur2);
  1894. }
  1896. return true;
  1897. });
  1899. // resume event
  1900. $cfs.bind(cf_e('resume', conf), function(e) {
  1901. e.stopPropagation();
  1902. if (scrl.isStopped) {
  1903. scrl.isStopped = false;
  1904. crsl.isPaused = false;
  1905. crsl.isScrolling = true;
  1906. scrl.startTime = getTime();
  1907. sc_startScroll(scrl);
  1908. } else {
  1909. $cfs.trigger(cf_e('play', conf));
  1910. }
  1911. return true;
  1912. });
  1914. // prev + next events
  1915. $cfs.bind(cf_e('prev', conf)+' '+cf_e('next', conf), function(e, obj, num, clb) {
  1916. e.stopPropagation();
  1918. // stopped or hidden carousel, don't scroll, don't queue
  1919. if (crsl.isStopped || $cfs.is(':hidden')) {
  1920. e.stopImmediatePropagation();
  1921. return debug(conf, 'Carousel stopped or hidden: Not scrolling.');
  1922. }
  1924. // not enough items
  1925. if (opts.items.minimum >= itms.total) {
  1926. e.stopImmediatePropagation();
  1927. return debug(conf, 'Not enough items ('+itms.total+', '+opts.items.minimum+' needed): Not scrolling.');
  1928. }
  1930. // get config
  1931. var v = [obj, num, clb],
  1932. t = ['object', 'number/string', 'function'],
  1933. a = cf_sortParams(v, t);
  1935. var obj = a[0],
  1936. num = a[1],
  1937. clb = a[2];
  1939. var eType = e.type.substr(conf.events.prefix.length);
  1941. if (typeof obj != 'object' || obj == null) obj = opts[eType];
  1942. if (typeof clb == 'function') obj.onAfter = clb;
  1944. if (typeof num != 'number') {
  1945. if (opts.items.filter != '*') {
  1946. num = 'visible';
  1947. } else {
  1948. var arr = [num, obj.items, opts[eType].items];
  1949. for (var a = 0, l = arr.length; a < l; a++) {
  1950. if (typeof arr[a] == 'number' || arr[a] == 'page' || arr[a] == 'visible') {
  1951. num = arr[a];
  1952. break;
  1953. }
  1954. }
  1955. }
  1956. switch(num) {
  1957. case 'page':
  1958. e.stopImmediatePropagation();
  1959. return $cfs.triggerHandler(eType+'Page', [obj, clb]);
  1960. break;
  1962. case 'visible':
  1963. if (!opts.items.visibleConf.variable && opts.items.filter == '*') {
  1964. num = opts.items.visible;
  1965. }
  1966. break;
  1967. }
  1968. }
  1970. // resume animation, add current to queue
  1971. if (scrl.isStopped) {
  1972. $cfs.trigger(cf_e('resume', conf));
  1973. $cfs.trigger(cf_e('queue', conf), [eType, [obj, num, clb]]);
  1974. e.stopImmediatePropagation();
  1975. return debug(conf, 'Carousel resumed scrolling.');
  1976. }
  1978. // queue if scrolling
  1979. if (obj.duration > 0) {
  1980. if (crsl.isScrolling) {
  1981. if (obj.queue) $cfs.trigger(cf_e('queue', conf), [eType, [obj, num, clb]]);
  1982. e.stopImmediatePropagation();
  1983. return debug(conf, 'Carousel currently scrolling.');
  1984. }
  1985. }
  1987. // test conditions callback
  1988. if (obj.conditions && !obj.conditions.call($tt0)) {
  1989. e.stopImmediatePropagation();
  1990. return debug(conf, 'Callback "conditions" returned false.');
  1991. }
  1993. tmrs.timePassed = 0;
  1994. $cfs.trigger('_cfs_slide_'+eType, [obj, num]);
  1996. // synchronise
  1997. if (opts.synchronise) {
  1998. var s = opts.synchronise,
  1999. c = [obj, num];
  2000. for (var j = 0, l = s.length; j < l; j++) {
  2001. var d = eType;
  2002. if (!s[j][1]) c[0] = s[j][0].triggerHandler('_cfs_configuration', eType);
  2003. if (!s[j][2]) d = (d == 'prev') ? 'next' : 'prev';
  2004. c[1] = num + s[j][3];
  2005. s[j][0].trigger('_cfs_slide_'+d, c);
  2006. }
  2007. }
  2008. return true;
  2009. });
  2011. // prev event, accessible from outside
  2012. $cfs.bind(cf_e('_cfs_slide_prev', conf, false), function(e, sO, nI) {
  2013. e.stopPropagation();
  2014. var a_itm = $cfs.children();
  2016. // non-circular at start, scroll to end
  2017. if (!opts.circular) {
  2018. if (itms.first == 0) {
  2019. if (opts.infinite) {
  2020. $cfs.trigger(cf_e('next', conf), itms.total-1);
  2021. }
  2022. return e.stopImmediatePropagation();
  2023. }
  2024. }
  2026. if (opts.usePadding) sz_resetMargin(a_itm, opts);
  2028. // find number of items to scroll
  2029. if (typeof nI != 'number') {
  2030. if (opts.items.visibleConf.variable) {
  2031. nI = gn_getVisibleItemsPrev(a_itm, opts, itms.total-1);
  2032. } else if (opts.items.filter != '*') {
  2033. var xI = (typeof sO.items == 'number') ? sO.items : gn_getVisibleOrg($cfs, opts);
  2034. nI = gn_getScrollItemsPrevFilter(a_itm, opts, itms.total-1, xI);
  2035. } else {
  2036. nI = opts.items.visible;
  2037. }
  2038. nI = cf_getAdjust(nI, opts, sO.items, $tt0);
  2039. }
  2041. // prevent non-circular from scrolling to far
  2042. if (!opts.circular) {
  2043. if (itms.total - nI < itms.first) {
  2044. nI = itms.total - itms.first;
  2045. }
  2046. }
  2048. // set new number of visible items
  2049. opts.items.visibleConf.old = opts.items.visible;
  2050. if (opts.items.visibleConf.variable) {
  2051. var vI = gn_getVisibleItemsNext(a_itm, opts, itms.total-nI);
  2052. if (opts.items.visible+nI <= vI && nI < itms.total) {
  2053. nI++;
  2054. vI = gn_getVisibleItemsNext(a_itm, opts, itms.total-nI);
  2055. }
  2056. opts.items.visible = cf_getItemsAdjust(vI, opts, opts.items.visibleConf.adjust, $tt0);
  2057. } else if (opts.items.filter != '*') {
  2058. var vI = gn_getVisibleItemsNextFilter(a_itm, opts, itms.total-nI);
  2059. opts.items.visible = cf_getItemsAdjust(vI, opts, opts.items.visibleConf.adjust, $tt0);
  2060. }
  2062. if (opts.usePadding) sz_resetMargin(a_itm, opts, true);
  2064. // scroll 0, don't scroll
  2065. if (nI == 0) {
  2066. e.stopImmediatePropagation();
  2067. return debug(conf, '0 items to scroll: Not scrolling.');
  2068. }
  2069. debug(conf, 'Scrolling '+nI+' items backward.');
  2071. // save new config
  2072. itms.first += nI;
  2073. while (itms.first >= itms.total) {
  2074. itms.first -= itms.total;
  2075. }
  2077. // non-circular callback
  2078. if (!opts.circular) {
  2079. if (itms.first == 0 && sO.onEnd) sO.onEnd.call($tt0);
  2080. if (!opts.infinite) nv_enableNavi(opts, itms.first, conf);
  2081. }
  2083. // rearrange items
  2084. $cfs.children().slice(itms.total-nI, itms.total).prependTo($cfs);
  2085. if (itms.total < opts.items.visible + nI) {
  2086. $cfs.children().slice(0, (opts.items.visible+nI)-itms.total).clone(true).appendTo($cfs);
  2087. }
  2089. // the needed items
  2090. var a_itm = $cfs.children(),
  2091. c_old = gi_getOldItemsPrev(a_itm, opts, nI),
  2092. c_new = gi_getNewItemsPrev(a_itm, opts),
  2093. l_cur = a_itm.eq(nI-1),
  2094. l_old = c_old.last(),
  2095. l_new = c_new.last();
  2097. if (opts.usePadding) sz_resetMargin(a_itm, opts);
  2098. if (opts.align) {
  2099. var p = cf_getAlignPadding(c_new, opts),
  2100. pL = p[0],
  2101. pR = p[1];
  2102. } else {
  2103. var pL = 0,
  2104. pR = 0;
  2105. }
  2106. var oL = (pL < 0) ? opts.padding[opts.d[3]] : 0;
  2108. // hide items for fx directscroll
  2109. if (sO.fx == 'directscroll' && opts.items.visible < nI) {
  2110. var hiddenitems = a_itm.slice(opts.items.visibleConf.old, nI),
  2111. orgW = opts.items[opts.d['width']];
  2112. hiddenitems.each(function() {
  2113. var hi = $(this);
  2114. hi.data('isHidden', hi.is(':hidden')).hide();
  2115. });
  2116. opts.items[opts.d['width']] = 'variable';
  2117. } else {
  2118. var hiddenitems = false;
  2119. }
  2121. // save new sizes
  2122. var i_siz = ms_getTotalSize(a_itm.slice(0, nI), opts, 'width'),
  2123. w_siz = cf_mapWrapperSizes(ms_getSizes(c_new, opts, true), opts, !opts.usePadding);
  2125. if (hiddenitems) opts.items[opts.d['width']] = orgW;
  2127. if (opts.usePadding) {
  2128. sz_resetMargin(a_itm, opts, true);
  2129. if (pR >= 0) {
  2130. sz_resetMargin(l_old, opts, opts.padding[opts.d[1]]);
  2131. }
  2132. sz_resetMargin(l_cur, opts, opts.padding[opts.d[3]]);
  2133. }
  2134. if (opts.align) {
  2135. opts.padding[opts.d[1]] = pR;
  2136. opts.padding[opts.d[3]] = pL;
  2137. }
  2139. // animation configuration
  2140. var a_cfs = {},
  2141. a_dur = sO.duration;
  2143. if (sO.fx == 'none') a_dur = 0;
  2144. else if (a_dur == 'auto') a_dur = opts.scroll.duration / opts.scroll.items * nI;
  2145. else if (a_dur <= 0) a_dur = 0;
  2146. else if (a_dur < 10) a_dur = i_siz / a_dur;
  2148. scrl = sc_setScroll(a_dur, sO.easing);
  2150. // animate wrapper
  2151. if (opts[opts.d['width']] == 'variable' || opts[opts.d['height']] == 'variable') {
  2152. scrl.anims.push([$wrp, w_siz]);
  2153. }
  2155. // animate items
  2156. if (opts.usePadding) {
  2157. var new_m = opts.padding[opts.d[3]];
  2159. if (l_new.not(l_cur).length) {
  2160. var a_cur = {};
  2161. a_cur[opts.d['marginRight']] = l_cur.data('cfs_origCssMargin');
  2163. if (pL < 0) l_cur.css(a_cur);
  2164. else scrl.anims.push([l_cur, a_cur]);
  2165. }
  2167. if (l_new.not(l_old).length) {
  2168. var a_old = {};
  2169. a_old[opts.d['marginRight']] = l_old.data('cfs_origCssMargin');
  2170. scrl.anims.push([l_old, a_old]);
  2171. }
  2173. if (pR >= 0) {
  2174. var a_new = {};
  2175. a_new[opts.d['marginRight']] = l_new.data('cfs_origCssMargin') + opts.padding[opts.d[1]];
  2176. scrl.anims.push([l_new, a_new]);
  2177. }
  2178. } else {
  2179. var new_m = 0;
  2180. }
  2182. // animate carousel
  2183. a_cfs[opts.d['left']] = new_m;
  2185. // onBefore callback
  2186. var args = [c_old, c_new, w_siz, a_dur];
  2187. if (sO.onBefore) sO.onBefore.apply($tt0, args);
  2188. clbk.onBefore = sc_callCallbacks(clbk.onBefore, $tt0, args);
  2192. // ALTERNATIVE EFFECTS
  2194. // extra animation arrays
  2195. switch(sO.fx) {
  2196. case 'fade':
  2197. case 'crossfade':
  2198. case 'cover':
  2199. case 'uncover':
  2200. scrl.pre = sc_setScroll(scrl.duration, scrl.easing);
  2201. scrl.post = sc_setScroll(scrl.duration, scrl.easing);
  2202. scrl.duration = 0;
  2203. break;
  2204. }
  2206. // create copy
  2207. switch(sO.fx) {
  2208. case 'crossfade':
  2209. case 'cover':
  2210. case 'uncover':
  2211. var $cf2 = $cfs.clone().appendTo($wrp);
  2212. break;
  2213. }
  2214. switch(sO.fx) {
  2215. case 'uncover':
  2216. $cf2.children().slice(0, nI).remove();
  2217. case 'crossfade':
  2218. case 'cover':
  2219. $cf2.children().slice(opts.items.visible).remove();
  2220. break;
  2221. }
  2223. // animations
  2224. switch(sO.fx) {
  2225. case 'fade':
  2226. scrl.pre.anims.push([$cfs, { 'opacity': 0 }]);
  2227. break;
  2228. case 'crossfade':
  2229. $cf2.css({ 'opacity': 0 });
  2230. scrl.pre.anims.push([$cfs, { 'width': '+=0' }, function() { $cf2.remove(); }]);
  2231. scrl.post.anims.push([$cf2, { 'opacity': 1 }]);
  2232. break;
  2233. case 'cover':
  2234. scrl = fx_cover(scrl, $cfs, $cf2, opts, true);
  2235. break;
  2236. case 'uncover':
  2237. scrl = fx_uncover(scrl, $cfs, $cf2, opts, true, nI);
  2238. break;
  2239. }
  2241. // /ALTERNATIVE EFFECTS
  2244. // complete callback
  2245. var a_complete = function() {
  2247. var overFill = opts.items.visible+nI-itms.total;
  2248. if (overFill > 0) {
  2249. $cfs.children().slice(itms.total).remove();
  2250. c_old = $cfs.children().slice(itms.total-(nI-overFill)).get().concat( $cfs.children().slice(0, overFill).get() );
  2251. }
  2252. if (hiddenitems) {
  2253. hiddenitems.each(function() {
  2254. var hi = $(this);
  2255. if (!hi.data('isHidden')) hi.show();
  2256. });
  2257. }
  2258. if (opts.usePadding) {
  2259. var l_itm = $cfs.children().eq(opts.items.visible+nI-1);
  2260. l_itm.css(opts.d['marginRight'], l_itm.data('cfs_origCssMargin'));
  2261. }
  2263. scrl.anims = [];
  2264. if (scrl.pre) scrl.pre = sc_setScroll(scrl.orgDuration, scrl.easing);
  2266. var fn = function() {
  2267. switch(sO.fx) {
  2268. case 'fade':
  2269. case 'crossfade':
  2270. $cfs.css('filter', '');
  2271. break;
  2272. }
  2274. scrl.post = sc_setScroll(0, null);
  2275. crsl.isScrolling = false;
  2277. var args = [c_old, c_new, w_siz];
  2278. if (sO.onAfter) sO.onAfter.apply($tt0, args);
  2279. clbk.onAfter = sc_callCallbacks(clbk.onAfter, $tt0, args);
  2281. if (queu.length) {
  2282. $cfs.trigger(cf_e(queu[0][0], conf), queu[0][1]);
  2283. queu.shift();
  2284. }
  2285. if (!crsl.isPaused) $cfs.trigger(cf_e('play', conf));
  2286. };
  2287. switch(sO.fx) {
  2288. case 'fade':
  2289. scrl.pre.anims.push([$cfs, { 'opacity': 1 }, fn]);
  2290. sc_startScroll(scrl.pre);
  2291. break;
  2292. case 'uncover':
  2293. scrl.pre.anims.push([$cfs, { 'width': '+=0' }, fn]);
  2294. sc_startScroll(scrl.pre);
  2295. break;
  2296. default:
  2297. fn();
  2298. break;
  2299. }
  2300. };
  2302. scrl.anims.push([$cfs, a_cfs, a_complete]);
  2303. crsl.isScrolling = true;
  2304. $cfs.css(opts.d['left'], -(i_siz-oL));
  2305. tmrs = sc_clearTimers(tmrs);
  2306. sc_startScroll(scrl);
  2307. cf_setCookie(opts.cookie, $cfs.triggerHandler(cf_e('currentPosition', conf)));
  2309. $cfs.trigger(cf_e('updatePageStatus', conf), [false, w_siz]);
  2311. return true;
  2312. });
  2314. // next event, accessible from outside
  2315. $cfs.bind(cf_e('_cfs_slide_next', conf, false), function(e, sO, nI) {
  2316. e.stopPropagation();
  2317. var a_itm = $cfs.children();
  2319. // non-circular at end, scroll to start
  2320. if (!opts.circular) {
  2321. if (itms.first == opts.items.visible) {
  2322. if (opts.infinite) {
  2323. $cfs.trigger(cf_e('prev', conf), itms.total-1);
  2324. }
  2325. return e.stopImmediatePropagation();
  2326. }
  2327. }
  2329. if (opts.usePadding) sz_resetMargin(a_itm, opts);
  2331. // find number of items to scroll
  2332. if (typeof nI != 'number') {
  2333. if (opts.items.filter != '*') {
  2334. var xI = (typeof sO.items == 'number') ? sO.items : gn_getVisibleOrg($cfs, opts);
  2335. nI = gn_getScrollItemsNextFilter(a_itm, opts, 0, xI);
  2336. } else {
  2337. nI = opts.items.visible;
  2338. }
  2339. nI = cf_getAdjust(nI, opts, sO.items, $tt0);
  2340. }
  2342. var lastItemNr = (itms.first == 0) ? itms.total : itms.first;
  2344. // prevent non-circular from scrolling to far
  2345. if (!opts.circular) {
  2346. if (opts.items.visibleConf.variable) {
  2347. var vI = gn_getVisibleItemsNext(a_itm, opts, nI),
  2348. xI = gn_getVisibleItemsPrev(a_itm, opts, lastItemNr-1);
  2349. } else {
  2350. var vI = opts.items.visible,
  2351. xI = opts.items.visible;
  2352. }
  2354. if (nI + vI > lastItemNr) {
  2355. nI = lastItemNr - xI;
  2356. }
  2357. }
  2359. // set new number of visible items
  2360. opts.items.visibleConf.old = opts.items.visible;
  2361. if (opts.items.visibleConf.variable) {
  2362. var vI = gn_getVisibleItemsNextTestCircular(a_itm, opts, nI, lastItemNr);
  2363. while (opts.items.visible-nI >= vI && nI < itms.total) {
  2364. nI++;
  2365. vI = gn_getVisibleItemsNextTestCircular(a_itm, opts, nI, lastItemNr);
  2366. }
  2367. opts.items.visible = cf_getItemsAdjust(vI, opts, opts.items.visibleConf.adjust, $tt0);
  2368. } else if (opts.items.filter != '*') {
  2369. var vI = gn_getVisibleItemsNextFilter(a_itm, opts, nI);
  2370. opts.items.visible = cf_getItemsAdjust(vI, opts, opts.items.visibleConf.adjust, $tt0);
  2371. }
  2373. if (opts.usePadding) sz_resetMargin(a_itm, opts, true);
  2375. // scroll 0, don't scroll
  2376. if (nI == 0) {
  2377. e.stopImmediatePropagation();
  2378. return debug(conf, '0 items to scroll: Not scrolling.');
  2379. }
  2380. debug(conf, 'Scrolling '+nI+' items forward.');
  2382. // save new config
  2383. itms.first -= nI;
  2384. while (itms.first < 0) {
  2385. itms.first += itms.total;
  2386. }
  2388. // non-circular callback
  2389. if (!opts.circular) {
  2390. if (itms.first == opts.items.visible && sO.onEnd) sO.onEnd.call($tt0);
  2391. if (!opts.infinite) nv_enableNavi(opts, itms.first, conf);
  2392. }
  2394. // rearrange items
  2395. if (itms.total < opts.items.visible+nI) {
  2396. $cfs.children().slice(0, (opts.items.visible+nI)-itms.total).clone(true).appendTo($cfs);
  2397. }
  2399. // the needed items
  2400. var a_itm = $cfs.children(),
  2401. c_old = gi_getOldItemsNext(a_itm, opts),
  2402. c_new = gi_getNewItemsNext(a_itm, opts, nI),
  2403. l_cur = a_itm.eq(nI-1),
  2404. l_old = c_old.last(),
  2405. l_new = c_new.last();
  2407. if (opts.usePadding) sz_resetMargin(a_itm, opts);
  2408. if (opts.align) {
  2409. var p = cf_getAlignPadding(c_new, opts),
  2410. pL = p[0],
  2411. pR = p[1];
  2412. } else {
  2413. var pL = 0,
  2414. pR = 0;
  2415. }
  2417. // hide items for fx directscroll
  2418. if (sO.fx == 'directscroll' && opts.items.visibleConf.old < nI) {
  2419. var hiddenitems = a_itm.slice(opts.items.visibleConf.old, nI),
  2420. orgW = opts.items[opts.d['width']];
  2421. hiddenitems.each(function() {
  2422. var hi = $(this);
  2423. hi.data('isHidden', hi.is(':hidden')).hide();
  2424. });
  2425. opts.items[opts.d['width']] = 'variable';
  2426. } else {
  2427. var hiddenitems = false;
  2428. }
  2430. // save new sizes
  2431. var i_siz = ms_getTotalSize(a_itm.slice(0, nI), opts, 'width'),
  2432. w_siz = cf_mapWrapperSizes(ms_getSizes(c_new, opts, true), opts, !opts.usePadding);
  2434. if (hiddenitems) opts.items[opts.d['width']] = orgW;
  2436. if (opts.align) {
  2437. if (opts.padding[opts.d[1]] < 0) {
  2438. opts.padding[opts.d[1]] = 0;
  2439. }
  2440. }
  2441. if (opts.usePadding) {
  2442. sz_resetMargin(a_itm, opts, true);
  2443. sz_resetMargin(l_old, opts, opts.padding[opts.d[1]]);
  2444. }
  2445. if (opts.align) {
  2446. opts.padding[opts.d[1]] = pR;
  2447. opts.padding[opts.d[3]] = pL;
  2448. }
  2450. // animation configuration
  2451. var a_cfs = {},
  2452. a_dur = sO.duration;
  2454. if (sO.fx == 'none') a_dur = 0;
  2455. else if (a_dur == 'auto') a_dur = opts.scroll.duration / opts.scroll.items * nI;
  2456. else if (a_dur <= 0) a_dur = 0;
  2457. else if (a_dur < 10) a_dur = i_siz / a_dur;
  2459. scrl = sc_setScroll(a_dur, sO.easing);
  2461. // animate wrapper
  2462. if (opts[opts.d['width']] == 'variable' || opts[opts.d['height']] == 'variable') {
  2463. scrl.anims.push([$wrp, w_siz]);
  2464. }
  2466. // animate items
  2467. if (opts.usePadding) {
  2468. var l_new_m = l_new.data('cfs_origCssMargin');
  2469. if (pR >= 0) {
  2470. l_new_m += opts.padding[opts.d[1]];
  2471. }
  2472. l_new.css(opts.d['marginRight'], l_new_m);
  2474. if (l_cur.not(l_old).length) {
  2475. var a_old = {};
  2476. a_old[opts.d['marginRight']] = l_old.data('cfs_origCssMargin');
  2477. scrl.anims.push([l_old, a_old]);
  2478. }
  2480. var c_new_m = l_cur.data('cfs_origCssMargin');
  2481. if (pL >= 0) {
  2482. c_new_m += opts.padding[opts.d[3]];
  2483. }
  2484. var a_cur = {};
  2485. a_cur[opts.d['marginRight']] = c_new_m;
  2486. scrl.anims.push([l_cur, a_cur]);
  2488. }
  2490. // animate carousel
  2491. a_cfs[opts.d['left']] = -i_siz;
  2492. if (pL < 0) {
  2493. a_cfs[opts.d['left']] += pL;
  2494. }
  2496. // onBefore callback
  2497. var args = [c_old, c_new, w_siz, a_dur];
  2498. if (sO.onBefore) sO.onBefore.apply($tt0, args);
  2499. clbk.onBefore = sc_callCallbacks(clbk.onBefore, $tt0, args);
  2503. // ALTERNATIVE EFFECTS
  2505. // extra animation arrays
  2506. switch(sO.fx) {
  2507. case 'fade':
  2508. case 'crossfade':
  2509. case 'cover':
  2510. case 'uncover':
  2511. scrl.pre = sc_setScroll(scrl.duration, scrl.easing);
  2512. scrl.post = sc_setScroll(scrl.duration, scrl.easing);
  2513. scrl.duration = 0;
  2514. break;
  2515. }
  2517. // create copy
  2518. switch(sO.fx) {
  2519. case 'crossfade':
  2520. case 'cover':
  2521. case 'uncover':
  2522. var $cf2 = $cfs.clone().appendTo($wrp);
  2523. break;
  2524. }
  2525. switch(sO.fx) {
  2526. case 'uncover':
  2527. $cf2.children().slice(opts.items.visibleConf.old).remove();
  2528. break;
  2529. case 'crossfade':
  2530. case 'cover':
  2531. $cf2.children().slice(0, nI).remove();
  2532. $cf2.children().slice(opts.items.visible).remove();
  2533. break;
  2534. }
  2536. // animations
  2537. switch(sO.fx) {
  2538. case 'fade':
  2539. scrl.pre.anims.push([$cfs, { 'opacity': 0 }]);
  2540. break;
  2541. case 'crossfade':
  2542. $cf2.css({ 'opacity': 0 });
  2543. scrl.pre.anims.push([$cfs, { 'width': '+=0' }, function() { $cf2.remove(); }]);
  2544. scrl.post.anims.push([$cf2, { 'opacity': 1 }]);
  2545. break;
  2546. case 'cover':
  2547. scrl = fx_cover(scrl, $cfs, $cf2, opts, false);
  2548. break;
  2549. case 'uncover':
  2550. scrl = fx_uncover(scrl, $cfs, $cf2, opts, false, nI);
  2551. break;
  2552. }
  2554. // /ALTERNATIVE EFFECTS
  2557. // complete callback
  2558. var a_complete = function() {
  2560. var overFill = opts.items.visible+nI-itms.total,
  2561. new_m = (opts.usePadding) ? opts.padding[opts.d[3]] : 0;
  2562. $cfs.css(opts.d['left'], new_m);
  2563. if (overFill > 0) {
  2564. $cfs.children().slice(itms.total).remove();
  2565. }
  2566. var l_itm = $cfs.children().slice(0, nI).appendTo($cfs).last();
  2567. if (overFill > 0) {
  2568. c_new = gi_getCurrentItems(a_itm, opts);
  2569. }
  2570. if (hiddenitems) {
  2571. hiddenitems.each(function() {
  2572. var hi = $(this);
  2573. if (!hi.data('isHidden')) hi.show();
  2574. });
  2575. }
  2576. if (opts.usePadding) {
  2577. if (itms.total < opts.items.visible+nI) {
  2578. var l_cur = $cfs.children().eq(opts.items.visible-1);
  2579. l_cur.css(opts.d['marginRight'], l_cur.data('cfs_origCssMargin') + opts.padding[opts.d[3]]);
  2580. }
  2581. l_itm.css(opts.d['marginRight'], l_itm.data('cfs_origCssMargin'));
  2582. }
  2584. scrl.anims = [];
  2585. if (scrl.pre) scrl.pre = sc_setScroll(scrl.orgDuration, scrl.easing);
  2587. var fn = function() {
  2588. switch(sO.fx) {
  2589. case 'fade':
  2590. case 'crossfade':
  2591. $cfs.css('filter', '');
  2592. break;
  2593. }
  2595. scrl.post = sc_setScroll(0, null);
  2596. crsl.isScrolling = false;
  2598. var args = [c_old, c_new, w_siz];
  2599. if (sO.onAfter) sO.onAfter.apply($tt0, args);
  2600. clbk.onAfter = sc_callCallbacks(clbk.onAfter, $tt0, args);
  2602. if (queu.length) {
  2603. $cfs.trigger(cf_e(queu[0][0], conf), queu[0][1]);
  2604. queu.shift();
  2605. }
  2606. if (!crsl.isPaused) $cfs.trigger(cf_e('play', conf));
  2607. };
  2608. switch(sO.fx) {
  2609. case 'fade':
  2610. scrl.pre.anims.push([$cfs, { 'opacity': 1 }, fn]);
  2611. sc_startScroll(scrl.pre);
  2612. break;
  2613. case 'uncover':
  2614. scrl.pre.anims.push([$cfs, { 'width': '+=0' }, fn]);
  2615. sc_startScroll(scrl.pre);
  2616. break;
  2617. default:
  2618. fn();
  2619. break;
  2620. }
  2621. };
  2623. scrl.anims.push([$cfs, a_cfs, a_complete]);
  2624. crsl.isScrolling = true;
  2625. tmrs = sc_clearTimers(tmrs);
  2626. sc_startScroll(scrl);
  2627. cf_setCookie(opts.cookie, $cfs.triggerHandler(cf_e('currentPosition', conf)));
  2629. $cfs.trigger(cf_e('updatePageStatus', conf), [false, w_siz]);
  2631. return true;
  2632. });
  2634. // slideTo event
  2635. $cfs.bind(cf_e('slideTo', conf), function(e, num, dev, org, obj, dir, clb) {
  2636. e.stopPropagation();
  2638. var v = [num, dev, org, obj, dir, clb],
  2639. t = ['string/number/object', 'number', 'boolean', 'object', 'string', 'function'],
  2640. a = cf_sortParams(v, t);
  2642. var obj = a[3],
  2643. dir = a[4],
  2644. clb = a[5];
  2646. num = gn_getItemIndex(a[0], a[1], a[2], itms, $cfs);
  2648. if (num == 0) return;
  2649. if (typeof obj != 'object') obj = false;
  2651. if (crsl.isScrolling) {
  2652. if (typeof obj != 'object' || obj.duration > 0) return false;
  2653. }
  2655. if (dir != 'prev' && dir != 'next') {
  2656. if (opts.circular) {
  2657. if (num <= itms.total / 2) dir = 'next';
  2658. else dir = 'prev';
  2659. } else {
  2660. if (itms.first == 0 ||
  2661. itms.first > num) dir = 'next';
  2662. else dir = 'prev';
  2663. }
  2664. }
  2666. if (dir == 'prev') num = itms.total-num;
  2667. $cfs.trigger(cf_e(dir, conf), [obj, num, clb]);
  2669. return true;
  2670. });
  2672. // prevPage event
  2673. $cfs.bind(cf_e('prevPage', conf), function(e, obj, clb) {
  2674. e.stopPropagation();
  2675. var cur = $cfs.triggerHandler(cf_e('currentPage', conf));
  2676. return $cfs.triggerHandler(cf_e('slideToPage', conf), [cur-1, obj, 'prev', clb]);
  2677. });
  2679. // nextPage event
  2680. $cfs.bind(cf_e('nextPage', conf), function(e, obj, clb) {
  2681. e.stopPropagation();
  2682. var cur = $cfs.triggerHandler(cf_e('currentPage', conf));
  2683. return $cfs.triggerHandler(cf_e('slideToPage', conf), [cur+1, obj, 'next', clb]);
  2684. });
  2686. // slideToPage event
  2687. $cfs.bind(cf_e('slideToPage', conf), function(e, pag, obj, dir, clb) {
  2688. e.stopPropagation();
  2689. if (typeof pag != 'number') pag = $cfs.triggerHandler(cf_e('currentPage', conf));
  2690. var ipp = opts.pagination.items || opts.items.visible,
  2691. max = Math.floor(itms.total / ipp)-1;
  2692. if (pag < 0) pag = max;
  2693. if (pag > max) pag = 0;
  2694. return $cfs.triggerHandler(cf_e('slideTo', conf), [pag*ipp, 0, true, obj, dir, clb]);
  2695. });
  2697. // jumpToStart event
  2698. $cfs.bind(cf_e('jumpToStart', conf), function(e, s) {
  2699. e.stopPropagation();
  2700. if (s) s = gn_getItemIndex(s, 0, true, itms, $cfs);
  2701. else s = 0;
  2703. s += itms.first;
  2704. if (s != 0) {
  2705. while (s > itms.total) s -= itms.total;
  2706. $cfs.prepend($cfs.children().slice(s, itms.total));
  2707. }
  2708. return true;
  2709. });
  2711. // synchronise event
  2712. $cfs.bind(cf_e('synchronise', conf), function(e, s) {
  2713. e.stopPropagation();
  2714. if (s) s = cf_getSynchArr(s);
  2715. else if (opts.synchronise) s = opts.synchronise;
  2716. else return debug(conf, 'No carousel to synchronise.');
  2718. var n = $cfs.triggerHandler(cf_e('currentPosition', conf)),
  2719. x = true;
  2720. for (var j = 0, l = s.length; j < l; j++) {
  2721. if (!s[j][0].triggerHandler(cf_e('slideTo', conf), [n, s[j][3], true])) {
  2722. x = false;
  2723. }
  2724. }
  2725. return x;
  2726. });
  2728. // queue event
  2729. $cfs.bind(cf_e('queue', conf), function(e, dir, opt) {
  2730. e.stopPropagation();
  2731. if (typeof dir == 'function') {
  2732. dir.call($tt0, queu);
  2733. } else if (is_array(dir)) {
  2734. queu = dir;
  2735. } else if (typeof dir != 'undefined') {
  2736. queu.push([dir, opt]);
  2737. }
  2738. return queu;
  2739. });
  2741. // insertItem event
  2742. $cfs.bind(cf_e('insertItem', conf), function(e, itm, num, org, dev) {
  2743. e.stopPropagation();
  2745. var v = [itm, num, org, dev],
  2746. t = ['string/object', 'string/number/object', 'boolean', 'number'],
  2747. a = cf_sortParams(v, t);
  2749. var itm = a[0],
  2750. num = a[1],
  2751. org = a[2],
  2752. dev = a[3];
  2754. if (typeof itm == 'object' &&
  2755. typeof itm.jquery == 'undefined') itm = $(itm);
  2756. if (typeof itm == 'string') itm = $(itm);
  2757. if (typeof itm != 'object' ||
  2758. typeof itm.jquery == 'undefined' ||
  2759. itm.length == 0) return debug(conf, 'Not a valid object.');
  2761. if (typeof num == 'undefined') num = 'end';
  2763. if (opts.usePadding) {
  2764. itm.each(function() {
  2765. var m = parseInt($(this).css(opts.d['marginRight']));
  2766. if (isNaN(m)) m = 0;
  2767. $(this).data('cfs_origCssMargin', m);
  2768. });
  2769. }
  2771. var orgNum = num,
  2772. before = 'before';
  2774. if (num == 'end') {
  2775. if (org) {
  2776. if (itms.first == 0) {
  2777. num = itms.total-1;
  2778. before = 'after';
  2779. } else {
  2780. num = itms.first;
  2781. itms.first += itm.length
  2782. }
  2783. if (num < 0) num = 0;
  2784. } else {
  2785. num = itms.total-1;
  2786. before = 'after';
  2787. }
  2788. } else {
  2789. num = gn_getItemIndex(num, dev, org, itms, $cfs);
  2790. }
  2791. if (orgNum != 'end' && !org) {
  2792. if (num < itms.first) itms.first += itm.length;
  2793. }
  2794. if (itms.first >= itms.total) itms.first -= itms.total;
  2796. var $cit = $cfs.children().eq(num);
  2797. if ($cit.length) {
  2798. $cit[before](itm);
  2799. } else {
  2800. $cfs.append(itm);
  2801. }
  2803. itms.total = $cfs.children().length;
  2805. var sz = $cfs.triggerHandler('updateSizes');
  2806. nv_showNavi(opts, itms.total, conf);
  2807. nv_enableNavi(opts, itms.first, conf);
  2808. $cfs.trigger(cf_e('linkAnchors', conf));
  2809. $cfs.trigger(cf_e('updatePageStatus', conf), [true, sz]);
  2811. return true;
  2812. });
  2814. // removeItem event
  2815. $cfs.bind(cf_e('removeItem', conf), function(e, num, org, dev) {
  2816. e.stopPropagation();
  2818. var v = [num, org, dev],
  2819. t = ['string/number/object', 'boolean', 'number'],
  2820. a = cf_sortParams(v, t);
  2822. var num = a[0],
  2823. org = a[1],
  2824. dev = a[2];
  2826. if (typeof num == 'undefined' || num == 'end') {
  2827. $cfs.children().last().remove();
  2828. } else {
  2829. num = gn_getItemIndex(num, dev, org, itms, $cfs);
  2830. var $cit = $cfs.children().eq(num);
  2831. if ($cit.length){
  2832. if (num < itms.first) itms.first -= $cit.length;
  2833. $cit.remove();
  2834. }
  2835. }
  2836. itms.total = $cfs.children().length;
  2838. var sz = $cfs.triggerHandler('updateSizes');
  2839. nv_showNavi(opts, itms.total, conf);
  2840. nv_enableNavi(opts, itms.first, conf);
  2841. $cfs.trigger(cf_e('updatePageStatus', conf), [true, sz]);
  2843. return true;
  2844. });
  2846. // onBefore and onAfter event
  2847. $cfs.bind(cf_e('onBefore', conf)+' '+cf_e('onAfter', conf), function(e, fn) {
  2848. e.stopPropagation();
  2849. var eType = e.type.substr(conf.events.prefix.length);
  2850. if (is_array(fn)) clbk[eType] = fn;
  2851. if (typeof fn == 'function') clbk[eType].push(fn);
  2852. return clbk[eType];
  2853. });
  2855. // currentPosition event, accessible from outside
  2856. $cfs.bind(cf_e('_cfs_currentPosition', conf, false), function(e, fn) {
  2857. e.stopPropagation();
  2858. return $cfs.triggerHandler(cf_e('currentPosition', conf), fn);
  2859. });
  2860. $cfs.bind(cf_e('currentPosition', conf), function(e, fn) {
  2861. e.stopPropagation();
  2862. if (itms.first == 0) var val = 0;
  2863. else var val = itms.total - itms.first;
  2864. if (typeof fn == 'function') fn.call($tt0, val);
  2865. return val;
  2866. });
  2868. // currentPage event
  2869. $cfs.bind(cf_e('currentPage', conf), function(e, fn) {
  2870. e.stopPropagation();
  2871. var ipp = opts.pagination.items || opts.items.visible;
  2872. var max = Math.ceil(itms.total/ipp-1);
  2873. if (itms.first == 0) var nr = 0;
  2874. else if (itms.first < itms.total % ipp) var nr = 0;
  2875. else if (itms.first == ipp && !opts.circular) var nr = max;
  2876. else var nr = Math.round((itms.total-itms.first)/ipp);
  2877. if (nr < 0) nr = 0;
  2878. if (nr > max) nr = max;
  2879. if (typeof fn == 'function') fn.call($tt0, nr);
  2880. return nr;
  2881. });
  2883. // currentVisible event
  2884. $cfs.bind(cf_e('currentVisible', conf), function(e, fn) {
  2885. e.stopPropagation();
  2886. $i = gi_getCurrentItems($cfs.children(), opts);
  2887. if (typeof fn == 'function') fn.call($tt0, $i);
  2888. return $i;
  2889. });
  2891. // slice event
  2892. $cfs.bind(cf_e('slice', conf), function(e, f, l, fn) {
  2893. e.stopPropagation();
  2895. var v = [f, l, fn],
  2896. t = ['number', 'number', 'function'],
  2897. a = cf_sortParams(v, t);
  2899. f = (typeof a[0] == 'number') ? a[0] : 0,
  2900. l = (typeof a[1] == 'number') ? a[1] : itms.total,
  2901. fn = a[2];
  2903. f += itms.first;
  2904. l += itms.first;
  2906. while (f > itms.total) { f -= itms.total }
  2907. while (l > itms.total) { l -= itms.total }
  2908. while (f < 0) { f += itms.total }
  2909. while (l < 0) { l += itms.total }
  2911. var $iA = $cfs.children();
  2913. if (l > f) {
  2914. var $i = $iA.slice(f, l);
  2915. } else {
  2916. var $i = $iA.slice(f, itms.total).get().concat( $iA.slice(0, l).get() );
  2917. }
  2919. if (typeof fn == 'function') fn.call($tt0, $i);
  2920. return $i;
  2921. });
  2923. // isPaused, isStopped and isScrolling events
  2924. $cfs.bind(cf_e('isPaused', conf)+' '+cf_e('isStopped', conf)+' '+cf_e('isScrolling', conf), function(e, fn) {
  2925. e.stopPropagation();
  2926. var eType = e.type.substr(conf.events.prefix.length);
  2927. if (typeof fn == 'function') fn.call($tt0, crsl[eType]);
  2928. return crsl[eType];
  2929. });
  2931. // configuration event, accessible from outside
  2932. $cfs.bind(cf_e('_cfs_configuration', conf, false), function(e, a, b, c) {
  2933. e.stopPropagation();
  2934. return $cfs.triggerHandler(cf_e('configuration', conf), [a, b, c]);
  2935. });
  2936. $cfs.bind(cf_e('configuration', conf), function(e, a, b, c) {
  2937. e.stopPropagation();
  2938. var reInit = false;
  2940. // return entire configuration-object
  2941. if (typeof a == 'function') {
  2942. a.call($tt0, opts);
  2944. // set multiple options via object
  2945. } else if (typeof a == 'object') {
  2946. opts_orig = $.extend(true, {}, opts_orig, a);
  2947. if (b !== false) reInit = true;
  2948. else opts = $.extend(true, {}, opts, a);
  2950. } else if (typeof a != 'undefined') {
  2952. // callback function for specific option
  2953. if (typeof b == 'function') {
  2954. var val = eval('opts.'+a);
  2955. if (typeof val == 'undefined') val = '';
  2956. b.call($tt0, val);
  2958. // set individual option
  2959. } else if (typeof b != 'undefined') {
  2960. if (typeof c !== 'boolean') c = true;
  2961. eval('opts_orig.'+a+' = b');
  2962. if (c !== false) reInit = true;
  2963. else eval('opts.'+a+' = b');
  2965. // return value for specific option
  2966. } else {
  2967. return eval('opts.'+a);
  2968. }
  2969. }
  2970. if (reInit) {
  2971. sz_resetMargin($cfs.children(), opts);
  2972. $cfs._cfs_init(opts_orig);
  2973. $cfs._cfs_bind_buttons();
  2974. var siz = sz_setSizes($cfs, opts, false);
  2975. $cfs.trigger(cf_e('updatePageStatus', conf), [true, siz]);
  2976. }
  2977. return opts;
  2978. });
  2980. // linkAnchors event
  2981. $cfs.bind(cf_e('linkAnchors', conf), function(e, $con, sel) {
  2982. e.stopPropagation();
  2983. if (typeof $con == 'undefined' || $con.length == 0) $con = $('body');
  2984. else if (typeof $con == 'string') $con = $($con);
  2985. if (typeof $con != 'object') return debug(conf, 'Not a valid object.');
  2986. if (typeof sel != 'string' || sel.length == 0) sel = 'a.caroufredsel';
  2987. $con.find(sel).each(function() {
  2988. var h = this.hash || '';
  2989. if (h.length > 0 && $cfs.children().index($(h)) != -1) {
  2990. $(this).unbind('click').click(function(e) {
  2991. e.preventDefault();
  2992. $cfs.trigger(cf_e('slideTo', conf), h);
  2993. });
  2994. }
  2995. });
  2996. return true;
  2997. });
  2999. // updatePageStatus event
  3000. $cfs.bind(cf_e('updatePageStatus', conf), function(e, build, sizes) {
  3001. e.stopPropagation();
  3002. if (!opts.pagination.container) return;
  3004. if (build) {
  3005. var ipp = opts.pagination.items || opts.items.visible,
  3006. l = Math.ceil(itms.total/ipp);
  3008. if (opts.pagination.anchorBuilder) {
  3009. opts.pagination.container.children().remove();
  3010. opts.pagination.container.each(function() {
  3011. for (var a = 0; a < l; a++) {
  3012. var i = $cfs.children().eq( gn_getItemIndex(a*ipp, 0, true, itms, $cfs) );
  3013. $(this).append(opts.pagination.anchorBuilder(a+1, i));
  3014. }
  3015. });
  3016. }
  3017. opts.pagination.container.each(function() {
  3018. $(this).children().unbind(opts.pagination.event).each(function(a) {
  3019. $(this).bind(opts.pagination.event, function(e) {
  3020. e.preventDefault();
  3021. $cfs.trigger(cf_e('slideTo', conf), [a*ipp, 0, true, opts.pagination]);
  3022. });
  3023. });
  3024. });
  3025. }
  3026. opts.pagination.container.each(function() {
  3027. $(this).children().removeClass(cf_c('selected', conf)).eq($cfs.triggerHandler(cf_e('currentPage', conf))).addClass(cf_c('selected', conf));
  3028. });
  3029. return true;
  3030. });
  3032. // updateSizes event
  3033. $cfs.bind(cf_e('updateSizes', conf), function(e) {
  3034. var a_itm = $cfs.children(),
  3035. vI = opts.items.visible;
  3037. if (opts.items.visibleConf.variable) vI = gn_getVisibleItemsNext(a_itm, opts, 0);
  3038. else if (opts.items.filter != '*') vI = gn_getVisibleItemsNextFilter(a_itm, opts, 0);
  3040. if (!opts.circular && itms.first != 0 && vI > itms.first) {
  3041. if (opts.items.visibleConf.variable) {
  3042. var nI = gn_getVisibleItemsPrev(a_itm, opts, itms.first) - itms.first;
  3043. } else if (opts.items.filter != '*') {
  3044. var nI = gn_getVisibleItemsPrevFilter(a_itm, opts, itms.first) - itms.first;
  3045. } else {
  3046. nI = opts.items.visible - itms.first;
  3047. }
  3048. debug(conf, 'Preventing non-circular: sliding '+nI+' items backward.');
  3049. $cfs.trigger('prev', nI);
  3050. }
  3051. opts.items.visible = cf_getItemsAdjust(vI, opts, opts.items.visibleConf.adjust, $tt0);
  3052. return sz_setSizes($cfs, opts);
  3053. });
  3055. // destroy event, accessible from outside
  3056. $cfs.bind(cf_e('_cfs_destroy', conf, false), function(e, orgOrder) {
  3057. e.stopPropagation();
  3058. $cfs.trigger(cf_e('destroy', conf), orgOrder);
  3059. return true;
  3060. });
  3061. $cfs.bind(cf_e('destroy', conf), function(e, orgOrder) {
  3062. e.stopPropagation();
  3063. tmrs = sc_clearTimers(tmrs);
  3065. $cfs.data('cfs_isCarousel', false);
  3066. $cfs.trigger(cf_e('finish', conf));
  3067. if (orgOrder) {
  3068. $cfs.trigger(cf_e('jumpToStart', conf));
  3069. }
  3070. if (opts.usePadding) {
  3071. sz_resetMargin($cfs.children(), opts);
  3072. }
  3074. $cfs.css($cfs.data('cfs_origCss'));
  3075. $cfs._cfs_unbind_events();
  3076. $cfs._cfs_unbind_buttons();
  3077. $wrp.replaceWith($cfs);
  3079. return true;
  3080. });
  3081. }; // /bind_events
  3083. $cfs._cfs_unbind_events = function() {
  3084. $cfs.unbind(cf_e('', conf));
  3085. $cfs.unbind(cf_e('', conf, false));
  3086. }; // /unbind_events
  3088. $cfs._cfs_bind_buttons = function() {
  3089. $cfs._cfs_unbind_buttons();
  3090. nv_showNavi(opts, itms.total, conf);
  3091. nv_enableNavi(opts, itms.first, conf);
  3093. if (opts.auto.pauseOnHover) {
  3094. var pC = bt_pauseOnHoverConfig(opts.auto.pauseOnHover);
  3095. $wrp.bind(cf_e('mouseenter', conf, false), function() { $cfs.trigger(cf_e('pause', conf), pC); })
  3096. .bind(cf_e('mouseleave', conf, false), function() { $cfs.trigger(cf_e('resume', conf)); });
  3097. }
  3099. if (opts.auto.button) {
  3100. opts.auto.button.bind(cf_e(opts.auto.event, conf, false), function(e) {
  3101. e.preventDefault();
  3102. var ev = false,
  3103. pC = null;
  3105. if (crsl.isPaused) {
  3106. ev = 'play';
  3107. } else if (opts.auto.pauseOnEvent) {
  3108. ev = 'pause';
  3109. pC = bt_pauseOnHoverConfig(opts.auto.pauseOnEvent);
  3110. }
  3111. if (ev) {
  3112. $cfs.trigger(cf_e(ev, conf), pC);
  3113. }
  3114. });
  3115. }
  3116. if (opts.prev.button) {
  3117. opts.prev.button.bind(cf_e(opts.prev.event, conf, false), function(e) {
  3118. e.preventDefault();
  3119. $cfs.trigger(cf_e('prev', conf));
  3120. });
  3121. if (opts.prev.pauseOnHover) {
  3122. var pC = bt_pauseOnHoverConfig(opts.prev.pauseOnHover);
  3123. opts.prev.button.bind(cf_e('mouseenter', conf, false), function() { $cfs.trigger(cf_e('pause', conf), pC); })
  3124. .bind(cf_e('mouseleave', conf, false), function() { $cfs.trigger(cf_e('resume', conf)); });
  3125. }
  3126. }
  3128. if (opts.next.button) {
  3129. opts.next.button.bind(cf_e(opts.next.event, conf, false), function(e) {
  3130. e.preventDefault();
  3131. $cfs.trigger(cf_e('next', conf));
  3132. });
  3133. if (opts.next.pauseOnHover) {
  3134. var pC = bt_pauseOnHoverConfig(opts.next.pauseOnHover);
  3135. opts.next.button.bind(cf_e('mouseenter', conf, false), function() { $cfs.trigger(cf_e('pause', conf), pC); })
  3136. .bind(cf_e('mouseleave', conf, false), function() { $cfs.trigger(cf_e('resume', conf)); });
  3137. }
  3138. }
  3139. if ($.fn.mousewheel) {
  3140. if (opts.prev.mousewheel) {
  3141. if (!crsl.mousewheelPrev) {
  3142. crsl.mousewheelPrev = true;
  3143. $wrp.mousewheel(function(e, delta) {
  3144. if (delta > 0) {
  3145. e.preventDefault();
  3146. var num = bt_mousesheelNumber(opts.prev.mousewheel);
  3147. $cfs.trigger(cf_e('prev', conf), num);
  3148. }
  3149. });
  3150. }
  3151. }
  3152. if (opts.next.mousewheel) {
  3153. if (!crsl.mousewheelNext) {
  3154. crsl.mousewheelNext = true;
  3155. $wrp.mousewheel(function(e, delta) {
  3156. if (delta < 0) {
  3157. e.preventDefault();
  3158. var num = bt_mousesheelNumber(opts.next.mousewheel);
  3159. $cfs.trigger(cf_e('next', conf), num);
  3160. }
  3161. });
  3162. }
  3163. }
  3164. }
  3165. if ($.fn.touchwipe) {
  3166. var wP = (opts.prev.wipe) ? function() { $cfs.trigger(cf_e('prev', conf)) } : null,
  3167. wN = (opts.next.wipe) ? function() { $cfs.trigger(cf_e('next', conf)) } : null;
  3169. if (wN || wN) {
  3170. if (!crsl.touchwipe) {
  3171. crsl.touchwipe = true;
  3172. var twOps = {
  3173. 'min_move_x': 30,
  3174. 'min_move_y': 30,
  3175. 'preventDefaultEvents': true
  3176. };
  3177. switch (opts.direction) {
  3178. case 'up':
  3179. case 'down':
  3180. twOps.wipeUp = wN;
  3181. twOps.wipeDown = wP;
  3182. break;
  3183. default:
  3184. twOps.wipeLeft = wN;
  3185. twOps.wipeRight = wP;
  3186. }
  3187. $wrp.touchwipe(twOps);
  3188. }
  3189. }
  3190. }
  3191. if (opts.pagination.container) {
  3192. if (opts.pagination.pauseOnHover) {
  3193. var pC = bt_pauseOnHoverConfig(opts.pagination.pauseOnHover);
  3194. opts.pagination.container.bind(cf_e('mouseenter', conf, false), function() { $cfs.trigger(cf_e('pause', conf), pC); })
  3195. .bind(cf_e('mouseleave', conf, false), function() { $cfs.trigger(cf_e('resume', conf)); });
  3196. }
  3197. }
  3198. if (opts.prev.key || opts.next.key) {
  3199. $(document).bind(cf_e('keyup', conf, false, true, true), function(e) {
  3200. var k = e.keyCode;
  3201. if (k == opts.next.key) {
  3202. e.preventDefault();
  3203. $cfs.trigger(cf_e('next', conf));
  3204. }
  3205. if (k == opts.prev.key) {
  3206. e.preventDefault();
  3207. $cfs.trigger(cf_e('prev', conf));
  3208. }
  3209. });
  3210. }
  3211. if (opts.pagination.keys) {
  3212. $(document).bind(cf_e('keyup', conf, false, true, true), function(e) {
  3213. var k = e.keyCode;
  3214. if (k >= 49 && k < 58) {
  3215. k = (k-49) * opts.items.visible;
  3216. if (k <= itms.total) {
  3217. e.preventDefault();
  3218. $cfs.trigger(cf_e('slideTo', conf), [k, 0, true, opts.pagination]);
  3219. }
  3220. }
  3221. });
  3222. }
  3223. if (opts.auto.play) {
  3224. $cfs.trigger(cf_e('play', conf), opts.auto.delay);
  3225. }
  3227. if (crsl.upDateOnWindowResize) {
  3228. $(window).bind(cf_e('resize', conf, false, true, true), function(e) {
  3229. $cfs.trigger(cf_e('finish', conf));
  3230. if (opts.auto.pauseOnResize && !crsl.isPaused) {
  3231. $cfs.trigger(cf_e('play', conf));
  3232. }
  3233. sz_resetMargin($cfs.children(), opts);
  3234. $cfs._cfs_init(opts_orig);
  3235. var siz = sz_setSizes($cfs, opts, false);
  3236. $cfs.trigger(cf_e('updatePageStatus', conf), [true, siz]);
  3237. });
  3238. }
  3240. }; // /bind_buttons
  3242. $cfs._cfs_unbind_buttons = function() {
  3243. var ns1 = cf_e('', conf),
  3244. ns2 = cf_e('', conf, false);
  3245. ns3 = cf_e('', conf, false, true, true);
  3247. $(document).unbind(ns3);
  3248. $(window).unbind(ns3);
  3249. $wrp.unbind(ns2);
  3251. if (opts.auto.button) opts.auto.button.unbind(ns2);
  3252. if (opts.prev.button) opts.prev.button.unbind(ns2);
  3253. if (opts.next.button) opts.next.button.unbind(ns2);
  3254. if (opts.pagination.container) {
  3255. opts.pagination.container.unbind(ns2);
  3256. if (opts.pagination.anchorBuilder) {
  3257. opts.pagination.container.children().remove();
  3258. }
  3259. }
  3261. nv_showNavi(opts, 'hide', conf);
  3262. nv_enableNavi(opts, 'removeClass', conf);
  3264. }; // /unbind_buttons
  3268. // START
  3270. var crsl = {
  3271. 'direction' : 'next',
  3272. 'isPaused' : true,
  3273. 'isScrolling' : false,
  3274. 'isStopped' : false,
  3276. 'mousewheelNext': false,
  3277. 'mousewheelPrev': false,
  3278. 'touchwipe' : false
  3279. },
  3280. itms = {
  3281. 'total' : $cfs.children().length,
  3282. 'first' : 0
  3283. },
  3284. tmrs = {
  3285. 'timer' : null,
  3286. 'auto' : null,
  3287. 'queue' : null,
  3288. 'startTime' : getTime(),
  3289. 'timePassed' : 0
  3290. },
  3291. scrl = {
  3292. 'isStopped' : false,
  3293. 'duration' : 0,
  3294. 'startTime' : 0,
  3295. 'easing' : '',
  3296. 'anims' : []
  3297. },
  3298. clbk = {
  3299. 'onBefore' : [],
  3300. 'onAfter' : []
  3301. },
  3302. queu = [],
  3303. conf = $.extend(true, {}, $.fn.carouFredSel.configs, configs),
  3304. opts = {},
  3305. opts_orig = options,
  3306. $wrp = $cfs.wrap('<'+conf.wrapper.element+' class="'+conf.wrapper.classname+'" />').parent();
  3308. conf.selector = $cfs.selector;
  3309. conf.serialNumber = $.fn.carouFredSel.serialNumber++;
  3311. // create carousel
  3312. $cfs._cfs_init(opts_orig, true, starting_position);
  3313. $cfs._cfs_build();
  3314. $cfs._cfs_bind_events();
  3315. $cfs._cfs_bind_buttons();
  3317. // find item to start
  3318. if (is_array(opts.items.start)) {
  3319. var start_arr = opts.items.start;
  3320. } else {
  3321. var start_arr = [];
  3322. if (opts.items.start != 0) {
  3323. start_arr.push(opts.items.start);
  3324. }
  3325. }
  3326. if (opts.cookie) {
  3327. start_arr.unshift(cf_readCookie(opts.cookie));
  3328. }
  3329. if (start_arr.length > 0) {
  3330. for (var a = 0, l = start_arr.length; a < l; a++) {
  3331. var s = start_arr[a];
  3332. if (s == 0) {
  3333. continue;
  3334. }
  3335. if (s === true) {
  3336. s = window.location.hash;
  3337. if (s.length < 1) {
  3338. continue;
  3339. }
  3340. } else if (s === 'random') {
  3341. s = Math.floor(Math.random()*itms.total);
  3342. }
  3343. if ($cfs.triggerHandler(cf_e('slideTo', conf), [s, 0, true, { fx: 'none' }])) {
  3344. break;
  3345. }
  3346. }
  3347. }
  3348. var siz = sz_setSizes($cfs, opts, false),
  3349. itm = gi_getCurrentItems($cfs.children(), opts);
  3351. if (opts.onCreate) {
  3352. opts.onCreate.call($tt0, itm, siz);
  3353. }
  3355. $cfs.trigger(cf_e('updatePageStatus', conf), [true, siz]);
  3356. $cfs.trigger(cf_e('linkAnchors', conf));
  3358. return $cfs;
  3359. };
  3362. // GLOBAL PUBLIC
  3364. $.fn.carouFredSel.serialNumber = 1;
  3365. $.fn.carouFredSel.defaults = {
  3366. 'synchronise' : false,
  3367. 'infinite' : true,
  3368. 'circular' : true,
  3369. 'responsive' : false,
  3370. 'direction' : 'left',
  3371. 'items' : {
  3372. 'start' : 0
  3373. },
  3374. 'scroll' : {
  3375. 'easing' : 'swing',
  3376. 'duration' : 500,
  3377. 'pauseOnHover' : false,
  3378. 'mousewheel' : false,
  3379. 'wipe' : false,
  3380. 'event' : 'click',
  3381. 'queue' : false
  3382. }
  3383. };
  3384. $.fn.carouFredSel.configs = {
  3385. 'debug' : false,
  3386. 'events' : {
  3387. 'prefix' : '',
  3388. 'namespace' : 'cfs'
  3389. },
  3390. 'wrapper' : {
  3391. 'element' : 'div',
  3392. 'classname' : 'caroufredsel_wrapper'
  3393. },
  3394. 'classnames' : {}
  3395. };
  3396. $.fn.carouFredSel.pageAnchorBuilder = function(nr, itm) {
  3397. return '<a href="#"><span>'+nr+'</span></a>';
  3398. };
  3401. // GLOBAL PRIVATE
  3403. // scrolling functions
  3404. function sc_setScroll(d, e) {
  3405. return {
  3406. anims : [],
  3407. duration : d,
  3408. orgDuration : d,
  3409. easing : e,
  3410. startTime : getTime()
  3411. };
  3412. }
  3413. function sc_startScroll(s) {
  3414. if (typeof s.pre == 'object') {
  3415. sc_startScroll(s.pre);
  3416. }
  3417. for (var a = 0, l = s.anims.length; a < l; a++) {
  3418. var b = s.anims[a];
  3419. if (!b) continue;
  3420. if (b[3]) b[0].stop();
  3421. b[0].animate(b[1], {
  3422. complete: b[2],
  3423. duration: s.duration,
  3424. easing: s.easing
  3425. });
  3426. }
  3427. if (typeof s.post == 'object') {
  3428. sc_startScroll(s.post);
  3429. }
  3430. }
  3431. function sc_stopScroll(s, finish) {
  3432. if (typeof finish != 'boolean') finish = true;
  3433. if (typeof s.pre == 'object') {
  3434. sc_stopScroll(s.pre, finish);
  3435. }
  3436. for (var a = 0, l = s.anims.length; a < l; a++) {
  3437. var b = s.anims[a];
  3438. b[0].stop(true);
  3439. if (finish) {
  3440. b[0].css(b[1]);
  3441. if (typeof b[2] == 'function') b[2]();
  3442. }
  3443. }
  3444. if (typeof s.post == 'object') {
  3445. sc_stopScroll(s.post, finish);
  3446. }
  3447. }
  3448. function sc_clearTimers(t) {
  3449. if (t.auto) clearTimeout(t.auto);
  3450. return t;
  3451. }
  3452. function sc_callCallbacks(cbs, t, args) {
  3453. if (cbs.length) {
  3454. for (var a = 0, l = cbs.length; a < l; a++) {
  3455. cbs[a].apply(t, args);
  3456. }
  3457. }
  3458. return [];
  3459. }
  3461. // fx functions
  3462. function fx_fade(sO, c, x, d, f) {
  3463. var o = {
  3464. 'duration' : d,
  3465. 'easing' : sO.easing
  3466. };
  3467. if (typeof f == 'function') o.complete = f;
  3468. c.animate({
  3469. opacity: x
  3470. }, o);
  3471. }
  3472. function fx_cover(sc, c1, c2, o, prev) {
  3473. var old_w = ms_getSizes(gi_getOldItemsNext(c1.children(), o), o, true)[0],
  3474. new_w = ms_getSizes(c2.children(), o, true)[0],
  3475. cur_l = (prev) ? -new_w : old_w,
  3476. css_o = {},
  3477. ani_o = {};
  3479. css_o[o.d['width']] = new_w;
  3480. css_o[o.d['left']] = cur_l;
  3481. ani_o[o.d['left']] = 0;
  3483. sc.pre.anims.push([c1, { 'opacity': 1 }]);
  3484. sc.post.anims.push([c2, ani_o, function() { $(this).remove(); }]);
  3485. c2.css(css_o);
  3486. return sc;
  3487. }
  3488. function fx_uncover(sc, c1, c2, o, prev, n) {
  3489. var new_w = ms_getSizes(gi_getNewItemsNext(c1.children(), o, n), o, true)[0],
  3490. old_w = ms_getSizes(c2.children(), o, true)[0],
  3491. cur_l = (prev) ? -old_w : new_w,
  3492. css_o = {},
  3493. ani_o = {};
  3495. css_o[o.d['width']] = old_w;
  3496. css_o[o.d['left']] = 0;
  3497. ani_o[o.d['left']] = cur_l;
  3498. sc.post.anims.push([c2, ani_o, function() { $(this).remove(); }]);
  3499. c2.css(css_o);
  3500. return sc;
  3501. }
  3503. // navigation functions
  3504. function nv_showNavi(o, t, c) {
  3505. if (t == 'show' || t == 'hide') {
  3506. var f = t;
  3507. } else if (o.items.minimum >= t) {
  3508. debug(c, 'Not enough items: hiding navigation ('+t+' items, '+o.items.minimum+' needed).');
  3509. var f = 'hide';
  3510. } else {
  3511. var f = 'show';
  3512. }
  3513. var s = (f == 'show') ? 'removeClass' : 'addClass',
  3514. h = cf_c('hidden', c);
  3515. if (o.auto.button) o.auto.button[f]()[s](h);
  3516. if (o.prev.button) o.prev.button[f]()[s](h);
  3517. if (o.next.button) o.next.button[f]()[s](h);
  3518. if (o.pagination.container) o.pagination.container[f]()[s](h);
  3519. }
  3520. function nv_enableNavi(o, f, c) {
  3521. if (o.circular || o.infinite) return;
  3522. var fx = (f == 'removeClass' || f == 'addClass') ? f : false,
  3523. di = cf_c('disabled', c);
  3524. if (o.auto.button && fx) {
  3525. o.auto.button[fx](di);
  3526. }
  3527. if (o.prev.button) {
  3528. var fn = fx || (f == 0) ? 'addClass' : 'removeClass';
  3529. o.prev.button[fn](di);
  3530. }
  3531. if (o.next.button) {
  3532. var fn = fx || (f == o.items.visible) ? 'addClass' : 'removeClass';
  3533. o.next.button[fn](di);
  3534. }
  3535. }
  3537. // get object functions
  3538. function go_getObject($tt, obj) {
  3539. if (typeof obj == 'function') obj = obj.call($tt);
  3540. if (typeof obj == 'undefined') obj = {};
  3541. return obj;
  3542. }
  3543. function go_getNaviObject($tt, obj, type) {
  3544. if (typeof type != 'string') type = '';
  3546. obj = go_getObject($tt, obj);
  3547. if (typeof obj == 'string') {
  3548. var temp = cf_getKeyCode(obj);
  3549. if (temp == -1) obj = $(obj);
  3550. else obj = temp;
  3551. }
  3553. // pagination
  3554. if (type == 'pagination') {
  3555. if (typeof obj == 'boolean') obj = { 'keys': obj };
  3556. if (typeof obj.jquery != 'undefined') obj = { 'container': obj };
  3557. if (typeof obj.container == 'function') obj.container = obj.container.call($tt);
  3558. if (typeof obj.container == 'string') obj.container = $(obj.container);
  3559. if (typeof obj.items != 'number') obj.items = false;
  3561. // auto
  3562. } else if (type == 'auto') {
  3563. if (typeof obj.jquery != 'undefined') obj = { 'button': obj };
  3564. if (typeof obj == 'boolean') obj = { 'play': obj };
  3565. if (typeof obj == 'number') obj = { 'pauseDuration': obj };
  3566. if (typeof obj.button == 'function') obj.button = obj.button.call($tt);
  3567. if (typeof obj.button == 'string') obj.button = $(obj.button);
  3569. // prev + next
  3570. } else {
  3571. if (typeof obj.jquery != 'undefined') obj = { 'button': obj };
  3572. if (typeof obj == 'number') obj = { 'key': obj };
  3573. if (typeof obj.button == 'function') obj.button = obj.button.call($tt);
  3574. if (typeof obj.button == 'string') obj.button = $(obj.button);
  3575. if (typeof obj.key == 'string') obj.key = cf_getKeyCode(obj.key);
  3576. }
  3578. return obj;
  3579. }
  3581. // get number functions
  3582. function gn_getItemIndex(num, dev, org, items, $cfs) {
  3583. if (typeof num == 'string') {
  3584. if (isNaN(num)) num = $(num);
  3585. else num = parseInt(num);
  3586. }
  3587. if (typeof num == 'object') {
  3588. if (typeof num.jquery == 'undefined') num = $(num);
  3589. num = $cfs.children().index(num);
  3590. if (num == -1) num = 0;
  3591. if (typeof org != 'boolean') org = false;
  3592. } else {
  3593. if (typeof org != 'boolean') org = true;
  3594. }
  3595. if (isNaN(num)) num = 0;
  3596. else num = parseInt(num);
  3597. if (isNaN(dev)) dev = 0;
  3598. else dev = parseInt(dev);
  3600. if (org) {
  3601. num += items.first;
  3602. }
  3603. num += dev;
  3604. if (items.total > 0) {
  3605. while (num >= items.total) { num -= items.total; }
  3606. while (num < 0) { num += items.total; }
  3607. }
  3608. return num;
  3609. }
  3611. // items prev
  3612. function gn_getVisibleItemsPrev(i, o, s) {
  3613. var t = 0,
  3614. x = 0;
  3616. for (var a = s; a >= 0; a--) {
  3617. var j = i.eq(a);
  3618. t += (j.is(':visible')) ? j[o.d['outerWidth']](true) : 0;
  3619. if (t > o.maxDimention) return x;
  3620. if (a == 0) a = i.length;
  3621. x++;
  3622. }
  3623. }
  3624. function gn_getVisibleItemsPrevFilter(i, o, s) {
  3625. return gn_getItemsPrevFilter(i, o.items.filter, o.items.visibleConf.org, s);
  3626. }
  3627. function gn_getScrollItemsPrevFilter(i, o, s, m) {
  3628. return gn_getItemsPrevFilter(i, o.items.filter, m, s);
  3629. }
  3630. function gn_getItemsPrevFilter(i, f, m, s) {
  3631. var t = 0,
  3632. x = 0;
  3634. for (var a = s, l = i.length-1; a >= 0; a--) {
  3635. x++;
  3636. if (x == l) return x;
  3638. var j = i.eq(a);
  3639. if (j.is(f)) {
  3640. t++;
  3641. if (t == m) return x;
  3642. }
  3643. if (a == 0) a = i.length;
  3644. }
  3645. }
  3647. function gn_getVisibleOrg($c, o) {
  3648. return o.items.visibleConf.org || $c.children().slice(0, o.items.visible).filter(o.items.filter).length;
  3649. }
  3651. // items next
  3652. function gn_getVisibleItemsNext(i, o, s) {
  3653. var t = 0,
  3654. x = 0;
  3656. for (var a = s, l = i.length-1; a <= l; a++) {
  3657. var j = i.eq(a);
  3659. t += (j.is(':visible')) ? j[o.d['outerWidth']](true) : 0;
  3660. if (t > o.maxDimention) return x;
  3662. x++;
  3663. if (x == l) return x;
  3664. if (a == l) a = -1;
  3665. }
  3666. }
  3667. function gn_getVisibleItemsNextTestCircular(i, o, s, l) {
  3668. var v = gn_getVisibleItemsNext(i, o, s);
  3669. if (!o.circular) {
  3670. if (s + v > l) v = l - s;
  3671. }
  3672. return v;
  3673. }
  3674. function gn_getVisibleItemsNextFilter(i, o, s) {
  3675. return gn_getItemsNextFilter(i, o.items.filter, o.items.visibleConf.org, s, o.circular);
  3676. }
  3677. function gn_getScrollItemsNextFilter(i, o, s, m) {
  3678. return gn_getItemsNextFilter(i, o.items.filter, m+1, s, o.circular) - 1;
  3679. }
  3680. function gn_getItemsNextFilter(i, f, m, s, c) {
  3681. var t = 0,
  3682. x = 0;
  3684. for (var a = s, l = i.length-1; a <= l; a++) {
  3685. x++;
  3686. if (x == l) return x;
  3688. var j = i.eq(a);
  3689. if (j.is(f)) {
  3690. t++;
  3691. if (t == m) return x;
  3692. }
  3693. if (a == l) a = -1;
  3694. }
  3695. }
  3697. // get items functions
  3698. function gi_getCurrentItems(i, o) {
  3699. return i.slice(0, o.items.visible);
  3700. }
  3701. function gi_getOldItemsPrev(i, o, n) {
  3702. return i.slice(n, o.items.visibleConf.old+n);
  3703. }
  3704. function gi_getNewItemsPrev(i, o) {
  3705. return i.slice(0, o.items.visible);
  3706. }
  3707. function gi_getOldItemsNext(i, o) {
  3708. return i.slice(0, o.items.visibleConf.old);
  3709. }
  3710. function gi_getNewItemsNext(i, o, n) {
  3711. return i.slice(n, o.items.visible+n);
  3712. }
  3714. // sizes functions
  3715. function sz_resetMargin(i, o, m) {
  3716. var x = (typeof m == 'boolean') ? m : false;
  3717. if (typeof m != 'number') m = 0;
  3718. i.each(function() {
  3719. var j = $(this);
  3720. var t = parseInt(j.css(o.d['marginRight']));
  3721. if (isNaN(t)) t = 0;
  3722. j.data('cfs_tempCssMargin', t);
  3723. j.css(o.d['marginRight'], ((x) ? j.data('cfs_tempCssMargin') : m + j.data('cfs_origCssMargin')));
  3724. });
  3725. }
  3726. function sz_setSizes($c, o, p) {
  3727. var $w = $c.parent(),
  3728. $i = $c.children(),
  3729. $v = gi_getCurrentItems($i, o),
  3730. sz = cf_mapWrapperSizes(ms_getSizes($v, o, true), o, p);
  3732. $w.css(sz);
  3734. if (o.usePadding) {
  3735. var p = o.padding,
  3736. r = p[o.d[1]];
  3737. if (o.align) {
  3738. if (r < 0) r = 0;
  3739. }
  3740. var $l = $v.last();
  3741. $l.css(o.d['marginRight'], $l.data('cfs_origCssMargin') + r);
  3742. $c.css(o.d['top'], p[o.d[0]]);
  3743. $c.css(o.d['left'], p[o.d[3]]);
  3744. }
  3746. $c.css(o.d['width'], sz[o.d['width']]+(ms_getTotalSize($i, o, 'width')*2));
  3747. $c.css(o.d['height'], ms_getLargestSize($i, o, 'height'));
  3748. return sz;
  3749. }
  3751. // measuring functions
  3752. function ms_getSizes(i, o, wrapper) {
  3753. var s1 = ms_getTotalSize(i, o, 'width', wrapper),
  3754. s2 = ms_getLargestSize(i, o, 'height', wrapper);
  3755. return [s1, s2];
  3756. }
  3757. function ms_getLargestSize(i, o, dim, wrapper) {
  3758. if (typeof wrapper != 'boolean') wrapper = false;
  3759. if (typeof o[o.d[dim]] == 'number' && wrapper) return o[o.d[dim]];
  3760. if (typeof o.items[o.d[dim]] == 'number') return o.items[o.d[dim]];
  3761. var di2 = (dim.toLowerCase().indexOf('width') > -1) ? 'outerWidth' : 'outerHeight';
  3762. return ms_getTrueLargestSize(i, o, di2);
  3763. }
  3764. function ms_getTrueLargestSize(i, o, dim) {
  3765. var s = 0;
  3767. for (var a = 0, l = i.length; a < l; a++) {
  3768. var j = i.eq(a);
  3770. var m = (j.is(':visible')) ? j[o.d[dim]](true) : 0;
  3771. if (s < m) s = m;
  3772. }
  3773. return s;
  3774. }
  3775. function ms_getTrueInnerSize($el, o, dim) {
  3776. if (!$el.is(':visible')) return 0;
  3778. var siz = $el[o.d[dim]](),
  3779. arr = (o.d[dim].toLowerCase().indexOf('width') > -1) ? ['paddingLeft', 'paddingRight'] : ['paddingTop', 'paddingBottom'];
  3781. for (var a = 0, l = arr.length; a < l; a++) {
  3782. var m = parseInt($el.css(arr[a]));
  3783. siz -= (isNaN(m)) ? 0 : m;
  3784. }
  3785. return siz;
  3786. }
  3787. function ms_getTotalSize(i, o, dim, wrapper) {
  3788. if (typeof wrapper != 'boolean') wrapper = false;
  3789. if (typeof o[o.d[dim]] == 'number' && wrapper) return o[o.d[dim]];
  3790. if (typeof o.items[o.d[dim]] == 'number') return o.items[o.d[dim]] * i.length;
  3792. var d = (dim.toLowerCase().indexOf('width') > -1) ? 'outerWidth' : 'outerHeight',
  3793. s = 0;
  3795. for (var a = 0, l = i.length; a < l; a++) {
  3796. var j = i.eq(a);
  3797. s += (j.is(':visible')) ? j[o.d[d]](true) : 0;
  3798. }
  3799. return s;
  3800. }
  3801. function ms_hasVariableSizes(i, o, dim) {
  3802. var s = false,
  3803. v = false;
  3805. for (var a = 0, l = i.length; a < l; a++) {
  3806. var j = i.eq(a);
  3808. var c = (j.is(':visible')) ? j[o.d[dim]](true) : 0;
  3809. if (s === false) s = c;
  3810. else if (s != c) v = true;
  3811. if (s == 0) v = true;
  3812. }
  3813. return v;
  3814. }
  3815. function ms_getPaddingBorderMargin(i, o, d) {
  3816. return i[o.d['outer'+d]](true) - ms_getTrueInnerSize(i, o, 'inner'+d);
  3817. }
  3818. function ms_isPercentage(x) {
  3819. return (typeof x == 'string' && x.substr(-1) == '%');
  3820. }
  3821. function ms_getPercentage(s, o) {
  3822. if (ms_isPercentage(o)) {
  3823. o = o.substring(0, o.length-1);
  3824. if (isNaN(o)) return s;
  3825. s *= o/100;
  3826. }
  3827. return s;
  3828. }
  3830. // config functions
  3831. function cf_e(n, c, pf, ns, rd) {
  3832. if (typeof pf != 'boolean') pf = true;
  3833. if (typeof ns != 'boolean') ns = true;
  3834. if (typeof rd != 'boolean') rd = false;
  3836. if (pf) n = c.events.prefix + n;
  3837. if (ns) n = n +'.'+ c.events.namespace;
  3838. if (ns && rd) n += c.serialNumber;
  3840. return n;
  3841. }
  3842. function cf_c(n, c) {
  3843. return (typeof c.classnames[n] == 'string') ? c.classnames[n] : n;
  3844. }
  3845. function cf_mapWrapperSizes(ws, o, p) {
  3846. if (typeof p != 'boolean') p = true;
  3847. var pad = (o.usePadding && p) ? o.padding : [0, 0, 0, 0];
  3848. var wra = {};
  3849. wra[o.d['width']] = ws[0] + pad[1] + pad[3];
  3850. wra[o.d['height']] = ws[1] + pad[0] + pad[2];
  3852. return wra;
  3853. }
  3854. function cf_sortParams(vals, typs) {
  3855. var arr = [];
  3856. for (var a = 0, l1 = vals.length; a < l1; a++) {
  3857. for (var b = 0, l2 = typs.length; b < l2; b++) {
  3858. if (typs[b].indexOf(typeof vals[a]) > -1 && typeof arr[b] == 'undefined') {
  3859. arr[b] = vals[a];
  3860. break;
  3861. }
  3862. }
  3863. }
  3864. return arr;
  3865. }
  3866. function cf_getPadding(p) {
  3867. if (typeof p == 'undefined') return [0, 0, 0, 0];
  3869. if (typeof p == 'number') return [p, p, p, p];
  3870. else if (typeof p == 'string') p = p.split('px').join('').split('em').join('').split(' ');
  3872. if (!is_array(p)) {
  3873. return [0, 0, 0, 0];
  3874. }
  3875. for (var i = 0; i < 4; i++) {
  3876. p[i] = parseInt(p[i]);
  3877. }
  3878. switch (p.length) {
  3879. case 0: return [0, 0, 0, 0];
  3880. case 1: return [p[0], p[0], p[0], p[0]];
  3881. case 2: return [p[0], p[1], p[0], p[1]];
  3882. case 3: return [p[0], p[1], p[2], p[1]];
  3883. default: return [p[0], p[1], p[2], p[3]];
  3884. }
  3885. }
  3886. function cf_getAlignPadding(itm, o) {
  3887. var x = (typeof o[o.d['width']] == 'number') ? Math.ceil(o[o.d['width']] - ms_getTotalSize(itm, o, 'width')) : 0;
  3888. switch (o.align) {
  3889. case 'left': return [0, x];
  3890. case 'right': return [x, 0];
  3891. case 'center':
  3892. default:
  3893. return [Math.ceil(x/2), Math.floor(x/2)];
  3894. }
  3895. }
  3896. function cf_getAdjust(x, o, a, $t) {
  3897. var v = x;
  3898. if (typeof a == 'function') {
  3899. v = a.call($t, v);
  3901. } else if (typeof a == 'string') {
  3902. var p = a.split('+'),
  3903. m = a.split('-');
  3905. if (m.length > p.length) {
  3906. var neg = true,
  3907. sta = m[0],
  3908. adj = m[1];
  3909. } else {
  3910. var neg = false,
  3911. sta = p[0],
  3912. adj = p[1];
  3913. }
  3915. switch(sta) {
  3916. case 'even':
  3917. v = (x % 2 == 1) ? x-1 : x;
  3918. break;
  3919. case 'odd':
  3920. v = (x % 2 == 0) ? x-1 : x;
  3921. break;
  3922. default:
  3923. v = x;
  3924. break;
  3925. }
  3926. adj = parseInt(adj);
  3927. if (!isNaN(adj)) {
  3928. if (neg) adj = -adj;
  3929. v += adj;
  3930. }
  3931. }
  3932. if (typeof v != 'number') v = 1;
  3933. if (v < 1) v = 1;
  3934. return v;
  3935. }
  3936. function cf_getItemsAdjust(x, o, a, $t) {
  3937. return cf_getItemAdjustMinMax(cf_getAdjust(x, o, a, $t), o.items.visibleConf);
  3938. }
  3939. function cf_getItemAdjustMinMax(v, i) {
  3940. if (typeof i.min == 'number' && v < i.min) v = i.min;
  3941. if (typeof i.max == 'number' && v > i.max) v = i.max;
  3942. if (v < 1) v = 1;
  3943. return v;
  3944. }
  3945. function cf_getSynchArr(s) {
  3946. if (!is_array(s)) s = [[s]];
  3947. if (!is_array(s[0])) s = [s];
  3948. for (var j = 0, l = s.length; j < l; j++) {
  3949. if (typeof s[j][0] == 'string') s[j][0] = $(s[j][0]);
  3950. if (typeof s[j][1] != 'boolean') s[j][1] = true;
  3951. if (typeof s[j][2] != 'boolean') s[j][2] = true;
  3952. if (typeof s[j][3] != 'number') s[j][3] = 0;
  3953. }
  3954. return s;
  3955. }
  3956. function cf_getKeyCode(k) {
  3957. if (k == 'right') return 39;
  3958. if (k == 'left') return 37;
  3959. if (k == 'up') return 38;
  3960. if (k == 'down') return 40;
  3961. return -1;
  3962. }
  3963. function cf_setCookie(n, v) {
  3964. if (n) document.cookie = n+'='+v+'; path=/';
  3965. }
  3966. function cf_readCookie(n) {
  3967. n += '=';
  3968. var ca = document.cookie.split(';');
  3969. for (var a = 0, l = ca.length; a < l; a++) {
  3970. var c = ca[a];
  3971. while (c.charAt(0) == ' ') {
  3972. c = c.substring(1, c.length);
  3973. }
  3974. if (c.indexOf(n) == 0) {
  3975. return c.substring(n.length, c.length);
  3976. }
  3977. }
  3978. return 0;
  3979. }
  3981. // buttons functions
  3982. function bt_pauseOnHoverConfig(p) {
  3983. if (p && typeof p == 'string') {
  3984. var i = (p.indexOf('immediate') > -1) ? true : false,
  3985. r = (p.indexOf('resume') > -1) ? true : false;
  3986. } else {
  3987. var i = r = false;
  3988. }
  3989. return [i, r];
  3990. }
  3991. function bt_mousesheelNumber(mw) {
  3992. return (typeof mw == 'number') ? mw : null
  3993. }
  3995. // helper functions
  3996. function is_array(a) {
  3997. return typeof(a) == 'object' && (a instanceof Array);
  3998. }
  4000. function getTime() {
  4001. return new Date().getTime();
  4002. }
  4004. function debug(d, m) {
  4005. if (typeof d == 'object') {
  4006. var s = ' ('+d.selector+')';
  4007. d = d.debug;
  4008. } else {
  4009. var s = '';
  4010. }
  4011. if (!d) return false;
  4013. if (typeof m == 'string') m = 'carouFredSel'+s+': ' + m;
  4014. else m = ['carouFredSel'+s+':', m];
  4016. if (window.console && window.console.log) window.console.log(m);
  4017. return false;
  4018. }
  4021. // CAROUFREDSEL ALL LOWERCASE
  4023. $.fn.caroufredsel = function(o, c) {
  4024. return this.carouFredSel(o, c);
  4025. };
  4028. // EASING FUNCTIONS
  4030. $.extend($.easing, {
  4031. 'quadratic' : function(t) {
  4032. var t2 = t * t;
  4033. return t * (-t2 * t + 4 * t2 - 6 * t + 4);
  4034. },
  4035. 'cubic' : function(t) {
  4036. return t * (4 * t * t - 9 * t + 6);
  4037. },
  4038. 'elastic' : function(t) {
  4039. var t2 = t * t;
  4040. return t * (33 * t2 * t2 - 106 * t2 * t + 126 * t2 - 67 * t + 15);
  4041. }
  4042. });
  4045. })(jQuery);
  4047. //]]>
  4048. </script>
  4050. <script type='text/javascript'>
  4051. //<![CDATA[
  4053. function showrecentcomments(json){for(var i=0;i<a_rc;i++){var b_rc=json.feed.entry[i];var c_rc;if(i==json.feed.entry.length)break;for(var k=0;k<b_rc.link.length;k++){if(b_rc.link[k].rel=='alternate'){c_rc=b_rc.link[k].href;break;}}c_rc=c_rc.replace("#","#comment-");var d_rc=c_rc.split("#");d_rc=d_rc[0];var e_rc=d_rc.split("/");e_rc=e_rc[5];e_rc=e_rc.split(".html");e_rc=e_rc[0];var f_rc=e_rc.replace(/-/g," ");f_rc=f_rc.link(d_rc);var g_rc=b_rc.published.$t;var h_rc=g_rc.substring(0,4);var i_rc=g_rc.substring(5,7);var j_rc=g_rc.substring(8,10);var k_rc=new Array();k_rc[1]="Jan";k_rc[2]="Feb";k_rc[3]="Mar";k_rc[4]="Apr";k_rc[5]="May";k_rc[6]="Jun";k_rc[7]="Jul";k_rc[8]="Aug";k_rc[9]="Sep";k_rc[10]="Oct";k_rc[11]="Nov";k_rc[12]="Dec";if("content" in b_rc){var l_rc=b_rc.content.$t;}else if("summary" in b_rc){var l_rc=b_rc.summary.$t;}else var l_rc="";var re=/<\S[^>]*>/g;l_rc=l_rc.replace(re,"");if(m_rc==true)document.write('On '+k_rc[parseInt(i_rc,10)]+' '+j_rc+' ');document.write('<a href="'+c_rc+'">'+b_rc.author[0].name.$t+'</a> commented');if(n_rc==true)document.write(' on '+f_rc);document.write(': ');if(l_rc.length<o_rc){document.write('<i>&#8220;');document.write(l_rc);document.write('&#8221;</i><br/><br/>');}else{document.write('<i>&#8220;');l_rc=l_rc.substring(0,o_rc);var p_rc=l_rc.lastIndexOf(" ");l_rc=l_rc.substring(0,p_rc);document.write(l_rc+'&hellip;&#8221;</i>');document.write('<br/><br/>');}}}
  4055. function rp(json){document.write('<ul>');for(var i=0;i<numposts;i++){document.write('<li>');var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);var readmorelink="(more)";readmorelink=readmorelink.link(posturl);var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="Jun";monthnames[7]="Jul";monthnames[8]="Aug";monthnames[9]="Sep";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";if("content"in entry){var postcontent=entry.content.$t}else if("summary"in entry){var postcontent=entry.summary.$t}else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");document.write(posttitle);if(showpostdate==true)document.write(' - '+monthnames[parseInt(cdmonth,10)]+' '+cdday);if(showpostsummary==true){if(postcontent.length<numchars){document.write(postcontent)}else{postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...'+readmorelink)}}document.write('</li>')}document.write('</ul>')}
  4057. //]]>
  4058. </script>
  4060. <script type='text/javascript'>
  4061. summary_noimg = 550;
  4062. summary_img = 450;
  4063. img_thumb_height = 200;
  4064. img_thumb_width = 200;
  4065. </script>
  4066. <script type='text/javascript'>
  4067. //<![CDATA[
  4069. function removeHtmlTag(strx,chop){
  4070. if(strx.indexOf("<")!=-1)
  4071. {
  4072. var s = strx.split("<");
  4073. for(var i=0;i<s.length;i++){
  4074. if(s[i].indexOf(">")!=-1){
  4075. s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
  4076. }
  4077. }
  4078. strx = s.join("");
  4079. }
  4080. chop = (chop < strx.length-1) ? chop : strx.length-2;
  4081. while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
  4082. strx = strx.substring(0,chop-1);
  4083. return strx+'...';
  4084. }
  4086. function createSummaryAndThumb(pID){
  4087. var div = document.getElementById(pID);
  4088. var imgtag = "";
  4089. var img = div.getElementsByTagName("img");
  4090. var summ = summary_noimg;
  4091. if(img.length>=1) {
  4092. imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
  4093. summ = summary_img;
  4094. }
  4096. var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
  4097. div.innerHTML = summary;
  4098. }
  4100. //]]>
  4101. </script>
  4103. </head>
  4105. <body>
  4106. <div id='wrapper'><!-- wrapper begin -->
  4108. <div id='masthead'><!-- masthead begin -->
  4109. <div class='clearfix' id='top'>
  4111. <div class='blogname'>
  4112. <b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
  4113. <b:widget id='Header1' locked='true' title=' Valor (Header)' type='Header'>
  4114. <b:includable id='title'>
  4115. <a expr:href='data:blog.homepageUrl'><data:title/></a>
  4116. </b:includable>
  4117. <b:includable id='description'>
  4118. <div class='descriptionwrapper'>
  4119. <h2><data:description/></h2>
  4120. </div>
  4121. </b:includable>
  4122. <b:includable id='main'>
  4124. <b:if cond='data:useImage'>
  4125. <b:if cond='data:imagePlacement == "REPLACE"'>
  4126. <!--Show just the image, no text-->
  4127. <div id='header-inner'>
  4128. <a expr:href='data:blog.homepageUrl' style='display: block'>
  4129. <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block;padding-left:0px;padding-top:0px;'/>
  4130. </a>
  4131. </div>
  4132. <b:else/>
  4133. <!--
  4134. Show image as background to text. You can't really calculate the width
  4135. reliably in JS because margins are not taken into account by any of
  4136. clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
  4137. width if the user is using shrink to fit.
  4138. This results in a margin-width's worth of pixels being cropped. If the
  4139. user is not using shrink to fit then we expand the header.
  4140. -->
  4141. <div expr:style='"background-image: url(\"" + data:sourceUrl + "\"); " + "background-position: " + data:backgroundPositionStyleStr + "; " + data:widthStyleStr + "min-height: " + data:height + "px;" + "_height: " + data:height + "px;" + "background-repeat: no-repeat; "' id='header-inner'>
  4142. <div class='titlewrapper' style='background: transparent'>
  4143. <h1 class='logo' style='background: transparent; border-width: 0px'>
  4144. <b:include name='title'/>
  4145. </h1>
  4146. </div>
  4147. <b:include name='description'/>
  4148. </div>
  4149. </b:if>
  4150. <b:else/>
  4151. <!--No header image -->
  4152. <div id='header-inner'>
  4153. <div class='titlewrapper'>
  4154. <h1 class='logo'>
  4155. <b:include name='title'/>
  4156. </h1>
  4157. </div>
  4158. <b:include name='description'/>
  4159. </div>
  4160. </b:if>
  4161. </b:includable>
  4162. </b:widget>
  4163. </b:section>
  4164. </div>
  4166. <div id='search'>
  4167. <form expr:action='data:blog.homepageUrl + "search/"' id='searchform' method='get'>
  4168. <div>
  4169. <input id='s' name='q' type='text' value=''/>
  4170. <input id='searchsubmit' type='submit' value='Search'/>
  4171. </div>
  4172. </form>
  4173. </div>
  4174. <div class='clear'/>
  4175. </div>
  4177. <div id='botmenu'>
  4178. <div class='menu-valormenu-container' id='subnav'>
  4179. <b:section class='nbttopmenu' id='nbttopmenu' showaddelement='no'>
  4180. <b:widget id='PageList8' locked='false' title='Pages - Menu' type='PageList'>
  4181. <b:includable id='main'>
  4182. <b:if cond='data:title'><!--<h2><data:title/></h2>--></b:if>
  4183. <div class='widget-content'>
  4184. <ul class='sfmenu' id='menu-valormenu'>
  4185. <b:loop values='data:links' var='link'>
  4186. <b:if cond='data:link.isCurrentPage'>
  4187. <li id='currentpage'><a expr:href='data:link.href'><data:link.title/></a></li>
  4188. <b:else/>
  4189. <li><a expr:href='data:link.href'><data:link.title/></a></li>
  4190. </b:if>
  4191. </b:loop>
  4192. </ul>
  4193. <b:include name='quickedit'/>
  4194. </div>
  4195. </b:includable>
  4196. </b:widget>
  4197. <b:widget id='LinkList1' locked='true' title='Edit This Menu' type='LinkList'>
  4198. <b:includable id='main'>
  4199. <div class='widget-content'>
  4200. <ul class='sfmenu' id='menu-valormenu'>
  4201. <b:loop values='data:links' var='link'>
  4202. <li><a expr:href='data:link.target'><data:link.name/></a></li>
  4203. </b:loop>
  4204. </ul>
  4205. <b:include name='quickedit'/>
  4206. </div>
  4207. </b:includable>
  4208. </b:widget>
  4209. </b:section>
  4210. </div>
  4211. </div>
  4213. </div><!--end masthead-->
  4215. <div id='casing'>
  4217. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  4218. <div id='nbtfeature'>
  4219. <div class='flexslider'>
  4220. <ul class='slides'>
  4222. <li>
  4223. <a href='ENTER-SLIDE-1-URL-HERE'><img class='f-image' height='500' src='http://2.bp.blogspot.com/-prQK0px0pfI/UQhGhpxGmuI/AAAAAAAABBw/a-6KBm0EdDc/s000/slide1-1000x500.jpg' width='1000'/></a>
  4224. <div class='flex-caption'>
  4225. <h3> Introducing: Agent 47 &#8211; Hitman</h3>
  4226. <p><p>Nulla condimentum pulvinar turpis, ac dapibus purus consequat a. Maecenas condimentum lorem id tellus scelerisque sagittis. Aenean odio massa, tristique quis posuere non, porta a [...]</p></p>
  4227. </div>
  4228. </li>
  4230. <li>
  4231. <a href='ENTER-SLIDE-2-URL-HERE'><img class='f-image' height='500' src='http://1.bp.blogspot.com/-tFhBtYds6Cw/UQhGiZJCNnI/AAAAAAAABB4/G45AyT4N7jU/s000/slide2-1000x500.jpg' width='1000'/></a>
  4232. <div class='flex-caption'>
  4233. <h3> Starcraft II: Heart of the Swarm hands-on at MLG event</h3>
  4234. <p><p>In suscipit vestibulum sem, nec consectetur enim consequat nec. Donec elit turpis; dignissim pharetra porttitor in, fringilla sed tortor. Vivamus scelerisque blandit velit sit amet [...]</p></p>
  4235. </div>
  4236. </li>
  4238. <li>
  4239. <a href='ENTER-SLIDE-3-URL-HERE'><img class='f-image' height='500' src='http://1.bp.blogspot.com/-4duFeaWBOfI/UQhGi3AQxzI/AAAAAAAABCA/DtriFzbAKXs/s000/slide3-1000x500.jpg' width='1000'/></a>
  4240. <div class='flex-caption'>
  4241. <h3> Crysis dev backtracks on blocking used games comment</h3>
  4242. <p><p>Suspendisse tellus nunc, iaculis vulputate placerat sit amet, lacinia sed mi. Nulla quam nisl, eleifend nec iaculis eu, sollicitudin sed lectus. Vivamus sodales tempor massa [...]</p></p>
  4243. </div>
  4244. </li>
  4246. <li>
  4247. <a href='ENTER-SLIDE-4-URL-HERE'><img class='f-image' height='500' src='http://2.bp.blogspot.com/-pbm0QGbCYzY/UQhGjgkeqVI/AAAAAAAABCI/U2PNiMPS6rs/s000/slide4-1000x500.jpg' width='1000'/></a>
  4248. <div class='flex-caption'>
  4249. <h3> Diablo III auction house fees, Global Play revealed</h3>
  4250. <p><p>Aenean tristique varius egestas. Nulla urna enim, facilisis nec pretium in, euismod at dui! Donec ac neque eu eros facilisis malesuada. Class aptent taciti sociosqu [...]</p></p>
  4251. </div>
  4252. </li>
  4254. </ul>
  4255. </div>
  4256. </div>
  4257. </b:if>
  4258. <!-- end feature -->
  4260. <b:if cond='data:blog.url == data:blog.homepageUrl'>
  4261. <div id='videoslide'>
  4263. <div class='caroselhead'>
  4264. <h2>Game Videos</h2>
  4265. <a class='prev' href='#' id='prev2'/>
  4266. <a class='next' href='#' id='next2'/>
  4267. </div>
  4268. <div class='timer' id='timer1'/>
  4270. <ul id='carousel'>
  4272. <li class='panel'>
  4273. <a href='ENTER-PANEL-1-URL-HERE'><img class='v-image' height='200' src='http://3.bp.blogspot.com/-ugE7knnTvP0/UQhGkKpw-8I/AAAAAAAABCQ/76gJp0LdLjA/s000/panel1-150x200.jpg' width='150'/></a>
  4274. <h3><a href='ENTER-PANEL-1-URL-HERE'>Arkham city</a></h3>
  4275. </li>
  4277. <li class='panel'>
  4278. <a href='ENTER-PANEL-2-URL-HERE'><img class='v-image' height='200' src='http://1.bp.blogspot.com/-8_4_jlG7Ams/UQhGkw82BPI/AAAAAAAABCY/nncntsowfzY/s000/panel2-150x200.jpg' width='150'/></a>
  4279. <h3><a href='ENTER-PANEL-2-URL-HERE'>Bioshock</a></h3>
  4280. </li>
  4282. <li class='panel'>
  4283. <a href='ENTER-PANEL-3-URL-HERE'><img class='v-image' height='200' src='http://1.bp.blogspot.com/-4JiZPf3-BwQ/UQhGlZzearI/AAAAAAAABCg/y05k2An_KPA/s000/panel3-150x200.jpg' width='150'/></a>
  4284. <h3><a href='ENTER-PANEL-3-URL-HERE'>Crysis</a></h3>
  4285. </li>
  4287. <li class='panel'>
  4288. <a href='ENTER-PANEL-4-URL-HERE'><img class='v-image' height='200' src='http://4.bp.blogspot.com/-4OmawhHNknc/UQhGmKQMKUI/AAAAAAAABCo/3QC-cIHAz94/s000/panel4-150x200.jpg' width='150'/></a>
  4289. <h3><a href='ENTER-PANEL-4-URL-HERE'>Resistance</a></h3>
  4290. </li>
  4292. <li class='panel'>
  4293. <a href='ENTER-PANEL-5-URL-HERE'><img class='v-image' height='200' src='http://1.bp.blogspot.com/-WHqPhHb4ZdY/UQhGmvb2U0I/AAAAAAAABCw/0WvTiKYdFGw/s000/panel5-150x200.jpg' width='150'/></a>
  4294. <h3><a href='ENTER-PANEL-5-URL-HERE'>Fallout 3</a></h3>
  4295. </li>
  4297. <li class='panel'>
  4298. <a href='ENTER-PANEL-6-URL-HERE'><img class='v-image' height='200' src='http://1.bp.blogspot.com/-uucTIS6O_yQ/UQhGnCvNm1I/AAAAAAAABC4/FDeTQEF91Mg/s000/panel6-150x200.jpg' width='150'/></a>
  4299. <h3><a href='ENTER-PANEL-6-URL-HERE'>Killzone 2</a></h3>
  4300. </li>
  4302. <li class='panel'>
  4303. <a href='ENTER-PANEL-7-URL-HERE'><img class='v-image' height='200' src='http://2.bp.blogspot.com/-5j9a8SuTD1I/UQhGok27q5I/AAAAAAAABDA/euJIK2MK8DY/s000/panel7-150x200.jpg' width='150'/></a>
  4304. <h3><a href='ENTER-PANEL-7-URL-HERE'>Oblivion</a></h3>
  4305. </li>
  4307. <li class='panel'>
  4308. <a href='ENTER-PANEL-8-URL-HERE'><img class='v-image' height='200' src='http://4.bp.blogspot.com/-p-9obshQz_c/UQhGpQHWDYI/AAAAAAAABDI/sup1Xt0C7M0/s000/panel8-150x200.jpg' width='150'/></a>
  4309. <h3><a href='ENTER-PANEL-8-URL-HERE'>Alone in Dark</a></h3>
  4310. </li>
  4312. </ul>
  4314. </div>
  4315. </b:if>
  4316. <!-- end videoslide -->
  4318. <div id='left'>
  4319. <b:section class='mainblog' id='mainblog' showaddelement='no'>
  4320. <b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'>
  4321. <b:includable id='nextprev'>
  4322. <div class='blog-pager' id='blog-pager'>
  4323. <b:if cond='data:newerPageUrl'>
  4324. <span id='blog-pager-newer-link'>
  4325. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
  4326. </span>
  4327. </b:if>
  4329. <b:if cond='data:olderPageUrl'>
  4330. <span id='blog-pager-older-link'>
  4331. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
  4332. </span>
  4333. </b:if>
  4335. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  4337. <b:if cond='data:mobileLinkUrl'>
  4338. <div class='blog-mobile-link'>
  4339. <a expr:href='data:mobileLinkUrl'><data:mobileLinkMsg/></a>
  4340. </div>
  4341. </b:if>
  4343. </div>
  4344. <div class='clear'/>
  4345. </b:includable>
  4346. <b:includable id='shareButtons' var='post'>
  4347. <b:if cond='data:top.showEmailButton'><a class='goog-inline-block share-button sb-email' expr:href='data:post.sharePostUrl + "&target=email"' expr:title='data:top.emailThisMsg' target='_blank'><span class='share-button-link-text'><data:top.emailThisMsg/></span></a></b:if><b:if cond='data:top.showBlogThisButton'><a class='goog-inline-block share-button sb-blog' expr:href='data:post.sharePostUrl + "&target=blog"' expr:onclick='"window.open(this.href, \"_blank\", \"height=270,width=475\"); return false;"' expr:title='data:top.blogThisMsg' target='_blank'><span class='share-button-link-text'><data:top.blogThisMsg/></span></a></b:if><b:if cond='data:top.showTwitterButton'><a class='goog-inline-block share-button sb-twitter' expr:href='data:post.sharePostUrl + "&target=twitter"' expr:title='data:top.shareToTwitterMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToTwitterMsg/></span></a></b:if><b:if cond='data:top.showFacebookButton'><a class='goog-inline-block share-button sb-facebook' expr:href='data:post.sharePostUrl + "&target=facebook"' expr:onclick='"window.open(this.href, \"_blank\", \"height=430,width=640\"); return false;"' expr:title='data:top.shareToFacebookMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToFacebookMsg/></span></a></b:if><b:if cond='data:top.showOrkutButton'><a class='goog-inline-block share-button sb-orkut' expr:href='data:post.sharePostUrl + "&target=orkut"' expr:title='data:top.shareToOrkutMsg' target='_blank'><span class='share-button-link-text'><data:top.shareToOrkutMsg/></span></a></b:if><b:if cond='data:top.showDummy'><div class='goog-inline-block dummy-container'><data:post.dummyTag/></div></b:if>
  4348. </b:includable>
  4349. <b:includable id='backlinks' var='post'>
  4350. <a name='links'/><h4><data:post.backlinksLabel/></h4>
  4351. <b:if cond='data:post.numBacklinks != 0'>
  4352. <dl class='comments-block' id='comments-block'>
  4353. <b:loop values='data:post.backlinks' var='backlink'>
  4354. <div class='collapsed-backlink backlink-control'>
  4355. <dt class='comment-title'>
  4356. <span class='backlink-toggle-zippy'>&#160;</span>
  4357. <a expr:href='data:backlink.url' rel='nofollow'><data:backlink.title/></a>
  4358. <b:include data='backlink' name='backlinkDeleteIcon'/>
  4359. </dt>
  4360. <dd class='comment-body collapseable'>
  4361. <data:backlink.snippet/>
  4362. </dd>
  4363. <dd class='comment-footer collapseable'>
  4364. <span class='comment-author'><data:post.authorLabel/> <data:backlink.author/></span>
  4365. <span class='comment-timestamp'><data:post.timestampLabel/> <data:backlink.timestamp/></span>
  4366. </dd>
  4367. </div>
  4368. </b:loop>
  4369. </dl>
  4370. </b:if>
  4371. <p class='comment-footer'>
  4372. <a class='comment-link' expr:href='data:post.createLinkUrl' expr:id='data:widget.instanceId + "_backlinks-create-link"' target='_blank'><data:post.createLinkLabel/></a>
  4373. </p>
  4374. </b:includable>
  4375. <b:includable id='comment_count_picker' var='post'>
  4376. <b:if cond='data:post.forceIframeComments'>
  4377. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  4378. </span>
  4379. <b:else/>
  4380. <b:if cond='data:post.commentSource == 1'>
  4381. <span class='cmt_count_iframe_holder' expr:data-count='data:post.numComments' expr:data-onclick='data:post.addCommentOnclick' expr:data-url='data:post.canonicalUrl'>
  4382. </span>
  4383. <b:else/>
  4384. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
  4385. <data:post.commentLabelFull/>:
  4386. </a>
  4387. </b:if>
  4388. </b:if>
  4389. </b:includable>
  4390. <b:includable id='threaded_comment_js' var='post'>
  4391. <script async='async' expr:src='data:post.commentSrc' type='text/javascript'/>
  4393. <script type='text/javascript'>
  4394. (function() {
  4395. var items = <data:post.commentJso/>;
  4396. var msgs = <data:post.commentMsgs/>;
  4397. var config = <data:post.commentConfig/>;
  4399. // <![CDATA[
  4400. var cursor = null;
  4401. if (items && items.length > 0) {
  4402. cursor = parseInt(items[items.length - 1].timestamp) + 1;
  4403. }
  4405. var bodyFromEntry = function(entry) {
  4406. if (entry.gd$extendedProperty) {
  4407. for (var k in entry.gd$extendedProperty) {
  4408. if (entry.gd$extendedProperty[k].name == 'blogger.contentRemoved') {
  4409. return '<span class="deleted-comment">' + entry.content.$t + '</span>';
  4410. }
  4411. }
  4412. }
  4413. return entry.content.$t;
  4414. }
  4416. var parse = function(data) {
  4417. cursor = null;
  4418. var comments = [];
  4419. if (data && data.feed && data.feed.entry) {
  4420. for (var i = 0, entry; entry = data.feed.entry[i]; i++) {
  4421. var comment = {};
  4422. // comment ID, parsed out of the original id format
  4423. var id = /blog-(\d+).post-(\d+)/.exec(entry.id.$t);
  4424. comment.id = id ? id[2] : null;
  4425. comment.body = bodyFromEntry(entry);
  4426. comment.timestamp = Date.parse(entry.published.$t) + '';
  4427. if (entry.author && entry.author.constructor === Array) {
  4428. var auth = entry.author[0];
  4429. if (auth) {
  4430. comment.author = {
  4431. name: (auth.name ? auth.name.$t : undefined),
  4432. profileUrl: (auth.uri ? auth.uri.$t : undefined),
  4433. avatarUrl: (auth.gd$image ? auth.gd$image.src : undefined)
  4434. };
  4435. }
  4436. }
  4437. if (entry.link) {
  4438. if (entry.link[2]) {
  4439. comment.link = comment.permalink = entry.link[2].href;
  4440. }
  4441. if (entry.link[3]) {
  4442. var pid = /.*comments\/default\/(\d+)\?.*/.exec(entry.link[3].href);
  4443. if (pid && pid[1]) {
  4444. comment.parentId = pid[1];
  4445. }
  4446. }
  4447. }
  4448. comment.deleteclass = 'item-control blog-admin';
  4449. if (entry.gd$extendedProperty) {
  4450. for (var k in entry.gd$extendedProperty) {
  4451. if (entry.gd$extendedProperty[k].name == 'blogger.itemClass') {
  4452. comment.deleteclass += ' ' + entry.gd$extendedProperty[k].value;
  4453. }
  4454. }
  4455. }
  4456. comments.push(comment);
  4457. }
  4458. }
  4459. return comments;
  4460. };
  4462. var paginator = function(callback) {
  4463. if (hasMore()) {
  4464. var url = config.feed + '?alt=json&v=2&orderby=published&reverse=false&max-results=50';
  4465. if (cursor) {
  4466. url += '&published-min=' + new Date(cursor).toISOString();
  4467. }
  4468. window.bloggercomments = function(data) {
  4469. var parsed = parse(data);
  4470. cursor = parsed.length < 50 ? null
  4471. : parseInt(parsed[parsed.length - 1].timestamp) + 1
  4472. callback(parsed);
  4473. window.bloggercomments = null;
  4474. }
  4475. url += '&callback=bloggercomments';
  4476. var script = document.createElement('script');
  4477. script.type = 'text/javascript';
  4478. script.src = url;
  4479. document.getElementsByTagName('head')[0].appendChild(script);
  4480. }
  4481. };
  4482. var hasMore = function() {
  4483. return !!cursor;
  4484. };
  4485. var getMeta = function(key, comment) {
  4486. if ('iswriter' == key) {
  4487. var matches = !!comment.author
  4488. && comment.author.name == config.authorName
  4489. && comment.author.profileUrl == config.authorUrl;
  4490. return matches ? 'true' : '';
  4491. } else if ('deletelink' == key) {
  4492. return config.baseUri + '/delete-comment.g?blogID='
  4493. + config.blogId + '&postID=' + comment.id;
  4494. } else if ('deleteclass' == key) {
  4495. return comment.deleteclass;
  4496. }
  4497. return '';
  4498. };
  4500. var replybox = null;
  4501. var replyUrlParts = null;
  4502. var replyParent = undefined;
  4504. var onReply = function(commentId, domId) {
  4505. if (replybox == null) {
  4506. // lazily cache replybox, and adjust to suit this style:
  4507. replybox = document.getElementById('comment-editor');
  4508. if (replybox != null) {
  4509. replybox.height = '250px';
  4510. replybox.style.display = 'block';
  4511. replyUrlParts = replybox.src.split('#');
  4512. }
  4513. }
  4514. if (replybox && (commentId !== replyParent)) {
  4515. document.getElementById(domId).insertBefore(replybox, null);
  4516. replybox.src = replyUrlParts[0]
  4517. + (commentId ? '&parentID=' + commentId : '')
  4518. + '#' + replyUrlParts[1];
  4519. replyParent = commentId;
  4520. }
  4521. };
  4523. var hash = (window.location.hash || '#').substring(1);
  4524. var startThread, targetComment;
  4525. if (/^comment-form_/.test(hash)) {
  4526. startThread = hash.substring('comment-form_'.length);
  4527. } else if (/^c[0-9]+$/.test(hash)) {
  4528. targetComment = hash.substring(1);
  4529. }
  4531. // Configure commenting API:
  4532. var configJso = {
  4533. 'maxDepth': config.maxThreadDepth
  4534. };
  4535. var provider = {
  4536. 'id': config.postId,
  4537. 'data': items,
  4538. 'loadNext': paginator,
  4539. 'hasMore': hasMore,
  4540. 'getMeta': getMeta,
  4541. 'onReply': onReply,
  4542. 'rendered': true,
  4543. 'initComment': targetComment,
  4544. 'initReplyThread': startThread,
  4545. 'config': configJso,
  4546. 'messages': msgs
  4547. };
  4549. var render = function() {
  4550. if (window.goog && window.goog.comments) {
  4551. var holder = document.getElementById('comment-holder');
  4552. window.goog.comments.render(holder, provider);
  4553. }
  4554. };
  4556. // render now, or queue to render when library loads:
  4557. if (window.goog && window.goog.comments) {
  4558. render();
  4559. } else {
  4560. window.goog = window.goog || {};
  4561. window.goog.comments = window.goog.comments || {};
  4562. window.goog.comments.loadQueue = window.goog.comments.loadQueue || [];
  4563. window.goog.comments.loadQueue.push(render);
  4564. }
  4565. })();
  4566. // ]]>
  4567. </script>
  4568. </b:includable>
  4569. <b:includable id='mobile-main' var='top'>
  4570. <!-- posts -->
  4571. <div class='blog-posts hfeed'>
  4573. <b:include data='top' name='status-message'/>
  4575. <b:if cond='data:blog.pageType == "index"'>
  4576. <b:loop values='data:posts' var='post'>
  4577. <b:include data='post' name='mobile-index-post'/>
  4578. </b:loop>
  4579. <b:else/>
  4580. <b:loop values='data:posts' var='post'>
  4581. <b:include data='post' name='mobile-post'/>
  4582. </b:loop>
  4583. </b:if>
  4584. </div>
  4586. <b:include name='mobile-nextprev'/>
  4587. </b:includable>
  4588. <b:includable id='post' var='post'>
  4589. <div class='post hentry'>
  4590. <a expr:name='data:post.id'/>
  4592. <div class='bposttitle'>
  4593. <h2 class='post-title entry-title'>
  4594. <b:if cond='data:post.link'>
  4595. <a expr:href='data:post.link'><data:post.title/></a>
  4596. <b:else/>
  4597. <b:if cond='data:post.url'>
  4598. <a expr:href='data:post.url'><data:post.title/></a>
  4599. <b:else/>
  4600. <data:post.title/>
  4601. </b:if>
  4602. </b:if>
  4603. </h2>
  4604. <b:if cond='data:blog.pageType != "static_page"'>
  4605. <div class='postmeta'><span>Posted by <data:post.author/></span> | <span><data:post.timestamp/></span> | <span><b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>, </b:if></b:loop></b:if></span></div>
  4606. </b:if>
  4607. </div>
  4609. <div class='post-header-line-1'/>
  4611. <div class='entry'>
  4612. <div class='post-body entry-content'>
  4614. <b:if cond='data:blog.pageType != "static_page"'>
  4615. <b:if cond='data:blog.pageType != "item"'>
  4616. <div expr:id='"summary" + data:post.id'><data:post.body/></div>
  4617. <script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
  4618. </b:if>
  4619. </b:if>
  4620. <b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
  4622. <b:if cond='data:blog.pageType == "static_page"'><data:post.body/></b:if>
  4624. <b:if cond='data:blog.pageType != "static_page"'>
  4625. <b:if cond='data:blog.pageType != "item"'>
  4626. <div class='readmore'>
  4627. <a class='rmore' expr:href='data:post.url'>Read More</a>
  4628. </div>
  4629. </b:if>
  4630. </b:if>
  4632. <b:if cond='data:blog.pageType == "item"'>
  4633. <div class='postmeta'>
  4634. <span class='categori'>Categories: <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'><a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>, </b:if></b:loop></b:if></span>
  4635. </div>
  4636. <div style='clear: both;'/>
  4637. </b:if>
  4639. <b:if cond='data:blog.pageType == "item"'>
  4640. <div style='clear:both;'/>
  4641. <div class='post-share-buttons'>
  4642. <b:include data='post' name='shareButtons'/>
  4643. </div>
  4644. <span class='reaction-buttons'>
  4645. <b:if cond='data:top.showReactions'>
  4646. <table border='0' cellpadding='0' width='100%'><tr>
  4647. <td style='font-size:12px;padding-top:2px;' valign='top'><span class='reactions-label'><data:top.reactionsLabel/></span></td>
  4648. <td><iframe allowtransparency='true' class='reactions-iframe' expr:src='data:post.reactionsUrl' frameborder='0' name='reactions' scrolling='no'/></td>
  4649. </tr></table>
  4650. </b:if>
  4651. </span>
  4652. </b:if>
  4654. <div style='clear: both;'/> <!-- clear for photos floats -->
  4655. </div>
  4656. </div>
  4658. </div>
  4659. <div style='clear: both;'/>
  4661. <b:if cond='data:blog.pageType == "item"'>
  4662. <!-- navigation -->
  4663. <b:include name='nextprev'/>
  4664. </b:if>
  4666. </b:includable>
  4667. <b:includable id='comment_picker' var='post'>
  4668. <b:if cond='data:post.commentSource == 1'>
  4669. <b:include data='post' name='iframe_comments'/>
  4670. <b:else/>
  4671. <b:if cond='data:post.showThreadedComments'>
  4672. <b:include data='post' name='threaded_comments'/>
  4673. <b:else/>
  4674. <b:include data='post' name='comments'/>
  4675. </b:if>
  4676. </b:if>
  4677. </b:includable>
  4678. <b:includable id='status-message'>
  4679. <b:if cond='data:navMessage'>
  4680. <div class='status-msg-wrap'>
  4681. <div class='status-msg-body'>
  4682. <data:navMessage/>
  4683. </div>
  4684. <div class='status-msg-border'>
  4685. <div class='status-msg-bg'>
  4686. <div class='status-msg-hidden'><data:navMessage/></div>
  4687. </div>
  4688. </div>
  4689. </div>
  4690. <div style='clear: both;'/>
  4691. </b:if>
  4692. </b:includable>
  4693. <b:includable id='comment-form' var='post'>
  4694. <div class='comment-form'>
  4695. <a name='comment-form'/>
  4696. <b:if cond='data:mobile'>
  4697. <h4 id='comment-post-message'>
  4698. <a expr:id='data:widget.instanceId + "_comment-editor-toggle-link"' href='javascript:void(0)'><data:postCommentMsg/></a></h4>
  4699. <p><data:blogCommentMessage/></p>
  4700. <data:blogTeamBlogMessage/>
  4701. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  4702. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  4703. <b:else/>
  4704. <h4 id='comment-post-message'><data:postCommentMsg/></h4>
  4705. <p><data:blogCommentMessage/></p>
  4706. <data:blogTeamBlogMessage/>
  4707. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  4708. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  4709. </b:if>
  4710. <data:post.friendConnectJs/>
  4711. <data:post.cmtfpIframe/>
  4712. <script type='text/javascript'>
  4713. BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
  4714. </script>
  4715. </div>
  4716. </b:includable>
  4717. <b:includable id='threaded_comments' var='post'>
  4718. <div class='comments' id='comments'>
  4719. <a name='comments'/>
  4720. <h4><data:post.commentLabelFull/>:</h4>
  4722. <div class='comments-content'>
  4723. <b:if cond='data:post.embedCommentForm'>
  4724. <b:include data='post' name='threaded_comment_js'/>
  4725. </b:if>
  4726. <div id='comment-holder'>
  4727. <data:post.commentHtml/>
  4728. </div>
  4729. </div>
  4731. <p class='comment-footer'>
  4732. <b:if cond='data:post.allowNewComments'>
  4733. <b:include data='post' name='threaded-comment-form'/>
  4734. <b:else/>
  4735. <data:post.noNewCommentsText/>
  4736. </b:if>
  4737. </p>
  4739. <b:if cond='data:showCmtPopup'>
  4740. <div id='comment-popup'>
  4741. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  4742. </iframe>
  4743. </div>
  4744. </b:if>
  4746. <div id='backlinks-container'>
  4747. <div expr:id='data:widget.instanceId + "_backlinks-container"'>
  4748. <b:if cond='data:post.showBacklinks'>
  4749. <b:include data='post' name='backlinks'/>
  4750. </b:if>
  4751. </div>
  4752. </div>
  4753. </div>
  4754. </b:includable>
  4755. <b:includable id='backlinkDeleteIcon' var='backlink'>
  4756. <span expr:class='"item-control " + data:backlink.adminClass'>
  4757. <a expr:href='data:backlink.deleteUrl' expr:title='data:top.deleteBacklinkMsg'>
  4758. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  4759. </a>
  4760. </span>
  4761. </b:includable>
  4762. <b:includable id='mobile-nextprev'>
  4763. <div class='blog-pager' id='blog-pager'>
  4764. <b:if cond='data:newerPageUrl'>
  4765. <div class='mobile-link-button' id='blog-pager-newer-link'>
  4766. <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + "_blog-pager-newer-link"' expr:title='data:newerPageTitle'>&lsaquo;</a>
  4767. </div>
  4768. </b:if>
  4770. <b:if cond='data:olderPageUrl'>
  4771. <div class='mobile-link-button' id='blog-pager-older-link'>
  4772. <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'>&rsaquo;</a>
  4773. </div>
  4774. </b:if>
  4776. <div class='mobile-link-button' id='blog-pager-home-link'>
  4777. <a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  4778. </div>
  4780. <div class='mobile-desktop-link'>
  4781. <a class='home-link' expr:href='data:desktopLinkUrl'><data:desktopLinkMsg/></a>
  4782. </div>
  4784. </div>
  4785. <div class='clear'/>
  4786. </b:includable>
  4787. <b:includable id='mobile-post' var='post'>
  4788. <div class='date-outer'>
  4789. <b:if cond='data:post.dateHeader'>
  4790. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  4791. </b:if>
  4792. <div class='date-posts'>
  4793. <div class='post-outer'>
  4795. <div class='post hentry uncustomized-post-template'>
  4796. <a expr:name='data:post.id'/>
  4797. <b:if cond='data:post.title'>
  4798. <h3 class='post-title entry-title'>
  4799. <b:if cond='data:post.link'>
  4800. <a expr:href='data:post.link'><data:post.title/></a>
  4801. <b:else/>
  4802. <b:if cond='data:post.url'>
  4803. <b:if cond='data:blog.url != data:post.url'>
  4804. <a expr:href='data:post.url'><data:post.title/></a>
  4805. <b:else/>
  4806. <data:post.title/>
  4807. </b:if>
  4808. <b:else/>
  4809. <data:post.title/>
  4810. </b:if>
  4811. </b:if>
  4812. </h3>
  4813. </b:if>
  4815. <div class='post-header'>
  4816. <div class='post-header-line-1'/>
  4817. </div>
  4819. <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'>
  4820. <data:post.body/>
  4821. <div style='clear: both;'/> <!-- clear for photos floats -->
  4822. </div>
  4824. <div class='post-footer'>
  4825. <div class='post-footer-line post-footer-line-1'>
  4826. <span class='post-author vcard'>
  4827. <b:if cond='data:top.showAuthor'>
  4828. <b:if cond='data:post.authorProfileUrl'>
  4829. <span class='fn'>
  4830. <a expr:href='data:post.authorProfileUrl' rel='author' title='author profile'>
  4831. <data:post.author/>
  4832. </a>
  4833. </span>
  4834. <b:else/>
  4835. <span class='fn'><data:post.author/></span>
  4836. </b:if>
  4837. </b:if>
  4838. </span>
  4840. <span class='post-timestamp'>
  4841. <b:if cond='data:top.showTimestamp'>
  4842. <data:top.timestampLabel/>
  4843. <b:if cond='data:post.url'>
  4844. <a class='timestamp-link' expr:href='data:post.url' rel='bookmark' title='permanent link'><abbr class='published' expr:title='data:post.timestampISO8601'><data:post.timestamp/></abbr></a>
  4845. </b:if>
  4846. </b:if>
  4847. </span>
  4849. <span class='post-comment-link'>
  4850. <b:if cond='data:blog.pageType != "item"'>
  4851. <b:if cond='data:blog.pageType != "static_page"'>
  4852. <b:if cond='data:post.allowComments'>
  4853. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
  4854. </b:if>
  4855. </b:if>
  4856. </b:if>
  4857. </span>
  4858. </div>
  4860. <div class='post-footer-line post-footer-line-2'>
  4861. <b:if cond='data:top.showMobileShare'>
  4862. <div class='mobile-link-button goog-inline-block' id='mobile-share-button'>
  4863. <a href='javascript:void(0);'><data:shareMsg/></a>
  4864. </div>
  4865. </b:if>
  4866. <b:if cond='data:top.showDummy'>
  4867. <div class='goog-inline-block dummy-container'><data:post.dummyTag/></div>
  4868. </b:if>
  4869. </div>
  4871. </div>
  4872. </div>
  4874. <b:if cond='data:blog.pageType == "static_page"'>
  4875. <b:if cond='data:post.showThreadedComments'>
  4876. <b:include data='post' name='threaded_comments'/>
  4877. <b:else/>
  4878. <b:include data='post' name='comments'/>
  4879. </b:if>
  4880. </b:if>
  4881. <b:if cond='data:blog.pageType == "item"'>
  4882. <b:if cond='data:post.showThreadedComments'>
  4883. <b:include data='post' name='threaded_comments'/>
  4884. <b:else/>
  4885. <b:include data='post' name='comments'/>
  4886. </b:if>
  4887. </b:if>
  4888. </div>
  4889. </div>
  4890. </div>
  4891. </b:includable>
  4892. <b:includable id='postQuickEdit' var='post'>
  4893. <b:if cond='data:post.editUrl'>
  4894. <span expr:class='"item-control " + data:post.adminClass'>
  4895. <a expr:href='data:post.editUrl' expr:title='data:top.editPostMsg'>
  4896. <img alt='' class='icon-action' height='18' src='http://img2.blogblog.com/img/icon18_edit_allbkg.gif' width='18'/>
  4897. </a>
  4898. </span>
  4899. </b:if>
  4900. </b:includable>
  4901. <b:includable id='main' var='top'>
  4902. <b:if cond='data:mobile == "false"'>
  4904. <!-- posts -->
  4905. <div class='blog-posts hfeed'>
  4907. <b:include data='top' name='status-message'/>
  4909. <data:defaultAdStart/>
  4910. <b:loop values='data:posts' var='post'>
  4911. <b:if cond='data:post.isDateStart'>
  4912. <b:if cond='data:post.isFirstPost == "false"'>
  4913. </div></div>
  4914. </b:if>
  4915. </b:if>
  4916. <b:if cond='data:post.isDateStart'>
  4917. <div class="date-outer">
  4918. </b:if>
  4919. <b:if cond='data:post.dateHeader'>
  4920. <h2 class='date-header'><span><data:post.dateHeader/></span></h2>
  4921. </b:if>
  4922. <b:if cond='data:post.isDateStart'>
  4923. <div class="date-posts">
  4924. </b:if>
  4925. <div class='post-outer'>
  4926. <b:include data='post' name='post'/>
  4927. <b:if cond='data:blog.pageType == "static_page"'>
  4928. <b:if cond='data:post.showThreadedComments'>
  4929. <b:include data='post' name='threaded_comments'/>
  4930. <b:else/>
  4931. <b:include data='post' name='comments'/>
  4932. </b:if>
  4933. </b:if>
  4934. <b:if cond='data:blog.pageType == "item"'>
  4935. <b:if cond='data:post.showThreadedComments'>
  4936. <b:include data='post' name='threaded_comments'/>
  4937. <b:else/>
  4938. <b:include data='post' name='comments'/>
  4939. </b:if>
  4940. </b:if>
  4941. </div>
  4942. <b:if cond='data:post.includeAd'>
  4943. <b:if cond='data:post.isFirstPost'>
  4944. <data:defaultAdEnd/>
  4945. <b:else/>
  4946. <data:adEnd/>
  4947. </b:if>
  4948. <div class='inline-ad'>
  4949. <data:adCode/>
  4950. </div>
  4951. <data:adStart/>
  4952. </b:if>
  4953. </b:loop>
  4954. <b:if cond='data:numPosts != 0'>
  4955. </div></div>
  4956. </b:if>
  4957. <data:adEnd/>
  4958. </div>
  4960. <div style='clear: both;'/>
  4961. <b:if cond='data:blog.pageType != "item"'>
  4962. <!-- navigation -->
  4963. <b:include name='nextprev'/>
  4964. </b:if>
  4966. <!-- feed links -->
  4967. <b:include name='feedLinks'/>
  4969. <b:if cond='data:top.showStars'>
  4970. <script src='//www.google.com/jsapi' type='text/javascript'/>
  4971. <script type='text/javascript'>
  4972. google.load("annotations", "1", {"locale": "<data:top.languageCode/>"});
  4973. function initialize() {
  4974. google.annotations.setApplicationId(<data:top.blogspotReviews/>);
  4975. google.annotations.createAll();
  4976. google.annotations.fetch();
  4977. }
  4978. google.setOnLoadCallback(initialize);
  4979. </script>
  4980. </b:if>
  4982. <b:else/>
  4983. <b:include name='mobile-main'/>
  4984. </b:if>
  4986. <b:if cond='data:top.showDummy'>
  4987. <data:top.dummyBootstrap/>
  4988. </b:if>
  4990. </b:includable>
  4991. <b:includable id='commentDeleteIcon' var='comment'>
  4992. <span expr:class='"item-control " + data:comment.adminClass'>
  4993. <b:if cond='data:showCmtPopup'>
  4994. <div class='goog-toggle-button'>
  4995. <div class='goog-inline-block comment-action-icon'/>
  4996. </div>
  4997. <b:else/>
  4998. <a class='comment-delete' expr:href='data:comment.deleteUrl' expr:title='data:top.deleteCommentMsg'>
  4999. <img src='//www.blogger.com/img/icon_delete13.gif'/>
  5000. </a>
  5001. </b:if>
  5002. </span>
  5003. </b:includable>
  5004. <b:includable id='feedLinks'>
  5005. <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
  5006. <b:if cond='data:feedLinks'>
  5007. <div class='blog-feeds'>
  5008. <b:include data='feedLinks' name='feedLinksBody'/>
  5009. </div>
  5010. </b:if>
  5012. <b:else/> <!--Post feed links -->
  5013. <div class='post-feeds'>
  5014. <b:loop values='data:posts' var='post'>
  5015. <b:if cond='data:post.allowComments'>
  5016. <b:if cond='data:post.feedLinks'>
  5017. <b:include data='post.feedLinks' name='feedLinksBody'/>
  5018. </b:if>
  5019. </b:if>
  5020. </b:loop>
  5021. </div>
  5022. </b:if>
  5023. </b:includable>
  5024. <b:includable id='threaded-comment-form' var='post'>
  5025. <div class='comment-form'>
  5026. <a name='comment-form'/>
  5027. <b:if cond='data:mobile'>
  5028. <p><data:blogCommentMessage/></p>
  5029. <data:blogTeamBlogMessage/>
  5030. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  5031. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
  5032. <b:else/>
  5033. <p><data:blogCommentMessage/></p>
  5034. <data:blogTeamBlogMessage/>
  5035. <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
  5036. <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
  5037. </b:if>
  5038. <data:post.friendConnectJs/>
  5039. <data:post.cmtfpIframe/>
  5040. <script type='text/javascript'>
  5041. BLOG_CMT_createIframe('<data:post.appRpcRelayPath/>', '<data:post.communityId/>');
  5042. </script>
  5043. </div>
  5044. </b:includable>
  5045. <b:includable id='mobile-index-post' var='post'>
  5046. <div class='mobile-date-outer date-outer'>
  5047. <b:if cond='data:post.dateHeader'>
  5048. <div class='date-header'>
  5049. <span><data:post.dateHeader/></span>
  5050. </div>
  5051. </b:if>
  5053. <div class='mobile-post-outer'>
  5054. <a expr:href='data:post.url'>
  5055. <h3 class='mobile-index-title entry-title'>
  5056. <data:post.title/>
  5057. </h3>
  5059. <div class='mobile-index-arrow'>&rsaquo;</div>
  5061. <div class='mobile-index-contents'>
  5062. <b:if cond='data:post.thumbnailUrl'>
  5063. <div class='mobile-index-thumbnail'>
  5064. <div class='Image'>
  5065. <img expr:src='data:post.thumbnailUrl'/>
  5066. </div>
  5067. </div>
  5068. </b:if>
  5070. <div class='post-body'>
  5071. <b:if cond='data:post.snippet'><data:post.snippet/></b:if>
  5072. </div>
  5073. </div>
  5075. <div style='clear: both;'/>
  5076. </a>
  5078. <div class='mobile-index-comment'>
  5079. <b:if cond='data:blog.pageType != "static_page"'>
  5080. <b:if cond='data:post.allowComments'>
  5081. <b:if cond='data:post.numComments != 0'>
  5082. <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'>1 <data:top.commentLabel/><b:else/><data:post.numComments/> <data:top.commentLabelPlural/></b:if></a>
  5083. </b:if>
  5084. </b:if>
  5085. </b:if>
  5086. </div>
  5087. </div>
  5088. </div>
  5089. </b:includable>
  5090. <b:includable id='feedLinksBody' var='links'>
  5091. <div class='feed-links'>
  5092. <data:feedLinksMsg/>
  5093. <b:loop values='data:links' var='f'>
  5094. <a class='feed-link' expr:href='data:f.url' expr:type='data:f.mimeType' target='_blank'><data:f.name/> (<data:f.feedType/>)</a>
  5095. </b:loop>
  5096. </div>
  5097. </b:includable>
  5098. <b:includable id='iframe_comments' var='post'>
  5100. <b:if cond='data:post.allowComments'>
  5101. <script expr:src='data:post.commentSrc' type='text/javascript'/>
  5102. <div class='cmt_iframe_holder'/>
  5104. <b:if cond='data:post.embedCommentForm == "false"'>
  5105. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  5106. </b:if>
  5107. </b:if>
  5108. </b:includable>
  5109. <b:includable id='comments' var='post'>
  5110. <div class='comments' id='comments'>
  5111. <a name='comments'/>
  5112. <b:if cond='data:post.allowComments'>
  5113. <h4>
  5114. <b:if cond='data:post.numComments == 1'>
  5115. 1 <data:commentLabel/>:
  5116. <b:else/>
  5117. <data:post.numComments/> <data:commentLabelPlural/>:
  5118. </b:if>
  5119. </h4>
  5121. <b:if cond='data:post.commentPagingRequired'>
  5122. <span class='paging-control-container'>
  5123. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
  5124. &#160;
  5125. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
  5126. &#160;
  5127. <data:post.commentRangeText/>
  5128. &#160;
  5129. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
  5130. &#160;
  5131. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
  5132. </span>
  5133. </b:if>
  5135. <div expr:id='data:widget.instanceId + "_comments-block-wrapper"'>
  5136. <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
  5137. <b:loop values='data:post.comments' var='comment'>
  5138. <dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
  5139. <b:if cond='data:comment.favicon'>
  5140. <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
  5141. </b:if>
  5142. <a expr:name='data:comment.anchorName'/>
  5143. <b:if cond='data:blog.enabledCommentProfileImages'>
  5144. <data:comment.authorAvatarImage/>
  5145. </b:if>
  5146. <b:if cond='data:comment.authorUrl'>
  5147. <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
  5148. <b:else/>
  5149. <data:comment.author/>
  5150. </b:if>
  5151. <data:commentPostedByMsg/>
  5152. </dt>
  5153. <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
  5154. <b:if cond='data:comment.isDeleted'>
  5155. <span class='deleted-comment'><data:comment.body/></span>
  5156. <b:else/>
  5157. <p>
  5158. <data:comment.body/>
  5159. </p>
  5160. </b:if>
  5161. </dd>
  5162. <dd class='comment-footer'>
  5163. <span class='comment-timestamp'>
  5164. <a expr:href='data:comment.url' title='comment permalink'>
  5165. <data:comment.timestamp/>
  5166. </a>
  5167. <b:include data='comment' name='commentDeleteIcon'/>
  5168. </span>
  5169. </dd>
  5170. </b:loop>
  5171. </dl>
  5172. </div>
  5174. <b:if cond='data:post.commentPagingRequired'>
  5175. <span class='paging-control-container'>
  5176. <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
  5177. <data:post.oldestLinkText/>
  5178. </a>
  5179. <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
  5180. <data:post.olderLinkText/>
  5181. </a>
  5182. &#160;
  5183. <data:post.commentRangeText/>
  5184. &#160;
  5185. <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
  5186. <data:post.newerLinkText/>
  5187. </a>
  5188. <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
  5189. <data:post.newestLinkText/>
  5190. </a>
  5191. </span>
  5192. </b:if>
  5194. <p class='comment-footer'>
  5195. <b:if cond='data:post.embedCommentForm'>
  5196. <b:if cond='data:post.allowNewComments'>
  5197. <b:include data='post' name='comment-form'/>
  5198. <b:else/>
  5199. <data:post.noNewCommentsText/>
  5200. </b:if>
  5201. <b:else/>
  5202. <b:if cond='data:post.allowComments'>
  5203. <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
  5204. </b:if>
  5205. </b:if>
  5207. </p>
  5208. </b:if>
  5209. <b:if cond='data:showCmtPopup'>
  5210. <div id='comment-popup'>
  5211. <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
  5212. </iframe>
  5213. </div>
  5214. </b:if>
  5216. <div id='backlinks-container'>
  5217. <div expr:id='data:widget.instanceId + "_backlinks-container"'>
  5218. <b:if cond='data:post.showBacklinks'>
  5219. <b:include data='post' name='backlinks'/>
  5220. </b:if>
  5221. </div>
  5222. </div>
  5223. </div>
  5224. </b:includable>
  5225. </b:widget>
  5226. </b:section>
  5227. </div>
  5230. <div id='right'>
  5231. <!-- Sidebar widgets -->
  5232. <div class='sidebar'>
  5233. <b:section class='sidebartop' id='sidebartop' preferred='yes'>
  5234. <b:widget id='HTML1' locked='false' title='' type='HTML'>
  5235. <b:includable id='main'>
  5236. <!-- only display title if it's non-empty -->
  5237. <b:if cond='data:title != ""'>
  5238. <h2 class='title'><data:title/></h2>
  5239. </b:if>
  5240. <div class='widget-content'>
  5241. <data:content/>
  5242. </div>
  5244. <b:include name='quickedit'/>
  5245. </b:includable>
  5246. </b:widget>
  5247. <b:widget id='PopularPosts1' locked='false' title='Popular Posts' type='PopularPosts'>
  5248. <b:includable id='main'>
  5249. <b:if cond='data:title'><h2><data:title/></h2></b:if>
  5250. <div class='widget-content popular-posts'>
  5251. <ul>
  5252. <b:loop values='data:posts' var='post'>
  5253. <li>
  5254. <b:if cond='data:showThumbnails == "false"'>
  5255. <b:if cond='data:showSnippets == "false"'>
  5256. <!-- (1) No snippet/thumbnail -->
  5257. <a expr:href='data:post.href'><data:post.title/></a>
  5258. <b:else/>
  5259. <!-- (2) Show only snippets -->
  5260. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  5261. <div class='item-snippet'><data:post.snippet/></div>
  5262. </b:if>
  5263. <b:else/>
  5264. <b:if cond='data:showSnippets == "false"'>
  5265. <!-- (3) Show only thumbnails -->
  5266. <div class='item-thumbnail-only'>
  5267. <b:if cond='data:post.thumbnail'>
  5268. <div class='item-thumbnail'>
  5269. <a expr:href='data:post.href' target='_blank'>
  5270. <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  5271. </a>
  5272. </div>
  5273. </b:if>
  5274. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  5275. </div>
  5276. <div style='clear: both;'/>
  5277. <b:else/>
  5278. <!-- (4) Show snippets and thumbnails -->
  5279. <div class='item-content'>
  5280. <b:if cond='data:post.thumbnail'>
  5281. <div class='item-thumbnail'>
  5282. <a expr:href='data:post.href' target='_blank'>
  5283. <img alt='' border='0' expr:height='data:thumbnailSize' expr:src='data:post.thumbnail' expr:width='data:thumbnailSize'/>
  5284. </a>
  5285. </div>
  5286. </b:if>
  5287. <div class='item-title'><a expr:href='data:post.href'><data:post.title/></a></div>
  5288. <div class='item-snippet'><data:post.snippet/></div>
  5289. </div>
  5290. <div style='clear: both;'/>
  5291. </b:if>
  5292. </b:if>
  5293. </li>
  5294. </b:loop>
  5295. </ul>
  5296. <b:include name='quickedit'/>
  5297. </div>
  5298. </b:includable>
  5299. </b:widget>
  5300. <b:widget id='HTML5' locked='false' title='Blogger templates' type='HTML'>
  5301. <b:includable id='main'>
  5302. <!-- only display title if it's non-empty -->
  5303. <b:if cond='data:title != ""'>
  5304. <h2 class='title'><data:title/></h2>
  5305. </b:if>
  5306. <div class='widget-content'>
  5307. <data:content/>
  5308. </div>
  5310. <b:include name='quickedit'/>
  5311. </b:includable>
  5312. </b:widget>
  5313. </b:section>
  5314. </div>
  5315. <div class='clear'/>
  5316. </div>
  5318. <div class='clear'/>
  5319. </div>
  5321. <div id='bottom'>
  5322. <ul>
  5324. <li class='botwid'>
  5325. <b:section class='footersec' id='footersec1' showaddelement='yes'>
  5326. <b:widget id='HTML4' locked='false' title='Blogger news' type='HTML'>
  5327. <b:includable id='main'>
  5328. <!-- only display title if it's non-empty -->
  5329. <b:if cond='data:title != ""'>
  5330. <h2 class='title'><data:title/></h2>
  5331. </b:if>
  5332. <div class='widget-content'>
  5333. <data:content/>
  5334. </div>
  5336. <b:include name='quickedit'/>
  5337. </b:includable>
  5338. </b:widget>
  5339. </b:section>
  5340. </li>
  5342. <li class='botwid'>
  5343. <b:section class='footersec' id='footersec2' showaddelement='yes'>
  5344. <b:widget id='HTML3' locked='false' title='Blogroll' type='HTML'>
  5345. <b:includable id='main'>
  5346. <!-- only display title if it's non-empty -->
  5347. <b:if cond='data:title != ""'>
  5348. <h2 class='title'><data:title/></h2>
  5349. </b:if>
  5350. <div class='widget-content'>
  5351. <data:content/>
  5352. </div>
  5354. <b:include name='quickedit'/>
  5355. </b:includable>
  5356. </b:widget>
  5357. </b:section>
  5358. </li>
  5360. <li class='botwid'>
  5361. <b:section class='footersec' id='footersec3' showaddelement='yes'>
  5362. <b:widget id='HTML2' locked='false' title='About' type='HTML'>
  5363. <b:includable id='main'>
  5364. <!-- only display title if it's non-empty -->
  5365. <b:if cond='data:title != ""'>
  5366. <h2 class='title'><data:title/></h2>
  5367. </b:if>
  5368. <div class='widget-content'>
  5369. <data:content/>
  5370. </div>
  5372. <b:include name='quickedit'/>
  5373. </b:includable>
  5374. </b:widget>
  5375. </b:section>
  5376. </li>
  5378. </ul>
  5379. <div class='clear'/>
  5380. </div>
  5382. <div id='footer'>
  5383. <div class='fcred'>
  5384. Copyright 2012 <a expr:href='data:blog.homepageUrl'><data:blog.title/></a> | Powered by <a href='http://www.blogger.com/'>Blogger</a>
  5385. <br/>Design by <a href='http://www.web2feel.com/' target='_blank'>Web2feel</a> | Blogger Template by <a href='http://newbloggerthemes.com/' target='_blank' title='Best Blogger Templates'>NewBloggerThemes.com</a>
  5386. </div>
  5387. <div class='clear'/>
  5388. </div>
  5389. <div class='clear'/>
  5390. </div>
  5392. </body>
  5393. </html>
comments powered by Disqus