Project

121
Format.css .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } * + html .clearfix { zoom: 1; /* triggers hasLayout */ display: block; /* resets display for IE/Win */ } body { font-family: Verdana, Arial; color: #666; font-size: 0.8em; margin: 0px; padding: 0px; background: #E0DFE3; } iframe { overflow-x: hidden; border: 0; } a, a:link, a:hover { color: #2971B6; text-decoration: none; } hr { display: none /* height: 1px; width: 100%; margin: 0 0 10px 0; background: white; color: #ccc; border: 0; border-bottom: 1px dashed #ccc !important;*/ } * + html hr { margin: 0; height: 1px; padding: 0; } .floatleft { float: left !important} .floatright { float: right !important } .clear { clear: both; float: none; } .smalltext { font-size: 11px; color: #b2b4bf; } .error, .error ul li { color: red !important; } .inlineerror { color: Red; text-align: right; } .red {color: #DB0C41 !important } a.player span { cursor: pointer; text-decoration: none; background: transparent url(../images/btn-play.png) no-repeat scroll 50% 50%; display: block; height: 30px; left: 64px; position: absolute; top: 35px; width: 30px; z-index: 100000; } h1 { color: #DB0C41; font-size: 1.3em; font-weight: normal; margin: 0 0 10px; padding: 0; }

Transcript of Project

Page 1: Project

Format.css

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

* + html .clearfix { zoom: 1; /* triggers hasLayout */ display: block; /* resets display for IE/Win */ }

body { font-family: Verdana, Arial; color: #666; font-size: 0.8em; margin: 0px; padding: 0px; background: #E0DFE3; }

iframe { overflow-x: hidden; border: 0; }

a, a:link, a:hover { color: #2971B6; text-decoration: none; }

hr { display: none /* height: 1px; width: 100%; margin: 0 0 10px 0; background: white; color: #ccc; border: 0; border-bottom: 1px dashed #ccc !important;*/ }

* + html hr { margin: 0; height: 1px; padding: 0; }

.floatleft { float: left !important}

.floatright { float: right !important }

.clear { clear: both; float: none; }

.smalltext { font-size: 11px; color: #b2b4bf; }

.error, .error ul li { color: red !important; }

.inlineerror { color: Red; text-align: right; }

.red {color: #DB0C41 !important }

a.player span { cursor: pointer; text-decoration: none; background: transparent url(../images/btn-play.png) no-repeat scroll 50% 50%; display: block; height: 30px; left: 64px; position: absolute; top: 35px; width: 30px; z-index: 100000; }

h1 { color: #DB0C41; font-size: 1.3em; font-weight: normal; margin: 0 0 10px; padding: 0; }

h2 { color: #666666; font-size: 1em; font-weight: bold; margin: 5px 0 3px; padding-top: 5px; }

h2 a, h2 a:link { color: #2971B6; text-decoration: none; }

h2 a:hover { text-decoration: underline; }

Page 2: Project

div#searchBlock h2.Res, div#searchBlock h2.Com { background: #1F382E; color: #FFF; width: auto; height: 24px; margin: 0px; font-weight: normal; font-size: 1.15em; padding: 3px 0px 0px 10px; }

div#searchBlock h2.Com { background: #DB0C41; color: #FFF; }

h3 { color: #DB0C41; font-family: Verdana,Arial; font-size: 0.9em; font-weight: bold; margin: 5px 0 3px; padding-top: 5px; }

h3 a:active, h3 a:hover { text-decoration: underline; }

h4 { font-size: 13px; color: #666; margin-top: 15px; }

h4 a, h4 a:link, h4 a:hover { color: #666; text-decoration: none; }

h4 a:active, h3 a:hover { text-decoration: underline; }

a.button:hover, input.button:hover { background-color: #DB0C41; color: #FFFFFF !important; }

a.button, input.button { color: #DB0C41 !important; display: inline; float: right; font-weight: bold; margin: 5px 0 0; min-width: 210px; padding: 5px; text-decoration: none; }

/*a.button, input.button { background: #DB0C41; border: 1px solid #AEA79F; color: #FFFFFF !important; display: inline-block; margin: 5px 0px 0px; padding: 3px 6px; text-decoration: none; }*/

input.button.small { margin: 0; padding: 1px 4px; font-size: 10px; }

a img, a img:link, a img:hover { border: 0px; }

input.buttongrey { width: 147px; height: 22px; background: url(../images/btn-grey.png) no-repeat 0 0; text-align: center; font-size: 10px; text-transform: uppercase; color: #333; }

div#searchBlock div#columnLeft div.contentContainer input.searchBox, div#searchBlock div#columnRight div.contentContainer input.searchBox { width: 283px; }

div#searchBlock input.searchBox { width: 591px; }

div#searchBlock ul { padding: 0px 0px 0px 10px; margin: 0px; }

div#searchBlock ul li { padding: 0px; list-style: none; }

div#searchBlock ul li a, div#searchBlock ul li a:link, div#searchBlock ul li a:hover { color: #666; text-decoration: none; }

div#searchBlock ul li a:hover { text-decoration: underline; }

div#searchContainer p { font-size: 0.8em; float: right; color: #DB0C41; text-align: left; padding-left: 0px; width: 160px; }

div#searchContainer p.search { padding-right: 20px; }

Page 3: Project

div#searchContainer p.search input {margin-top:4px}

div#searchContainer p span { display: block; height: 12px; line-height: 12px; }

div#searchContainer p input, div#searchContainer p select { color: #666; font-size: 1.1em; letter-spacing: 1px; position: relative; width: 121px; }

div#searchContainer p select { margin-top: 4px; height: 1.7em; }

div#searchContainer p a.submit { width: auto; color:#DB0C41;font-size:1.4em; font-weight:bold; }

* + html div#searchContainer p.search input { margin-top: 3px; height: 13px; }

#homeLinks { float: left; padding-bottom: 15px; }

#homeLinks .innerBlock h2.Res { background: #1F382E none repeat scroll 0 0; }

#homeLinks .innerBlock h2.Com { background: #DB0C41 none repeat scroll 0 0; }

#homeLinks .innerBlock h2 { color: #FFFFFF; font-size: 1.15em; font-weight: normal; height: 24px; margin: 0; width: auto; padding: 3px 0 0 10px; }

#homeLinks .innerBlock { float: left; overflow: hidden; }

#homeLinks .innerBlock p { padding-left: 10px; margin: 15px 0; }

#homeLinks .innerBlock div { float: left; background: #E0DFE3 none repeat scroll 0 0; width: 305px; margin-right: 1px; margin-bottom: -1000px; padding-bottom: 1000px; }

#homeLinks .innerBlock div.full { width: 610px; border-right: 0 !important }

#homeLinks .innerBlock div.full h2 {margin-bottom: 10px}

#homeLinks .innerBlock div.full p {width: 295px; float: left; margin: 0}

#homeLinks .innerBlock div.col2 { border-right: solid 1px white; margin-right: 0; }

#homeLinks .clearLinks { clear: both; padding-top: 10px; }

div.contentContainer a.search { background: #E0DFE3; border: 0px; margin-top: 10px; font-size: 1.1em; float: right; }

div#footerContent { padding-bottom: 5px; }

div#footerContent a { color: #666 !important; }

div#footerContent a:hover { color: #666; text-decoration: underline; }

Page 4: Project

div#footerContent p { margin: 8px auto 5px; color: #666 !important; font-size: 0.8em; }

div.addContainer p { margin: 0px; padding: 5px; color: #666 }

div.addContainer a { color:#DB0C41; font-weight: bold; padding: 0px; width: 135px; position: relative; }

div.addContainer img { padding: 0px; width: 145px; display: block; margin: 0px; }

div.footerCopyright { position: absolute; right: 10px; top: 0px; font-size: 0.8em; text-align: right; top: 0; }

div.footerCopyright p { margin-bottom: 25px; }

div.footerCopyright p a { margin-left: 10px; }

div#mainContentContainer div.contentItem p { margin: 0px; padding-bottom: 1em; }

div#mainContentContainer ul, div#mainContentContainer ol { line-height: 1.6em; margin-left: 0; margin-top: 0; padding-left: 1.5em; margin-bottom: 1.4em; }

div#mainContentContainer ul li { list-style-image: url(../images/bullet.gif); }

div#mainContentContainer ul li a { color: #2971B6 }

div#mainContentContainer ul li a:hover { color: #DB0C41 }

div#mainContentContainer ul.bluelist li { list-style-image: url(../images/bullet-blue.gif); }

div#mainContentContainer ul.bluelist li:hover { list-style-image: url(../images/bullet-red.gif); }

* + html div#mainContentContainer ul li { padding-left: 0.6em; }

* + html div#mainContentContainer ol li { padding-left: 0; margin-left: 0.6em; }

hr.hRule { height: 1px; width: 100%; background: #FFF; border: 0px !important; display: block; clear: both; margin: 10px 0px; }

div#contentBlock div#cookieTrail, div#contentBlock div#cookieTrail a, div#contentBlock div#cookieTrail a:link { font-size: 10px; color: #666 !important; text-decoration: none; }

*div#contentBlock div#cookieTrail, *div#contentBlock div#cookieTrail a:link { font-size: 11px; color: #666 !important; text-decoration: none; }

Page 5: Project

div#contentBlock div#cookieTrail a:hover { text-decoration: underline; }

div#contentBlock div#mainNavContainer h3 { color: #DB0C41; font-family: Verdana,Arial; font-size: 0.9em; font-weight: bold; margin: 5px 0 3px; padding-bottom: 4px; }

div#contentBlock div#mainNavContainer ul.mainNav { width: 135px; padding: 0px; margin: 0px; }

ul.mainNav li { list-style: none !important; border-bottom: 1px solid #CCC; position: relative; z-index: 10000; background: #fff; }

ul.mainNav li a { display: block; padding: 5px 0px 5px 10px; width: 125px; vertical-align: middle; text-decoration: none; color: #666; }

ul.mainNav li:hover a, ul.mainNav li.sfhover, ul.mainNav li a:hover { text-decoration: none; color: #FFF !important; background: #666; }

ul.mainNav li ul { display: none; position: absolute; left: 135px; top: 0px; background: #fff; margin: 0px; padding: 0px; border: 1px solid #CCC; }

ul.mainNav li ul li ul { left: 180px; }

ul.mainNav li:hover ul, ul.mainNav li.sfhover ul { display: block; }

ul.mainNav li:hover ul li a, ul.mainNav li:hover ul li a:link, ul.mainNav li.sfhover ul li a, ul.mainNav li.sfhover ul li a:link { display: block; background: #FFF; color: #666 !important; width: auto; white-space: nowrap; padding-right: 10px; }

ul.mainNav li:hover ul li a:hover, ul.mainNav li.sfhover ul li a:hover { background: #E0DFE3 !important; width: auto; white-space: nowrap; }

ul.mainNav li:hover ul li a { width: 160px; white-space: normal; }

ul.mainNav li:hover ul li a:link { width: 160px; white-space: normal; }

ul.mainNav li:hover ul li a:hover { width: 160px; white-space: normal; }

ul.mainNav li:hover ul li ul, ul.mainNav li.sfhover ul li ul { display: none; }

ul.mainNav li ul li:hover ul, ul.mainNav li ul li.sfhover ul { display: block; }

ul.mainNav li ul li:hover a, ul.mainNav li ul li:hover a:link, ul.mainNav li ul li.sfhover a, ul.mainNav li ul li.sfhover a:link { display: block; background: #FFF; color: #666 !important; }

ul.mainNav li ul li:hover a:hover, ul.mainNav li ul li.sfhover a:hover { background: #E0DFE3 !important; }

Page 6: Project

div#contentBlock div#mainContentContainer span#introText, div#contentBlock div#mainContentContainer p.introText { font-size: 1.1em; line-height: 18px; }

span.select { position: absolute; width: 136px; height: 21px; margin: 5px 0px 0px; padding: 5px 0px 20px 13px; color: #666; font-size: 1.1em; background: url('../images/bgComboBox.gif') no-repeat; overflow: hidden; }

span.red { color: #db0c41 !important}

div.pagingdiv { text-transform: uppercase; margin-top: 15px; }

div.pagingdiv ul.paging { list-style: none; margin: 0; padding: 0 !important; }

div.pagingdiv ul.paging li { display: inline; margin: 0 !important; padding: 0 !important; background-image: none !important; }

div.serviceDetail { clear: both; margin: 0; }

div.serviceDetail a.img { display: block; width: 80px; min-height: 80px; float: left; margin: 10px 0 0 0; }

div.serviceDetail h2, div.serviceDetail p { width: 510px; float: right; }

div.serviceDetail p { margin: 0; padding: 0 !important; }

h4.recommendations { background: #e4e4e4; padding: 7px; margin-bottom: 2px; margin-top: 30px; }

div.recommendations { background: #e4e4e4; padding: 7px; }

div.recommendations ul { margin: 0; padding: 0; }

div.recommendations ul li { padding: 0; list-style-image: url(../images/bullet.gif) !important; background-position: 0 5px; background-repeat: no-repeat; color: #666; }

div.recommendations ul li a { text-decoration: underline; color: #666; }

Page 7: Project

div.calltoaction { border: solid 1px #f2f2f2; margin-top: 15px; padding-left: 30px; background: url(../images/ico-man.png) no-repeat 0 0; min-height: 25px; }

div.calltoaction p { margin: 4px 0 0 0; }

span.selectyear { position: absolute; right: 0; top: 4px; font-size: 10px; font-weight: bold; color: #666; }

span.selectyear select { height: 16px; line-height: 16px; font-size: 10px; color: #999; }

p.download-button { display: block; height: 21px; background: url(../images/btn-left.png) no-repeat 0 0; margin: 0; }

p.download-button span.button { float: left; display: block; height: 21px; background: url(../images/btn-right.png) repeat-x 100% 0; text-indent: 6px; line-height: 17px; }

p.download-button span.button a { display: block; font-size: 10px; color: #666; padding-right: 30px; text-decoration: none; }

p.download-button span.button a img { margin-right: 10px; vertical-align: middle; }

div.researchDetail { clear: both; margin: 0; }

div.researchDetail a.img { display: block; width: 80px; min-height: 80px; float: left; margin: 10px 0 0 0; }

div.researchDetail h3, div.researchDetail p { width: 510px; float: right; }

div.researchDetail p { margin: 15px 0; }

div.researchDetail h3 a { color: #666; }

div.researchDetail p.date { font-size: 10px; color: #999; }

div.researchDetail span.download-size { float: left; margin-left: 12px; font-size: 11px; color: #b2b4bf; line-height: 17px; }

div.newsArticle { clear: both; margin: 0; }

div.newsArticle strong { color: #2971B6; margin: 5px 0; display: inline-block }

div.newsArticle p { margin: 15px 0; }

div.newsArticle h3 a { color: #2971B6; }

Page 8: Project

div.newsArticle p.date { font-size: 10px; color: #999; margin-bottom: 5px; }

div.contactForm { padding: 2px; }

div.contactForm ul.menu { display: block; height: 20px; margin: 0 0 15px 0 !important; padding: 0 !important; }

div.contactForm ul.menu li { list-style: none; float: left; background-image: none !important; padding: 2px !important; list-style-image: none !important; }

div.contactForm ul.menu li a { display: block; width: 193px; height: 20px; background: #adadad; padding: 4px; line-height: 20px; font-weight: bold; font-size: 12px; color: #fff !important; text-decoration: none; }

div.contactForm ul.menu li a:hover, div.contactForm ul.menu li a.on { background: #db0c41; }

div.form { background: #f2f2f2; color: #666; margin: 2px; padding: 15px 0 0 15px; }

div.form div.field { width: 275px; float: left; margin-right: 20px; margin-bottom: 15px; }

div.form div.field input { width: 275px; line-height: 20px; height: 20px; }

div.form div.field select { width: 275px; height: 26px; }

div.form div.fieldfull { float: left; width: 550px; margin-bottom: 15px; }

div.form div.fieldfull input, div.contactForm div.form div.fieldfull textarea, div.contactForm div.form div.fieldfull select { width: 570px; }

div.form div.fieldfull input { line-height: 20px; height: 20px; }

div.form div.fieldfull select { height: 26px; }

div.form div.submit { clear: both; float: none; height: 40px; }

div.form div.submit a { float: left; font-size: 11px; line-height: 22px; }

div.form div.submit button { cursor: pointer; float: right; background: url(../images/btn-grey.png) no-repeat 0 0; width: 147px; height: 22px; border: 0; margin-right: 20px; font-size: 11px; text-transform: uppercase; }

div.office { min-height: 245px; height: auto !important; height: 245px; }

Page 9: Project

div.googlemap { width: 230px; height: 230px; float: right; }

div.keycontacts { border: 1px solid #E0DFE3; padding: 0; margin-bottom: 10px; }

div.keycontacts h3 { display: block; background-color: #E0DFE3; margin: 0; color: #db0c41; padding: 4px; width: auto; height: 20px; }

div.keycontacts a.viewall { color: #DB0C41; padding: 2px; text-indent: 4px; font-size: 10px; display: block; }

div.keycontacts .keycontact { position: relative; border-bottom: solid 1px #E0DFE3; padding: 6px; background-position: right bottom; background-repeat: no-repeat; min-height: 85px; }

div.keycontacts .keycontact p { font-size: 10px; margin: 0; }

div.keycontacts .keycontact p.address { margin-top: 10px; display: block; width: 86px; }

div.keycontacts .keycontact a { font-size: 10px; color: #DB0C41 }

div.industrynews { border: 1px solid #E0DFE3; padding: 0; margin-bottom: 10px; }

div.industrynews h3 { display: block; background-color: #E0DFE3; margin: 0; color: #db0c41; padding: 4px; width: auto; height: 20px; }

div.industrynews h4 { font-size: 11px; font-weight: bold; color: #DB0C41; margin: 0; padding: 4px; display: block; border-bottom: solid 1px #E0DFE3; text-indent: 0; }

div.industrynews a.pages { padding: 2px; text-indent: 4px; font-size: 10px; }

div.industrynews .news { position: relative; border-bottom: solid 1px #E0DFE3; padding: 6px; background-position: right bottom; background-repeat: no-repeat; }

div.industrynews .news p { font-size: 10px; margin: 0; }

div.industrynews .news a { font-size: 10px; color: #DB0C41 }

div.industrynews div.pages { text-align: center; font-size: 10px; margin: 4px 0; }

div.industrynews div.pages a { color: #DB0C41 }

div.contact-popup { margin: 15px; }

div.contact-popup img.logo { margin-bottom: 15px; }

Page 10: Project

div.contact-popup div.contentItem { padding: 0 15px 0 0 !important; border-top: 1px dashed #E0DFE3; }

div.contact-popup div.contentItem.details { position: relative; background-position: right bottom; height: 100%; background-repeat: no-repeat; }

div.sendToFriend-popup { margin: 0; font-size: 1.1em; font-family: Verdana,Arial; }

div.sendToFriend-popup img { margin-top: 15px; }

div.sendToFriend-popup div.form { background: white; padding: 0; }

div.sendToFriend-popup div.field { width: 215px; margin-right: 0; }

div.sendToFriend-popup div.field.left { margin-right: 25px; }

div.sendToFriend-popup div.field input { width: 215px; }

div.sendToFriend-popup div.fieldfull { float: left; width: 455px; margin-bottom: 15px; }

div.sendToFriend-popup div.fieldfull input, div.sendToFriend-popup div.fieldfull textarea, div.sendToFriend-popup div.fieldfull select { width: 455px; }

div.sendToFriend-popup div.heading { margin-bottom: 10px; padding-bottom: 10px; border-bottom: 1px dashed #E0DFE3; }

div.sendToFriend-popup div.heading img { display: inline; }

div.sendToFriend-popup div.heading h2 { display: inline; padding-left: 10px; }

table.employee-table { width: 100%; margin: 15px 0; }

table.employee-table h4 { margin: 0 0 5px 0; padding: 4px; text-align: left; }

table.employee-table tr td { border-top: 1px dashed #E0DFE3; vertical-align: middle; line-height: normal; padding: 4px; }

Page 11: Project

Layout.css

.col1, .col2, .col3, .cols {float:left}

.col1 {width:290px}

.col2 {width:240px}

.col3 {width:252px}

/* index.html */

#page1 .buttons .col1 .button {margin-left:10px}

#page1 .buttons .col2 .button {margin-left:24px}

#page1 .buttons .col3 .button {margin-left:76px}

#page1 #content2 .col1 {width:597px}

/* index-1.html */

#page2 .body2, #page4 .body2, #page5 .body2, #page6 .body2 {background-image:url(../images/bg_top_repeat2.jpg)}

#page2 .body3, #page4 .body3, #page5 .body3, #page6 .body3 {background-image:url(../images/bg_top_img2.jpg)}

#page2 .body1, #page4 .body1, #page5 .body1, #page6 .body1 {background-position:center 164px}

#page2 header, #page4 header, #page5 header, #page6 header {height:192px}

#page2 .col1 {width:420px}

#page2 .col2 {width:419px}

#page2 .line2 {background-position:457px 0}

#page2 #content2 .buttons .button {margin-left:10px}

/* index-2.html */

#page3 .line1 {background-position:198px 0}

#page3 .col1 {width:160px}

#page3 .col2 {width:685px}

Page 12: Project

#page3 #content2, #page3 .body4, #page3 .body4 main {height:11px;padding:0;margin:0;font-size:0px;line-height:0px}

/* index-3.html */

#page4 .line1 {background-position:295px 0}

#page4 .line2 {background-position:620px 0}

#page4 .col1 {width:257px}

#page4 .col2 {width:257px}

#page4 .col3 {width:257px}

#page4 #content2 .col1 {width:582px}

/* index-4.html */

/* index-5.html */

#page6 .col1 {width:582px}

#page6 .col2 {width:239px}

#page6 .col3 {width:91px}

#page6 .line2 {background-position:620px 0}

/* index-6.html */

Page 13: Project

Layoutex.css

div.fixWidth { width: 980px; position: relative; }

div#pageBlock { background: #fff; margin: 0px auto 20px; }

div#bannerBlock { height: 289px; }

div#bannerBlock div#bannerContent { height: 100px; }

div#bannerBlock div#bannerContent img.lgoKF { position: relative; margin: 20px; clear: left; }

div#bannerBlock div#bannerContent div#searchContainer { position: relative; float: right; margin: 20px 0 20px 20px; width: 550px; height: 60px; text-align: right; }

div#bannerBlock div#bannerImage { position: relative; height: 189px; background: #CCC; }

div#bannerBlock div#bannerImage div#bannerOverlay { height: 14px; position: absolute; top: 0px; left: 0px; background: url('../images/imgBannerOverlay.gif') no-repeat; z-index: 99; }

div#contentBlock { background: #FFF; min-height: 500px; }

div#contentBlock div#mainNavContainer { width: 135px; margin: 12px 10px 20px 20px; position: relative; float: left; padding-bottom: 50px; }

div#contentBlock div#mainContentContainer { float: right; margin: 20px 10px 20px; position: relative; width: 619px; }

div#searchBlock { width: 619px; position: relative; margin: 20px 0px 20px; background: #E0DFE3; }

div#contentBlock div#mainContentContainer div#columnLeft { width: 306px; padding: 0px 0px 0px; float: left; margin-top: 15px; }

div#contentBlock div#mainContentContainer div#columnRight { width: 306px; padding: 0px; margin: 15px 0px 0px; float: right; }

div#searchBlock div#columnLeft, div#searchBlock div#columnRight { margin-top: 0px !important; width: 309px !important; height: 100%; }

div#searchBlock div.contentContainer, div#searchBlock div.contentContainer { padding: 0 10px 10px 10px; position: relative; }

div#searchBlock div.contentContainer, div#searchBlock div.contentContainer { margin-top: 0; }

div#contentBlock div#mainContentContainer div.contentItem, div#contentBlock div#mainContentContainer div#columnLeft div.contentItem, div#contentBlock

Page 14: Project

div#mainContentContainer div#columnRight div.contentItem { width: auto; padding: 0px 15px 10px 15px; }

div#contentBlock div#cookieTrail { height: 8px; padding: 6px 0px 0px 176px; width: 804px; font-weight: bold; }

div#contentBlock div#cookieTrail a {font-weight: normal;}

div#contentBlock div#mainPromoContainer { width: 146px; margin: 20px 20px 20px 10px; position: relative; float: right; min-height: 300px; }

div#footerBlock { height: auto !important; border-top: 4px solid #E0DFE3; overflow: hidden; position: relative; }

div#footerContent { height: auto !important; width: 940px; margin: 4px 20px; text-align: left; }

div#pageBlock div#BRCorner, div#pageBlock div#BLCorner { position: absolute; width: 3px; height: 3px; bottom: 0px; }

div#pageBlock div#BRCorner { right: 0px !important; background: url('../images/imgMainCornerBR.gif'); }

div#pageBlock div#BLCorner { left: 0px !important; background: url('../images/imgMainCornerBL.gif'); }

div#contentBlock div#mainContentContainer div.contentItem, div#contentBlock div#mainContentContainer div#columnLeft div.contentItem, div#contentBlock div#mainContentContainer div#columnRight div.contentItem { padding: 0px 15px 0 0px !important; }

div#clear, div.clear, span#clear, span.clear { clear: both; display: block; }

div.border { border-right: solid 1px #FFF; }

div.addContainer { width: 145px !important; border: solid 1px #E0DFE3; position: relative; background: #E0DFE3; padding: 0px 0px 5px; margin-bottom: 10px !important; }

div.icons { position: absolute; right: 10px; margin-top: 5px; }

Page 15: Project

Prettyphoto.css

div.light_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat}div.light_rounded .pp_top .pp_middle{background:#fff}div.light_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat}div.light_rounded .pp_content .ppt{color:#000}div.light_rounded .pp_content_container .pp_left,div.light_rounded .pp_content_container .pp_right{background:#fff}div.light_rounded .pp_content{background-color:#fff}div.light_rounded .pp_next:hover{background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.light_rounded .pp_previous:hover{background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_rounded .pp_expand{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_rounded .pp_expand:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_rounded .pp_contract{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_rounded .pp_contract:hover{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_rounded #pp_full_res .pp_inline{color:#000}div.light_rounded .pp_gallery a.pp_arrow_previous,div.light_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important}div.light_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat}div.light_rounded .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_rounded .pp_arrow_next{background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat}div.light_rounded .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat}div.light_rounded .pp_bottom .pp_middle{background:#fff}div.light_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat}

Page 16: Project

div.light_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat}

div.light_square .pp_loaderIcon{background:url(../images/prettyPhoto/light_square/loader.gif) center center no-repeat}

div.dark_rounded .pp_top .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat}div.dark_rounded .pp_top .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .pp_top .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat}div.dark_rounded .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y}div.dark_rounded .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y}div.dark_rounded .pp_content{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .pp_next:hover{background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;cursor:pointer}div.dark_rounded .pp_previous:hover{background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;cursor:pointer}div.dark_rounded .pp_expand{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_rounded .pp_expand:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_rounded .pp_contract{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_rounded .pp_contract:hover{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_rounded .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_rounded .currentTextHolder{color:#c4c4c4}div.dark_rounded .pp_description{color:#fff}div.dark_rounded #pp_full_res .pp_inline{color:#fff}div.dark_rounded .pp_gallery a.pp_arrow_previous,div.dark_rounded .pp_gallery a.pp_arrow_next{margin-top:12px !important}div.dark_rounded .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_rounded .pp_arrow_previous{background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat}div.dark_rounded .pp_arrow_previous.disabled{background-position:0 -

Page 17: Project

87px;cursor:default}div.dark_rounded .pp_arrow_next{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat}div.dark_rounded .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.dark_rounded .pp_bottom .pp_left{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat}div.dark_rounded .pp_bottom .pp_middle{background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat}div.dark_rounded .pp_bottom .pp_right{background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat}div.dark_rounded .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_left ,div.dark_square .pp_middle,div.dark_square .pp_right,div.dark_square .pp_content{background:url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat}div.dark_square .currentTextHolder{color:#c4c4c4}div.dark_square .pp_description{color:#fff}div.dark_square .pp_loaderIcon{background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat}div.dark_square .pp_content_container .pp_left{background:url(../images/prettyPhoto/dark_square/contentPattern.png) top left repeat}div.dark_square .pp_content_container .pp_right{background:url(../images/prettyPhoto/dark_square/contentPattern.png) top right repeat}div.dark_square .pp_expand{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.dark_square .pp_expand:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.dark_square .pp_contract{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.dark_square .pp_contract:hover{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.dark_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.dark_square #pp_full_res .pp_inline{color:#fff}div.dark_square .pp_gallery a.pp_arrow_previous,div.dark_square .pp_gallery a.pp_arrow_next{margin-top:12px !important}div.dark_square .pp_nav .pp_play{background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.dark_square .pp_arrow_previous{background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat}div.dark_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.dark_square .pp_arrow_next{background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat}div.dark_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.dark_square

Page 18: Project

.pp_next:hover{background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;cursor:pointer}div.dark_square .pp_previous:hover{background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.light_square .pp_left ,div.light_square .pp_middle,div.light_square .pp_right,div.light_square .pp_content{background:#fff}div.light_square .pp_content .ppt{color:#000}div.light_square .pp_expand{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;cursor:pointer}div.light_square .pp_expand:hover{background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;cursor:pointer}div.light_square .pp_contract{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;cursor:pointer}div.light_square .pp_contract:hover{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;cursor:pointer}div.light_square .pp_close{width:75px;height:22px;background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;cursor:pointer}div.light_square #pp_full_res .pp_inline{color:#000}div.light_square .pp_gallery a.pp_arrow_previous,div.light_square .pp_gallery a.pp_arrow_next{margin-top:12px !important}div.light_square .pp_nav .pp_play{background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;height:15px;width:14px}div.light_square .pp_nav .pp_pause{background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;height:15px;width:14px}div.light_square .pp_arrow_previous{background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat}div.light_square .pp_arrow_previous.disabled{background-position:0 -87px;cursor:default}div.light_square .pp_arrow_next{background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat}div.light_square .pp_arrow_next.disabled{background-position:-22px -87px;cursor:default}div.light_square .pp_next:hover{background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;cursor:pointer}div.light_square .pp_previous:hover{background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_top .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat}div.facebook .pp_top .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x}div.facebook .pp_top .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat}div.facebook .pp_content .ppt{color:#000}div.facebook .pp_content_container .pp_left{background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y}div.facebook .pp_content_container .pp_right{background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-

Page 19: Project

y}div.facebook .pp_content{background:#fff}div.facebook .pp_expand{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;cursor:pointer}div.facebook .pp_expand:hover{background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;cursor:pointer}div.facebook .pp_contract{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;cursor:pointer}div.facebook .pp_contract:hover{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;cursor:pointer}div.facebook .pp_close{width:22px;height:22px;background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;cursor:pointer}div.facebook #pp_full_res .pp_inline{color:#000}div.facebook .pp_loaderIcon{background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat}div.facebook .pp_arrow_previous{background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_previous.disabled{background-position:0 -96px;cursor:default}div.facebook .pp_arrow_next{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;height:22px;margin-top:0;width:22px}div.facebook .pp_arrow_next.disabled{background-position:-32px -96px;cursor:default}div.facebook .pp_nav{margin-top:0}div.facebook .pp_nav p{font-size:15px;padding:0 3px 0 4px}div.facebook .pp_nav .pp_play{background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;height:22px;width:22px}div.facebook .pp_nav .pp_pause{background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;height:22px;width:22px}div.facebook .pp_next:hover{background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;cursor:pointer}div.facebook .pp_previous:hover{background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;cursor:pointer}div.facebook .pp_bottom .pp_left{background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat}div.facebook .pp_bottom .pp_middle{background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x}div.facebook .pp_bottom .pp_right{background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat}div.pp_pic_holder a:focus{outline:none}div.pp_overlay{background:#000;display:none;left:0;position:absolute;top:0;width:100%;z-index:9500}div.pp_pic_holder{display:none;position:absolute;width:100px;z-index:10000}.pp_top{height:20px;position:relative}* html .pp_top{padding:0 20px}.pp_top .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_top .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_top .pp_middle{left:0;position:static}.pp_top .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_content{height:40px}.pp_fade{display:none}.pp_content_container{positio

Page 20: Project

n:relative;text-align:left;width:100%}.pp_content_container .pp_left{padding-left:20px}.pp_content_container .pp_right{padding-right:20px}.pp_content_container .pp_details{float:left;margin:10px 0 2px 0}.pp_description{display:none;margin:0 0 5px 0}.pp_nav{clear:left;float:left;margin:3px 0 0 0}.pp_nav p{float:left;margin:2px 4px}.pp_nav .pp_play,.pp_nav .pp_pause{float:left;margin-right:4px;text-indent:-10000px}a.pp_arrow_previous,a.pp_arrow_next{display:block;float:left;height:15px;margin-top:3px;overflow:hidden;text-indent:-10000px;width:14px}.pp_hoverContainer{position:absolute;top:0;width:100%;z-index:2000}.pp_gallery{left:50%;margin-top:-50px;position:absolute;z-index:10000}.pp_gallery ul{float:left;height:35px;margin:0 0 0 5px;overflow:hidden;padding:0;position:relative}.pp_gallery ul a{border:1px #000 solid;border:1px rgba(0,0,0,0.5) solid;display:block;float:left;height:33px;overflow:hidden}.pp_gallery ul a:hover,.pp_gallery li.selected a{border-color:#fff}.pp_gallery ul a img{border:0}.pp_gallery li{display:block;float:left;margin:0 5px 0 0}.pp_gallery li.default a{background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;display:block;height:33px;width:50px}.pp_gallery li.default a img{display:none}.pp_gallery .pp_arrow_previous,.pp_gallery .pp_arrow_next{margin-top:7px !important}a.pp_next{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:right;height:100%;text-indent:-10000px;width:49%}a.pp_previous{background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;display:block;float:left;height:100%;text-indent:-10000px;width:49%}a.pp_expand,a.pp_contract{cursor:pointer;display:none;height:20px;position:absolute;right:30px;text-indent:-10000px;top:10px;width:20px;z-index:20000}a.pp_close{display:block;float:right;line-height:22px;text-indent:-10000px}.pp_bottom{height:20px;position:relative}* html .pp_bottom{padding:0 20px}.pp_bottom .pp_left{height:20px;left:0;position:absolute;width:20px}.pp_bottom .pp_middle{height:20px;left:20px;position:absolute;right:20px}* html .pp_bottom .pp_middle{left:0;position:static}.pp_bottom .pp_right{height:20px;left:auto;position:absolute;right:0;top:0;width:20px}.pp_loaderIcon{display:block;height:24px;left:50%;margin:-12px 0 0 -12px;position:absolute;top:50%;width:24px}#pp_full_res{line-height:1 !important}#pp_full_res .pp_inline{text-align:left}#pp_full_res .pp_inline p{margin:0 0 15px 0}div.ppt{color:#fff;display:none;font-size:17px;margin:0 0 5px 15px;z-index:9999}.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden}.clearfix {display:inline-block}* html .clearfix {height:1%}.clearfix {display:block}

Page 21: Project

Searchresults.css

div#resultsContainer

{

position:relative;

width:760px;

margin-top:20px;

}

div.listHolder,

div.gridHolder,

div.homeHolder

{

background:#666;

position:relative;

font-size:0.8em;

line-height:1.4em;

}

div#resultsContainer div.gridHolder h2.locationTop

{

left:21px;

}

Page 22: Project

div.gridHolder,

div.homeHolder

{

width:252px;

height:295px;

margin:5px 0px;

background:url('/library/images/spButtons.png') no-repeat 0px -1301px;

float:left;

}

div.homeHolder

{

height:230px;

background:url('/library/images/imgGridBGSml.png') no-repeat top center;

}

div.listHolder

{

width:761px;

height:204px;

margin:0px 0px 5px 0px;

background:url('/library/images/spButtons.png') no-repeat 0px -1068px;

}

div.homeHolder span.locationTop,

div.homeHolder span.locationBottom,

Page 23: Project

div.homeHolder img,

div.homeHolder span.ref,

div.homeHolder span.details,

div.homeHolder span.save,

div.homeHolder span.priceTop,

div.homeHolder span.priceBottom,

div.homeHolder span.offers,

div.homeHolder span.bedDetails,

div.homeHolder span.bathDetails,

div.homeHolder span.introtext,

div.gridHolder span.locationTop,

div.gridHolder span.locationBottom,

div.gridHolder img,

div.gridHolder span.ref,

div.gridHolder span.details,

div.gridHolder span.save,

div.gridHolder span.priceTop,

div.gridHolder span.priceBottom,

div.gridHolder span.offers,

div.gridHolder span.introtext,

div.gridHolder span.distance,

div.listHolder span.locationTop,

div.listHolder span.locationBottom,

div.listHolder img,

div.listHolder span.ref,

Page 24: Project

div.listHolder span.details,

div.listHolder span.save,

div.listHolder span.priceTop,

div.listHolder span.priceBottom,

div.listHolder span.offers,

div.listHolder span.introtext,

div.listHolder span.distance

{

position:absolute;

color:#666;

overflow:hidden;

}

div.homeHolder span.locationTop,

div.gridHolder span.locationTop

{

top:5px;

left:21px;

}

div.homeHolder span.locationBottom,

div.gridHolder span.locationBottom

{

top:20px;

left:21px;

color:#DB0C41;

Page 25: Project

}

div.homeHolder img,

div.gridHolder img

{

top:40px;

left:22px;

border:0px !important;

}

div.gridHolder span.ref

{

top:20px;

right:19px;

}

div.homeHolder span.details

{

bottom:4px;

left:19px;

color:#666;

}

div.gridHolder span.details,

div.listHolder span.details

{

display:none;

top:39px;

Page 26: Project

left:21px;

}

div.gridHolder:hover span.details,

div.listHolder:hover span.details

{

display:block;

color:#fff;

background:#333;

opacity:0.70;

filter:alpha(opacity = 70);

padding:5px;

z-index:999;

font-size:1.1em;

height:auto;

width:200px;

border:1px solid #fff;

}

div.gridHolder:hover span.details a, div.listHolder:hover span.details a

{

color:#ffffff;

}

Page 27: Project

div.gridHolder span.distance

{

bottom:14px;

left:19px;

color:#666;

}

div.homeHolder span.save

{

bottom:4px;

right:19px;

color:#666;

}

div.gridHolder span.save

{

bottom:14px;

right:19px;

color:#666;

}

div.gridHolder span.priceTop

{

bottom:76px;

right:21px;

font-size:1.1em;

text-align:right;

Page 28: Project

}

div.gridHolder span.priceBottom

{

bottom:62px;

right:22px;

color:#DB0C41;

font-style:italic;

}

div.gridHolder span.offers

{

bottom:87px;

left:21px;

font-size:1em;

}

div.listHolder span.locationTop

{

top:11px;

left:241px;

}

div.listHolder span.locationBottom

{

top:25px;

left:241px;

color:#DB0C41;

font-style:italic;

Page 29: Project

}

div.listHolder img

{

top:11px;

left:21px;

border:0px !important;

}

div.listHolder span.ref

{

top:25px;

right:19px;

color:#fff;

}

div.listHolder span.distance

{

bottom:15px;

left:22px;

color:#666;

}

div.listHolder span.details

{

top:11px;

left:21px;

color:#fff;

Page 30: Project

}

div.listHolder span.save

{

bottom:15px;

right:22px;

color:#fff;

}

div.listHolder span.priceTop

{

top:25px;

right:22px;

font-size:1.1em;

}

div.listHolder span.priceBottom

{

top:40px;

right:22px;

color:#DB0C41;

font-style:italic;

}

div.listHolder span.yield

{

position:absolute;

right:22px;

top:55px;

Page 31: Project

color:#db0c41;

font-weight:bold;

}

div.listHolder span.investmentType

{

font-weight:bold;

left:241px;

position:absolute;

top:55px;

}

div.listHolder span.introtext

{

top:70px;

left:241px;

width:430px;

font-size:1.1em;

font-weight:normal;

}

div.listHolder span.offers

{

top:11px;

right:22px;

font-size:1em;

font-weight:bold;

Page 32: Project

}

/* Under Offer */

div.gridHolder span.underOffer, div.listHolder span.underOffer

{

background-image: url("/library/images/transparent_darkR_line.png");

bottom: 105px;

color: #FFFFFF;

cursor: pointer;

font-family: verdana;

font-size: 12px;

font-weight: bold;

height: 20px;

left: 22px;

margin: 0 0 0 0;

padding: 5px 0 0;

position: absolute;

text-align: center;

width: 210px;

z-index: 99;

}

/* Sold */

div.gridHolder span.sold, div.listHolder span.sold

Page 33: Project

{

background-image: url("/library/images/transparent_darkR_line.png");

bottom: 105px;

color: #FFFFFF;

cursor: pointer;

font-family: verdana;

font-size: 12px;

font-weight: bold;

height: 20px;

left: 22px;

margin: 0 0 0 0;

padding: 5px 0 0;

position: absolute;

text-align: center;

width: 210px;

z-index: 99;

}

/* Short Let */

div.gridHolder span.shortLet, div.listHolder span.shortLet

{

background-image: url("/library/images/transparent_dark_line.png");

bottom: 105px;

color: #FFFFFF;

cursor: pointer;

Page 34: Project

font-family: verdana;

font-size: 12px;

font-weight: bold;

height: 20px;

left: 22px;

margin: 0 0 0 0;

padding: 5px 0 0;

position: absolute;

text-align: center;

width: 210px;

z-index: 99;

}

div.listHolder span.underOffer

{

bottom:43px !important;

left:21px !important;

}

div.gridHolder span.details a,

div.gridHolder span.save a,

div.listHolder span.details a,

div.listHolder span.save a,

div.homeHolder span.details a,

div.homeHolder span.save a

Page 35: Project

{

color:#666;

text-decoration:none;

}

div.gridHolder span.details a:hover,

div.gridHolder span.save a:hover,

div.listHolder span.details a:hover,

div.listHolder span.save a:hover,

div.homeHolder span.details a:hover,

div.homeHolder span.save a:hover

{

text-decoration:underline;

}

div.homeHolder span.introtext,

div.homeHolder span.priceTop,

div.homeHolder span.priceBottom,

div.homeHolder span.offers,

div.homeHolder span.bedDetails,

div.homeHolder span.bathDetails,

div.homeHolder span.ref,

div.gridHolder span.introtext

{

display:none !important;

}

Page 36: Project

ul.icons,

div.gridHolder ul.icons

{

position:absolute;

bottom:39px;

left:243px;

margin:0px;

padding:0px;

}

div.gridHolder ul.icons

{

bottom:33px !important;

left:21px !important;

}

div.homeHolder ul.icons

{

display:none;

}

ul.icons li

{

display:block;

overflow:hidden;

height:26px;

width:55px;

float:left;

Page 37: Project

color:#666;

list-style:none;

padding:0px 0px 0px 40px;

vertical-align:middle;

line-height:30px;

}

ul.icons li.bedDetails

{

background:url('/library/images/spButtons.png') no-repeat -195px -259px;

vertical-align:middle;

display:inline-block;

}

ul.icons li.bathDetails

{

background:url('/library/images/spButtons.png') no-repeat -598px -259px;

vertical-align:middle;

display:inline-block;

}

ul.icons li.livingRoomsDetails

{

background:url('/library/images/spButtons.png') no-repeat -444px -259px;

vertical-align:middle;

display:inline-block;

Page 38: Project

}

ul.icons li.parkingDetails

{

background:url('/library/images/imgParking.gif') no-repeat;

vertical-align:middle;

display:inline-block;

}

ul.icons li.acresDetails

{

background:url('/library/images/imgAcres.gif') no-repeat;

vertical-align:middle;

display:inline-block;

width:35px !important;

}

div.gridHolder ul.icons li.livingRoomsDetails,

div.gridHolder ul.icons li.parkingDetails,

div.gridHolder ul.icons li.acersDetails

{

display:none;

}

div.freeTextResultsHeader

{

height:30px;

position:relative;

Page 39: Project

width:761px !important;

padding-bottom:5px;

}

Reset.css

a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {background:transparent;border:0 none;font-size:100%;margin:0;padding:0;border:0;outline:0;vertical-align:top}

ol, ul {list-style:none}

blockquote, q {quotes:none}

table, table td {padding:0;border:none;border-collapse:collapse}

img {vertical-align:top}

embed {vertical-align:top}

* {border:none}

Page 40: Project

Style.css

/* Getting the new tags to behave */

article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video {display:block;}

mark, rp, rt, ruby, summary, time {display:inline}

/* Left & Right alignment */

.left {float:left}

.right {float:right}

.wrapper {width:100%;overflow:hidden}

.relative {position:relative}

/* Global properties */

body {background:#111;border:0;font:14px Arial, Helvetica, sans-serif;color:#0f0f0f;line-height:20px}

.ic, .ic a {border:0;float:right;background:#fff;color:#f00;width:50%;line-height:10px;font-size:10px;margin:-220% 0 0 0;overflow:hidden;padding:0}

.css3 {border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px;box-shadow:0 0 4px rgba(0, 0, 0, .4);-moz-box-shadow:0 0 4px rgba(0, 0, 0, .4);-webkit-box-shadow:0 0 4px rgba(0, 0, 0, .4);position:relative}

/* Global Structure */

.main {margin:0 auto;width:916px;}

.body1 {background:url(../images/bg_img2.jpg) center 560px no-repeat #eaeaea}

Page 41: Project

.body2 {background:url(../images/bg_top_repeat.jpg) top repeat-x}

.body3 {background:url(../images/bg_top_img.jpg) top center no-repeat}

.body4 {background:url(../images/bg_content.gif) top repeat-x #363636}

/* main layout */

a {color:#13c5ff;text-decoration:underline;outline:none}

a:hover {text-decoration:none}

h1 {padding:37px 0 0 19px;float:left}

h2 {font-size:40px;line-height:1.2em;color:#0f0f0f;padding:1px 0 17px 10px;letter-spacing:-1px}

h4 {font-size:40px;line-height:1.2em;color:#0f0f0f;padding:1px 0 17px 10px;letter-spacing:-1px}

h2 span {color:#13c5ff}

p {padding-bottom:20px}

/* header */

#mylogo {margin-left:0px;font-size:40px;padding-bottom:0px;font-face:"Times New Roman";color:#2591d2;text-decoration:"bold"}

header {height:645px}

#logo {display:block;background:url(../images/logo.png) 0 0 no-repeat;width:276px;height:94px;text-indent:-9999px}

#search {float:right;padding:41px 20px 0 0;width:600px}

#search .input {float:right;width:148px;padding:5px 8px;font:14px Arial, Helvetica, sans-serif;background:#fff;color:#999;height:16px}

#search .submit {display:block;cursor:pointer;background:url(../images/search.gif) 0 0 no-repeat;width:26px;height:26px;float:right;margin-left:4px}

#menu {float:right;padding:40px 19px 0 0}

#menu li {float:left;padding-right:28px}

#menu .end {padding-right:0}

Page 42: Project

#menu li a {display:block;font-size:16px;color:#fff;text-decoration:none;background:url(../images/menu_marker.png) 0 6px no-repeat;padding-left:20px}

#menu li a:hover, #menu #active a {color:#13c5ff}

.roundabout-holder {height:5em;}

.roundabout-moveable-item {cursor:pointer;width:636px;height:478px;margin-top:229px;padding-bottom:20px}

.roundabout-in-focus {cursor:auto;}

#gallery {position:relative;height:520px}

#gallery img {display:block;width:100%;height:100%}

#gallery li {}

/* content */

#content {padding-bottom:59px}

#content2 {padding-top:39px;color:#fff;padding-bottom:60px}

#content2 h2 {color:#fff}

.pad_left1 {padding-left:67px}

.pad {padding:0 10px}

.pad_bot1 {padding-bottom:14px}

.pad_bot2 {padding-bottom:6px}

.marg_right1 {margin-right:24px}

.marg_left1 {margin-left:-5px}

.line1 {background:url(../images/line_ver1.gif) 325px 0 repeat-y}

Page 43: Project

.line2 {background:url(../images/line_ver1.gif) 635px 0 repeat-y}

#content2 .line2, #content2 .line1 {background-image:url(../images/line_ver2.png)}

.list1 {}

.list1 li {padding-bottom:20px;padding-left:14px;background:url(../images/menu_marker.png) 0 8px no-repeat}

.list1 li a {display:block;font-weight:bold;color:#0f0f0f;text-decoration:none}

.list1 li a:hover {color:#13c5ff}

.button {display:inline-block;color:#fff;line-height:28px;text-decoration:none;padding:0 14px;background:#13c5ff}

.button:hover {background:#373737}

#content2 .button:hover {background:#fff;color:#373737}

.link1 {color:#0f0f0f;font-weight:bold}

#content2 .link1 {color:#fff}

.link2 {text-decoration:none}

.link2:hover {color:#000}

#content2 .link2:hover {color:#fff}

.date {float:left;width:46px;margin-right:20px;text-align:center;font-size:30px;color:#13c5ff;line-height:1.2em;padding-bottom:20px}

.date span {display:block;font-size:53px;line-height:1.2em;margin-top:-8px;margin-bottom:-22px;letter-spacing:-2px}

.color1 {color:#13c5ff}

/* tabs begin */

.tabs {}

.tabs ul.nav {margin-top:-5px}

.tabs ul.nav li {line-height:30px}

.tabs ul.nav li a {color:#0f0f0f;padding-left:16px;background:url(../images/marker_1.gif) 2px 6px no-repeat}

Page 44: Project

.tabs ul.nav li a:hover, .tabs ul.nav .selected a {color:#13c5ff;text-decoration:none}

.tabs .content {}

.tabs .tab-content {}

/* tabs end */

/* Lightbox image */

.lightbox-image {position:relative;overflow:hidden;display:block;background:#fff}

.lightbox-image img {position:relative;z-index:2}

.lightbox-image span {display:block;position:absolute;left:0;top:0;width:100%;height:100%;background:url(../images/magnify.png) no-repeat 50% 50%;z-index:1}

.pp_details {display:none;height:0;padding:0;margin:0;font-size:0;line-height:0}

.pp_description {display:none;height:0;padding:0;margin:0;font-size:0;line-height:0}

.gallery {margin-top:-10px;padding-left:8px;width:100%;overflow:hidden}

.gallery li {float:left;padding-right:10px;padding-top:10px}

.gallery .end {padding-right:0}

/* footer */

footer {padding-top:43px;font-size:12px;color:#6b6b6b;text-align:center;min-height:45px;padding-bottom:40px}

footer a {}

footer a:hover {}

#icons {float:right;padding:7px 14px 0 0}

#icons li {padding-left:11px;float:left}

footer .left {width:598px}

/* Tooltips */

.aToolTip {border:1px solid #000;background:url(../images/bg_opacity.png) repeat;color:#fff;margin:0;padding:2px 10px;font-size:11px}

.aToolTip .aToolTipContent {position:relative;margin:0;padding:0;}

Page 45: Project

a.aToolTipCloseBtn {display:block;height:20px;width:20px;overflow:hidden;background:url(../images/loading/close.gif) no-repeat;text-indent:-9999px;outline:none;position:absolute;top:-15px;right:-20px;}

/* forms */

#ContactForm {padding:0 0 0 10px;margin-top:-4px}

#ContactForm span {width:114px;float:left;font-weight:bold;line-height:28px}

#ContactForm .wrapper {min-height:30px}

#ContactForm .textarea_box {width:100%;overflow:hidden;min-height:274px}

#ContactForm {}

#ContactForm {}

#ContactForm a {margin-right:10px;float:left;margin-top:5px}

#ContactForm .input {width:767px;height:16px;border:1px solid #d7d7d7;background:#fff;padding:5px;color:#000;font:14px Arial, Helvetica, sans-serif}

#ContactForm textarea {overflow:auto;margin:0;width:767px;height:257px;border:1px solid #d7d7d7;background:#fff;padding:5px;color:#000;font:14px Arial, Helvetica, sans-serif}

Page 46: Project

Atooltip.js

(function($) {

$.fn.aToolTip = function(options) {

// setup default settings

var defaults = {

clickIt: false,

closeTipBtn: 'aToolTipCloseBtn',

fixed: false,

inSpeed: 200,

outSpeed: 0,

tipContent: '',

toolTipClass: 'aToolTip',

xOffset: 5,

yOffset: 5

},

// This makes it so the users custom options overrides the default ones

settings = $.extend({}, defaults, options);

Page 47: Project

return this.each(function() {

var obj = $(this);

// Decide weather to use a title attr as the tooltip content

if(obj.attr('title')){

// set the tooltip content/text to be the obj title attribute

var tipContent = obj.attr('title');

} else {

// if no title attribute set it to the tipContent option in settings

var tipContent = settings.tipContent;

}

// check if obj has a title attribute and if click feature is off

if(tipContent && !settings.clickIt){

// Activate on hover

obj.hover(function(el){

obj.attr({title: ''});

$('body').append("<div class='"+ settings.toolTipClass +"'><p class='aToolTipContent'>"+ tipContent +"</p></div>");

$('.' + settings.toolTipClass).css({

position: 'absolute',

display: 'none',

zIndex: '50000',

top: (obj.offset().top - $('.' + settings.toolTipClass).outerHeight() - settings.yOffset) + 'px',

left: (obj.offset().left + 1/2*(obj.outerWidth()) + settings.xOffset) + 'px'

Page 48: Project

})

.stop().fadeIn(settings.inSpeed);

},

function(){

// Fade out

$('.' + settings.toolTipClass).stop().fadeOut(settings.outSpeed, function(){$(this).remove();});

});

}

// Follow mouse if fixed is false and click is false

if(!settings.fixed && !settings.clickIt){

obj.mousemove(function(el){

$('.' + settings.toolTipClass).css({

top: (el.pageY - $('.' + settings.toolTipClass).outerHeight() - settings.yOffset),

left: (el.pageX + settings.xOffset)

})

});

}

// check if click feature is enabled

if(tipContent && settings.clickIt){

// Activate on click

obj.click(function(el){

obj.attr({title: ''});

Page 49: Project

$('body').append("<div class='"+ settings.toolTipClass +"'><p class='aToolTipContent'>"+ tipContent +"</p></div>");

$('.' + settings.toolTipClass).append("<a class='"+ settings.closeTipBtn +"' href='#' alt='close'>close</a>");

$('.' + settings.toolTipClass).css({

position: 'absolute',

display: 'none',

zIndex: '50000',

top: (obj.offset().top - $('.' + settings.toolTipClass).outerHeight() - settings.yOffset) + 'px',

left: (obj.offset().left + obj.outerWidth() + settings.xOffset) + 'px'

})

.fadeIn(settings.inSpeed);

// Click to close tooltip

$('.' + settings.closeTipBtn).click(function(){

$('.' + settings.toolTipClass).fadeOut(settings.outSpeed, function(){$(this).remove();});

return false;

});

return false;

});

}

}); // END: return this

// returns the jQuery object to allow for chainability.

Page 50: Project

return this;

};

})(jQuery);

Cufon-replace.js

Cufon.replace('h2, .date', { fontFamily: 'Terminal Dosis', hover:true });

Cufon.js

var Cufon=(function(){var m=function(){return m.replace.apply(null,arguments)};var x=m.DOM={ready:(function(){var C=false,E={loaded:1,complete:1};var B=[],D=function(){if(C){return}C=true;for(var F;F=B.shift();F()){}};if(document.addEventListener){document.addEventListener("DOMContentLoaded",D,false);window.addEventListener("pageshow",D,false)}if(!window.opera&&document.readyState){(function(){E[document.readyState]?D():setTimeout(arguments.callee,10)})()}if(document.readyState&&document.createStyleSheet){(function(){try{document.body.doScroll("left");D()}catch(F){setTimeout(arguments.callee,1)}})()}q(window,"load",D);return function(F){if(!arguments.length){D()}else{C?F():B.push(F)}}})(),root:function(){return document.documentElement||document.body}};var n=m.CSS={Size:function(C,B){this.value=parseFloat(C);this.unit=String(C).match(/[a-z%]*$/)[0]||"px";this.convert=function(D){return D/B*this.value};this.convertFrom=function(D){return D/this.value*B};this.toString=function(){return this.value+this.unit}},addClass:function(C,B){var D=C.className;C.className=D+(D&&" ")+B;return C},color:j(function(C){var B={};B.color=C.replace(/^rgba\((.*?),\s*([\d.]+)\)/,function(E,D,F){B.opacity=parseFloat(F);return"rgb("+D+")"});return B}),fontStretch:j(function(B){if(typeof B=="number"){return B}if(/%$/.test(B)){return parseFloat(B)/100}return{"ultra-condensed":0.5,"extra-condensed":0.625,condensed:0.75,"semi-condensed":0.875,"semi-expanded":1.125,expanded:1.25,"extra-expanded":1.5,"ultra-expanded":2}[B]||1}),getStyle:function(C){var B=document.defaultView;if(B&&B.getComputedStyle){return new a(B.getComputedStyle(C,null))}if(C.currentStyle){return new a(C.currentStyle)}return new a(C.style)},gradient:j(function(F){var G={id:F,type:F.match(/^-([a-z]+)-gradient\(/)[1],stops:

Page 51: Project

[]},C=F.substr(F.indexOf("(")).match(/([\d.]+=)?(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)/ig);for(var E=0,B=C.length,D;E<B;++E){D=C[E].split("=",2).reverse();G.stops.push([D[1]||E/(B-1),D[0]])}return G}),quotedList:j(function(E){var D=[],C=/\s*((["'])([\s\S]*?[^\\])\2|[^,]+)\s*/g,B;while(B=C.exec(E)){D.push(B[3]||B[1])}return D}),recognizesMedia:j(function(G){var E=document.createElement("style"),D,C,B;E.type="text/css";E.media=G;try{E.appendChild(document.createTextNode("/**/"))}catch(F){}C=g("head")[0];C.insertBefore(E,C.firstChild);D=(E.sheet||E.styleSheet);B=D&&!D.disabled;C.removeChild(E);return B}),removeClass:function(D,C){var B=RegExp("(?:^|\\s+)"+C+"(?=\\s|$)","g");D.className=D.className.replace(B,"");return D},supports:function(D,C){var B=document.createElement("span").style;if(B[D]===undefined){return false}B[D]=C;return B[D]===C},textAlign:function(E,D,B,C){if(D.get("textAlign")=="right"){if(B>0){E=" "+E}}else{if(B<C-1){E+=" "}}return E},textShadow:j(function(F){if(F=="none"){return null}var E=[],G={},B,C=0;var D=/(#[a-f0-9]+|[a-z]+\(.*?\)|[a-z]+)|(-?[\d.]+[a-z%]*)|,/ig;while(B=D.exec(F)){if(B[0]==","){E.push(G);G={};C=0}else{if(B[1]){G.color=B[1]}else{G[["offX","offY","blur"][C++]]=B[2]}}}E.push(G);return E}),textTransform:(function(){var B={uppercase:function(C){return C.toUpperCase()},lowercase:function(C){return C.toLowerCase()},capitalize:function(C){return C.replace(/\b./g,function(D){return D.toUpperCase()})}};return function(E,D){var C=B[D.get("textTransform")];return C?C(E):E}})(),whiteSpace:(function(){var D={inline:1,"inline-block":1,"run-in":1};var C=/^\s+/,B=/\s+$/;return function(H,F,G,E){if(E){if(E.nodeName.toLowerCase()=="br"){H=H.replace(C,"")}}if(D[F.get("display")]){return H}if(!G.previousSibling){H=H.replace(C,"")}if(!G.nextSibling){H=H.replace(B,"")}return H}})()};n.ready=(function(){var B=!n.recognizesMedia("all"),E=false;var D=[],H=function(){B=true;for(var K;K=D.shift();K()){}};var I=g("link"),J=g("style");function C(K){return K.disabled||G(K.sheet,K.media||"screen")}function G(M,P){if(!n.recognizesMedia(P||"all")){return true}if(!M||M.disabled){return false}try{var Q=M.cssRules,O;if(Q){search:for(var L=0,K=Q.length;O=Q[L],L<K;++L){switch(O.type){case 2:break;case 3:if(!G(O.styleSheet,O.media.mediaText)){return false}break;default:break search}}}}catch(N){}return true}function F(){if(document.createStyleSheet){return true}var L,K;for(K=0;L=I[K];++K){if(L.rel.toLowerCase()=="stylesheet"&&!C(L)){return false}}for(K=0;L=J[K];++K){if(!C(L)){return false}}return true}x.ready(function(){if(!E){E=n.getStyle(document.body).isUsable()}if(B||(E&&F())){H()}else{setTimeout(arguments.callee,10)}});return function(K){if(B){K()}else{D.push(K)}}})();function s(D){var C=this.face=D.face,B={"\u0020":1,"\u00a0":1,"\u3000":1};this.glyphs=D.glyphs;this.w=D.w;this.baseSize=parseInt(C["units-per-em"],10);this.family=C["font-family"].toLowerCase();this.weight=C["font-weight"];this.style=C["font-style"]||"normal";this.viewBox=(function(){var F=C.bbox.split(/\s+/);var E={minX:parseInt(F[0],10),minY:parseInt(F[1],10),maxX:parseInt(F[2],10),maxY:parseInt(F[3],10)};E.width=E.maxX-E.minX;E.height=E.maxY-E.minY;E.toString=function(){return[this.minX,this.minY,this.width,this.height].join(" ")};return E})();this.ascent=-parseInt(C.ascent,10);this.descent=-parseInt(C.descent,10);this.height=-this.ascent+this.descent;this.spacing=function(L,N,E){var O=this.glyphs,M,K,G,P=[],F=0,J=-1,I=-1,H;while(H=L[++J]){M=O[H]||this.missingGlyph;if(!M){continue}if(K){F-=G=K[H]||0;P[I]-=G}F+=P[++I]=~~(M.w||this.w)+N+(B[H]?E:0);K=M.k}P.total=F;return P}}function f(){var C={},B={oblique:"italic",italic:"oblique"};this.add=function(D){(C[D.style]||(C[D.style]={}))

Page 52: Project

[D.weight]=D};this.get=function(H,I){var G=C[H]||C[B[H]]||C.normal||C.italic||C.oblique;if(!G){return null}I={normal:400,bold:700}[I]||parseInt(I,10);if(G[I]){return G[I]}var E={1:1,99:0}[I%100],K=[],F,D;if(E===undefined){E=I>400}if(I==500){I=400}for(var J in G){if(!k(G,J)){continue}J=parseInt(J,10);if(!F||J<F){F=J}if(!D||J>D){D=J}K.push(J)}if(I<F){I=F}if(I>D){I=D}K.sort(function(M,L){return(E?(M>=I&&L>=I)?M<L:M>L:(M<=I&&L<=I)?M>L:M<L)?-1:1});return G[K[0]]}}function r(){function D(F,G){if(F.contains){return F.contains(G)}return F.compareDocumentPosition(G)&16}function B(G){var F=G.relatedTarget;if(!F||D(this,F)){return}C(this,G.type=="mouseover")}function E(F){C(this,F.type=="mouseenter")}function C(F,G){setTimeout(function(){var H=d.get(F).options;m.replace(F,G?h(H,H.hover):H,true)},10)}this.attach=function(F){if(F.onmouseenter===undefined){q(F,"mouseover",B);q(F,"mouseout",B)}else{q(F,"mouseenter",E);q(F,"mouseleave",E)}}}function u(){var C=[],D={};function B(H){var E=[],G;for(var F=0;G=H[F];++F){E[F]=C[D[G]]}return E}this.add=function(F,E){D[F]=C.push(E)-1};this.repeat=function(){var E=arguments.length?B(arguments):C,F;for(var G=0;F=E[G++];){m.replace(F[0],F[1],true)}}}function A(){var D={},B=0;function C(E){return E.cufid||(E.cufid=++B)}this.get=function(E){var F=C(E);return D[F]||(D[F]={})}}function a(B){var D={},C={};this.extend=function(E){for(var F in E){if(k(E,F)){D[F]=E[F]}}return this};this.get=function(E){return D[E]!=undefined?D[E]:B[E]};this.getSize=function(F,E){return C[F]||(C[F]=new n.Size(this.get(F),E))};this.isUsable=function(){return !!B}}function q(C,B,D){if(C.addEventListener){C.addEventListener(B,D,false)}else{if(C.attachEvent){C.attachEvent("on"+B,function(){return D.call(C,window.event)})}}}function v(C,B){var D=d.get(C);if(D.options){return C}if(B.hover&&B.hoverables[C.nodeName.toLowerCase()]){b.attach(C)}D.options=B;return C}function j(B){var C={};return function(D){if(!k(C,D)){C[D]=B.apply(null,arguments)}return C[D]}}function c(F,E){var B=n.quotedList(E.get("fontFamily").toLowerCase()),D;for(var C=0;D=B[C];++C){if(i[D]){return i[D].get(E.get("fontStyle"),E.get("fontWeight"))}}return null}function g(B){return document.getElementsByTagName(B)}function k(C,B){return C.hasOwnProperty(B)}function h(){var C={},B,F;for(var E=0,D=arguments.length;B=arguments[E],E<D;++E){for(F in B){if(k(B,F)){C[F]=B[F]}}}return C}function o(E,M,C,N,F,D){var K=document.createDocumentFragment(),H;if(M===""){return K}var L=N.separate;var I=M.split(p[L]),B=(L=="words");if(B&&t){if(/^\s/.test(M)){I.unshift("")}if(/\s$/.test(M)){I.push("")}}for(var J=0,G=I.length;J<G;++J){H=z[N.engine](E,B?n.textAlign(I[J],C,J,G):I[J],C,N,F,D,J<G-1);if(H){K.appendChild(H)}}return K}function l(D,M){var C=D.nodeName.toLowerCase();if(M.ignore[C]){return}var E=!M.textless[C];var B=n.getStyle(v(D,M)).extend(M);var F=c(D,B),G,K,I,H,L,J;if(!F){return}for(G=D.firstChild;G;G=I){K=G.nodeType;I=G.nextSibling;if(E&&K==3){if(H){H.appendData(G.data);D.removeChild(G)}else{H=G}if(I){continue}}if(H){D.replaceChild(o(F,n.whiteSpace(H.data,B,H,J),B,M,G,D),H);H=null}if(K==1){if(G.firstChild){if(G.nodeName.toLowerCase()=="cufon"){z[M.engine](F,null,B,M,G,D)}else{arguments.callee(G,M)}}J=G}}}var t=" ".split(/\s+/).length==0;var d=new A();var b=new r();var y=new u();var e=false;var z={},i={},w={autoDetect:false,engine:null,forceHitArea:false,hover:false,hoverables:{a:true},ignore:{applet:1,canvas:1,col:1,colgroup:1,head:1,iframe:1,map:1,optgroup:1,option:1,script:1,select:1,style:1,textarea:1,title:1,pre:1},printable:true,selector:(window.Sizzle||(window.jQuery&&function(B){return jQuery(B)})||(window.dojo&&dojo.query)||(window.Ext&&Ext.query)||

Page 53: Project

(window.YAHOO&&YAHOO.util&&YAHOO.util.Selector&&YAHOO.util.Selector.query)||(window.$$&&function(B){return $$(B)})||(window.$&&function(B){return $(B)})||(document.querySelectorAll&&function(B){return document.querySelectorAll(B)})||g),separate:"words",textless:{dl:1,html:1,ol:1,table:1,tbody:1,thead:1,tfoot:1,tr:1,ul:1},textShadow:"none"};var p={words:/\s/.test("\u00a0")?/[^\S\u00a0]+/:/\s+/,characters:"",none:/^/};m.now=function(){x.ready();return m};m.refresh=function(){y.repeat.apply(y,arguments);return m};m.registerEngine=function(C,B){if(!B){return m}z[C]=B;return m.set("engine",C)};m.registerFont=function(D){if(!D){return m}var B=new s(D),C=B.family;if(!i[C]){i[C]=new f()}i[C].add(B);return m.set("fontFamily",'"'+C+'"')};m.replace=function(D,C,B){C=h(w,C);if(!C.engine){return m}if(!e){n.addClass(x.root(),"cufon-active cufon-loading");n.ready(function(){n.addClass(n.removeClass(x.root(),"cufon-loading"),"cufon-ready")});e=true}if(C.hover){C.forceHitArea=true}if(C.autoDetect){delete C.fontFamily}if(typeof C.textShadow=="string"){C.textShadow=n.textShadow(C.textShadow)}if(typeof C.color=="string"&&/^-/.test(C.color)){C.textGradient=n.gradient(C.color)}else{delete C.textGradient}if(!B){y.add(D,arguments)}if(D.nodeType||typeof D=="string"){D=[D]}n.ready(function(){for(var F=0,E=D.length;F<E;++F){var G=D[F];if(typeof G=="string"){m.replace(C.selector(G),C,true)}else{l(G,C)}}});return m};m.set=function(B,C){w[B]=C;return m};return m})();Cufon.registerEngine("vml",(function(){var e=document.namespaces;if(!e){return}e.add("cvml","urn:schemas-microsoft-com:vml");e=null;var b=document.createElement("cvml:shape");b.style.behavior="url(#default#VML)";if(!b.coordsize){return}b=null;var h=(document.documentMode||0)<8;document.write(('<style type="text/css">cufoncanvas{text-indent:0;}@media screen{cvml\\:shape,cvml\\:rect,cvml\\:fill,cvml\\:shadow{behavior:url(#default#VML);display:block;antialias:true;position:absolute;}cufoncanvas{position:absolute;text-align:left;}cufon{display:inline-block;position:relative;vertical-align:'+(h?"middle":"text-bottom")+";}cufon cufontext{position:absolute;left:-10000in;font-size:1px;}a cufon{cursor:pointer}}@media print{cufon cufoncanvas{display:none;}}</style>").replace(/;/g,"!important;"));function c(i,j){return a(i,/(?:em|ex|%)$|^[a-z-]+$/i.test(j)?"1em":j)}function a(l,m){if(m==="0"){return 0}if(/px$/i.test(m)){return parseFloat(m)}var k=l.style.left,j=l.runtimeStyle.left;l.runtimeStyle.left=l.currentStyle.left;l.style.left=m.replace("%","em");var i=l.style.pixelLeft;l.style.left=k;l.runtimeStyle.left=j;return i}function f(l,k,j,n){var i="computed"+n,m=k[i];if(isNaN(m)){m=k.get(n);k[i]=m=(m=="normal")?0:~~j.convertFrom(a(l,m))}return m}var g={};function d(p){var q=p.id;if(!g[q]){var n=p.stops,o=document.createElement("cvml:fill"),i=[];o.type="gradient";o.angle=180;o.focus="0";o.method="sigma";o.color=n[0][1];for(var m=1,l=n.length-1;m<l;++m){i.push(n[m][0]*100+"% "+n[m][1])}o.colors=i.join(",");o.color2=n[l][1];g[q]=o}return g[q]}return function(ac,G,Y,C,K,ad,W){var n=(G===null);if(n){G=K.alt}var I=ac.viewBox;var p=Y.computedFontSize||(Y.computedFontSize=new Cufon.CSS.Size(c(ad,Y.get("fontSize"))+"px",ac.baseSize));var y,q;if(n){y=K;q=K.firstChild}else{y=document.createElement("cufon");y.className="cufon cufon-vml";y.alt=G;q=document.createElement("cufoncanvas");y.appendChild(q);if(C.printable){var Z=document.createElement("cufontext");Z.appendChild(document.createTextNode(G));y.appendChild(Z

Page 54: Project

)}if(!W){y.appendChild(document.createElement("cvml:shape"))}}var ai=y.style;var R=q.style;var l=p.convert(I.height),af=Math.ceil(l);var V=af/l;var P=V*Cufon.CSS.fontStretch(Y.get("fontStretch"));var U=I.minX,T=I.minY;R.height=af;R.top=Math.round(p.convert(T-ac.ascent));R.left=Math.round(p.convert(U));ai.height=p.convert(ac.height)+"px";var F=Y.get("color");var ag=Cufon.CSS.textTransform(G,Y).split("");var L=ac.spacing(ag,f(ad,Y,p,"letterSpacing"),f(ad,Y,p,"wordSpacing"));if(!L.length){return null}var k=L.total;var x=-U+k+(I.width-L[L.length-1]);var ah=p.convert(x*P),X=Math.round(ah);var O=x+","+I.height,m;var J="r"+O+"ns";var u=C.textGradient&&d(C.textGradient);var o=ac.glyphs,S=0;var H=C.textShadow;var ab=-1,aa=0,w;while(w=ag[++ab]){var D=o[ag[ab]]||ac.missingGlyph,v;if(!D){continue}if(n){v=q.childNodes[aa];while(v.firstChild){v.removeChild(v.firstChild)}}else{v=document.createElement("cvml:shape");q.appendChild(v)}v.stroked="f";v.coordsize=O;v.coordorigin=m=(U-S)+","+T;v.path=(D.d?"m"+D.d+"xe":"")+"m"+m+J;v.fillcolor=F;if(u){v.appendChild(u.cloneNode(false))}var ae=v.style;ae.width=X;ae.height=af;if(H){var s=H[0],r=H[1];var B=Cufon.CSS.color(s.color),z;var N=document.createElement("cvml:shadow");N.on="t";N.color=B.color;N.offset=s.offX+","+s.offY;if(r){z=Cufon.CSS.color(r.color);N.type="double";N.color2=z.color;N.offset2=r.offX+","+r.offY}N.opacity=B.opacity||(z&&z.opacity)||1;v.appendChild(N)}S+=L[aa++]}var M=v.nextSibling,t,A;if(C.forceHitArea){if(!M){M=document.createElement("cvml:rect");M.stroked="f";M.className="cufon-vml-cover";t=document.createElement("cvml:fill");t.opacity=0;M.appendChild(t);q.appendChild(M)}A=M.style;A.width=X;A.height=af}else{if(M){q.removeChild(M)}}ai.width=Math.max(Math.ceil(p.convert(k*P)),0);if(h){var Q=Y.computedYAdjust;if(Q===undefined){var E=Y.get("lineHeight");if(E=="normal"){E="1em"}else{if(!isNaN(E)){E+="em"}}Y.computedYAdjust=Q=0.5*(a(ad,E)-parseFloat(ai.height))}if(Q){ai.marginTop=Math.ceil(Q)+"px";ai.marginBottom=Q+"px"}}return y}})());Cufon.registerEngine("canvas",(function(){var b=document.createElement("canvas");if(!b||!b.getContext||!b.getContext.apply){return}b=null;var a=Cufon.CSS.supports("display","inline-block");var e=!a&&(document.compatMode=="BackCompat"||/frameset|transitional/i.test(document.doctype.publicId));var f=document.createElement("style");f.type="text/css";f.appendChild(document.createTextNode(("cufon{text-indent:0;}@media screen,projection{cufon{display:inline;display:inline-block;position:relative;vertical-align:middle;"+(e?"":"font-size:1px;line-height:1px;")+"}cufon cufontext{display:-moz-inline-box;display:inline-block;width:0;height:0;overflow:hidden;text-indent:-10000in;}"+(a?"cufon canvas{position:relative;}":"cufon canvas{position:absolute;}")+"}@media print{cufon{padding:0;}cufon canvas{display:none;}}").replace(/;/g,"!important;")));document.getElementsByTagName("head")[0].appendChild(f);function d(p,h){var n=0,m=0;var g=[],o=/([mrvxe])([^a-z]*)/g,k;generate:for(var j=0;k=o.exec(p);++j){var l=k[2].split(",");switch(k[1]){case"v":g[j]={m:"bezierCurveTo",a:[n+~~l[0],m+~~l[1],n+~~l[2],m+~~l[3],n+=~~l[4],m+=~~l[5]]};break;case"r":g[j]={m:"lineTo",a:[n+=~~l[0],m+=~~l[1]]};break;case"m":g[j]={m:"moveTo",a:[n=~~l[0],m=~~l[1]]};break;case"x":g[j]={m:"closePath"};break;case"e":break generate}h[g[j].m].apply(h,g[j].a)}return g}function c(m,k){for(var j=0,h=m.length;j<h;++j){var g=m[j];k[g.m].apply(k,g.a)}}return function(V,w,P,t,C,W){var k=(w===null);if(k)

Page 55: Project

{w=C.getAttribute("alt")}var A=V.viewBox;var m=P.getSize("fontSize",V.baseSize);var B=0,O=0,N=0,u=0;var z=t.textShadow,L=[];if(z){for(var U=z.length;U--;){var F=z[U];var K=m.convertFrom(parseFloat(F.offX));var I=m.convertFrom(parseFloat(F.offY));L[U]=[K,I];if(I<B){B=I}if(K>O){O=K}if(I>N){N=I}if(K<u){u=K}}}var Z=Cufon.CSS.textTransform(w,P).split("");var E=V.spacing(Z,~~m.convertFrom(parseFloat(P.get("letterSpacing"))||0),~~m.convertFrom(parseFloat(P.get("wordSpacing"))||0));if(!E.length){return null}var h=E.total;O+=A.width-E[E.length-1];u+=A.minX;var s,n;if(k){s=C;n=C.firstChild}else{s=document.createElement("cufon");s.className="cufon cufon-canvas";s.setAttribute("alt",w);n=document.createElement("canvas");s.appendChild(n);if(t.printable){var S=document.createElement("cufontext");S.appendChild(document.createTextNode(w));s.appendChild(S)}}var aa=s.style;var H=n.style;var j=m.convert(A.height);var Y=Math.ceil(j);var M=Y/j;var G=M*Cufon.CSS.fontStretch(P.get("fontStretch"));var J=h*G;var Q=Math.ceil(m.convert(J+O-u));var o=Math.ceil(m.convert(A.height-B+N));n.width=Q;n.height=o;H.width=Q+"px";H.height=o+"px";B+=A.minY;H.top=Math.round(m.convert(B-V.ascent))+"px";H.left=Math.round(m.convert(u))+"px";var r=Math.max(Math.ceil(m.convert(J)),0)+"px";if(a){aa.width=r;aa.height=m.convert(V.height)+"px"}else{aa.paddingLeft=r;aa.paddingBottom=(m.convert(V.height)-1)+"px"}var X=n.getContext("2d"),D=j/A.height;X.scale(D,D*M);X.translate(-u,-B);X.save();function T(){var x=V.glyphs,ab,l=-1,g=-1,y;X.scale(G,1);while(y=Z[++l]){var ab=x[Z[l]]||V.missingGlyph;if(!ab){continue}if(ab.d){X.beginPath();if(ab.code){c(ab.code,X)}else{ab.code=d("m"+ab.d,X)}X.fill()}X.translate(E[++g],0)}X.restore()}if(z){for(var U=z.length;U--;){var F=z[U];X.save();X.fillStyle=F.color;X.translate.apply(X,L[U]);T()}}var q=t.textGradient;if(q){var v=q.stops,p=X.createLinearGradient(0,A.minY,0,A.maxY);for(var U=0,R=v.length;U<R;++U){p.addColorStop.apply(p,v[U])}X.fillStyle=p}else{X.fillStyle=P.get("color")}T();return s}})());

hover-image.js

$(function(){

// lightbox image

$(".lightbox-image").append("<span></span>");

$(".lightbox-image").hover(function(){

$(this).find("img").stop().animate({opacity:0.5}, "normal")

}, function(){

Page 56: Project

$(this).find("img").stop().animate({opacity:1}, "normal")

});

});

Jquery-image.js

function changeImage()

{

var img = document.getElementById("img");

img.src = images[x];

img.style="border:10px solid;border-color:white";

x++;

if(x >= images.length){

x = 0;

}

fadeImg(img, 100, true);

setTimeout("changeImage()", 5000);

}

function fadeImg(el, val, fade){

if(fade === true){

val--;

}else{

Page 57: Project

val ++;

}

if(val > 0 && val < 100){

/*el.style.opacity = val / 100;*/

setTimeout(function(){fadeImg(el, val, fade);}, 10);

}

}

var images = new Array(),

x = 0;

images[0] = "property images/img1.jpg";

images[1] = "property images/img2.jpg";

images[2] = "property images/img3.jpg";

setTimeout("changeImage()", 5000);

Page 58: Project

Prettyphoto.js

(function($){$.prettyPhoto={version:'3.0'};$.fn.prettyPhoto=function(pp_settings){pp_settings=jQuery.extend({animation_speed:'fast',slideshow:false,autoplay_slideshow:false,opacity:0.5,show_title:true,allow_resize:false,default_width:500,default_height:344,counter_separator_label:'/',theme:'facebook',hideflash:false,wmode:'opaque',autoplay:true,modal:false,overlay_gallery:false,keyboard_shortcuts:true,changepicturecallback:function(){},callback:function(){},markup:'<div class="pp_pic_holder"> \

<div class="ppt">&nbsp;</div> \

<div class="pp_top"> \

<div class="pp_left"></div> \

<div class="pp_middle"></div> \

<div class="pp_right"></div> \

</div> \

<div class="pp_content_container"> \

<div class="pp_left"> \

<div class="pp_right"> \

<div class="pp_content"> \

<div class="pp_loaderIcon"></div> \

<div class="pp_fade"> \

<a href="#" class="pp_expand" title="Expand the image">Expand</a> \

Page 59: Project

<div class="pp_hoverContainer"> \

<a class="pp_next" href="#">next</a> \

<a class="pp_previous" href="#">previous</a> \

</div> \

<div id="pp_full_res"></div> \

<div class="pp_details clearfix"> \

<p class="pp_description"></p> \

<a class="pp_close" href="#">Close</a> \

<div class="pp_nav"> \

<a href="#" class="pp_arrow_previous">Previous</a> \

<p class="currentTextHolder">0/0</p> \

<a href="#" class="pp_arrow_next">Next</a> \

</div> \

</div> \

</div> \

</div> \

</div> \

</div> \

</div> \

<div class="pp_bottom"> \

<div class="pp_left"></div> \

<div class="pp_middle"></div> \

<div class="pp_right"></div> \

</div> \

</div> \

Page 60: Project

<div class="pp_overlay"></div>',gallery_markup:'<div class="pp_gallery"> \

<a href="#" class="pp_arrow_previous">Previous</a> \

<ul> \

{gallery} \

</ul> \

<a href="#" class="pp_arrow_next">Next</a> \

</div>',image_markup:'<img id="fullResImage" src="" />',flash_markup:'<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" width="{width}" height="{height}"><param name="wmode" value="{wmode}" /><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="{path}" /><embed src="{path}" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="{width}" height="{height}" wmode="{wmode}"></embed></object>',quicktime_markup:'<object classid="clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B" codebase="http://www.apple.com/qtactivex/qtplugin.cab" height="{height}" width="{width}"><param name="src" value="{path}"><param name="autoplay" value="{autoplay}"><param name="type" value="video/quicktime"><embed src="{path}" height="{height}" width="{width}" autoplay="{autoplay}" type="video/quicktime" pluginspage="http://www.apple.com/quicktime/download/"></embed></object>',iframe_markup:'<iframe src ="{path}" width="{width}" height="{height}" frameborder="no"></iframe>',inline_markup:'<div class="pp_inline clearfix">{content}</div>',custom_markup:''},pp_settings);var matchedObjects=this,percentBased=false,correctSizes,pp_open,pp_contentHeight,pp_contentWidth,pp_containerHeight,pp_containerWidth,windowHeight=$(window).height(),windowWidth=$(window).width(),pp_slideshow;doresize=true,scroll_pos=_get_scroll();$(window).unbind('resize').resize(function(){_center_overlay();_resize_overlay();});if(pp_settings.keyboard_shortcuts){$(document).unbind('keydown').keydown(function(e){if(typeof $pp_pic_holder!='undefined'){if($pp_pic_holder.is(':visible')){switch(e.keyCode){case 37:$.prettyPhoto.changePage('previous');break;case 39:$.prettyPhoto.changePage('next');break;case 27:if(!settings.modal)

$.prettyPhoto.close();break;};return false;};};});}

$.prettyPhoto.initialize=function(){settings=pp_settings;if($.browser.msie&&parseInt($.browser.version)==6)settings.theme="light_square";_buildOverlay(this);if(settings.allow_resize)

$(window).scroll(function(){_center_overlay();});_center_overlay();set_position=jQuery.inArray($(this).attr('href'),pp_images);$.prettyPhoto.open();return false;}

Page 61: Project

$.prettyPhoto.open=function(event){if(typeof settings=="undefined"){settings=pp_settings;if($.browser.msie&&$.browser.version==6)settings.theme="light_square";_buildOverlay(event.target);pp_images=$.makeArray(arguments[0]);pp_titles=(arguments[1])?$.makeArray(arguments[1]):$.makeArray("");pp_descriptions=(arguments[2])?$.makeArray(arguments[2]):$.makeArray("");isSet=(pp_images.length>1)?true:false;set_position=0;}

if($.browser.msie&&$.browser.version==6)$('select').css('visibility','hidden');if(settings.hideflash)$('object,embed').css('visibility','hidden');_checkPosition($(pp_images).size());$('.pp_loaderIcon').show();if($ppt.is(':hidden'))$ppt.css('opacity',0).show();$pp_overlay.show().fadeTo(settings.animation_speed,settings.opacity);$pp_pic_holder.find('.currentTextHolder').text((set_position+1)+settings.counter_separator_label+$(pp_images).size());$pp_pic_holder.find('.pp_description').show().html(unescape(pp_descriptions[set_position]));(settings.show_title&&pp_titles[set_position]!=""&&typeof pp_titles[set_position]!="undefined")?$ppt.html(unescape(pp_titles[set_position])):$ppt.html('&nbsp;');movie_width=(parseFloat(grab_param('width',pp_images[set_position])))?grab_param('width',pp_images[set_position]):settings.default_width.toString();movie_height=(parseFloat(grab_param('height',pp_images[set_position])))?grab_param('height',pp_images[set_position]):settings.default_height.toString();if(movie_width.indexOf('%')!=-1||movie_height.indexOf('%')!=-1){movie_height=parseFloat(($(window).height()*parseFloat(movie_height)/100)-150);movie_width=parseFloat(($(window).width()*parseFloat(movie_width)/100)-150);percentBased=true;}else{percentBased=false;}

$pp_pic_holder.fadeIn(function(){imgPreloader="";switch(_getFileType(pp_images[set_position])){case'image':imgPreloader=new Image();nextImage=new Image();if(isSet&&set_position>$(pp_images).size())nextImage.src=pp_images[set_position+1];prevImage=new Image();if(isSet&&pp_images[set_position-1])prevImage.src=pp_images[set_position-1];$pp_pic_holder.find('#pp_full_res')[0].innerHTML=settings.image_markup;$pp_pic_holder.find('#fullResImage').attr('src',pp_images[set_position]);imgPreloader.onload=function(){correctSizes=_fitToViewport(imgPreloader.width,imgPreloader.height);_showContent();};imgPreloader.onerror=function(){alert('Image cannot be loaded. Make sure the path is correct and image exist.');$.prettyPhoto.close();};imgPreloader.src=pp_images[set_position];break;case'youtube':correctSizes=_fitToViewport(movie_width,movie_height);movie='http://www.youtube.com/v/'+grab_param('v',pp_images[set_position]);if(settings.autoplay)movie+="&autoplay=1";toInject=settings.flash_markup.replace(/{width}/g,correctSizes['width']).replace(/{height}/g,correctSizes['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,movie);break;case'vimeo':correctSizes=_fitToViewport(movie_width,movie_height);movie_id=pp_images[set_position];var regExp=/http:\/\/(www\.)?vimeo.com\/(\d+)/;var match=movie_id.match(regExp);movie='http://player.vimeo.com/video/'+match[2]+'?title=0&amp;byline=0&amp;portrait=0';if(settings.autoplay)movie+="&autoplay=1;";vimeo_width=correctSizes['width']+'/embed/?moog_width='+correctSizes['width'];toInject=settings.iframe_markup.replace(/{width}/

Page 62: Project

g,vimeo_width).replace(/{height}/g,correctSizes['height']).replace(/{path}/g,movie);break;case'quicktime':correctSizes=_fitToViewport(movie_width,movie_height);correctSizes['height']+=15;correctSizes['contentHeight']+=15;correctSizes['containerHeight']+=15;toInject=settings.quicktime_markup.replace(/{width}/g,correctSizes['width']).replace(/{height}/g,correctSizes['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,pp_images[set_position]).replace(/{autoplay}/g,settings.autoplay);break;case'flash':correctSizes=_fitToViewport(movie_width,movie_height);flash_vars=pp_images[set_position];flash_vars=flash_vars.substring(pp_images[set_position].indexOf('flashvars')+10,pp_images[set_position].length);filename=pp_images[set_position];filename=filename.substring(0,filename.indexOf('?'));toInject=settings.flash_markup.replace(/{width}/g,correctSizes['width']).replace(/{height}/g,correctSizes['height']).replace(/{wmode}/g,settings.wmode).replace(/{path}/g,filename+'?'+flash_vars);break;case'iframe':correctSizes=_fitToViewport(movie_width,movie_height);frame_url=pp_images[set_position];frame_url=frame_url.substr(0,frame_url.indexOf('iframe')-1);toInject=settings.iframe_markup.replace(/{width}/g,correctSizes['width']).replace(/{height}/g,correctSizes['height']).replace(/{path}/g,frame_url);break;case'custom':correctSizes=_fitToViewport(movie_width,movie_height);toInject=settings.custom_markup;break;case'inline':myClone=$(pp_images[set_position]).clone().css({'width':settings.default_width}).wrapInner('<div id="pp_full_res"><div class="pp_inline clearfix"></div></div>').appendTo($('body'));correctSizes=_fitToViewport($(myClone).width(),$(myClone).height());$(myClone).remove();toInject=settings.inline_markup.replace(/{content}/g,$(pp_images[set_position]).html());break;};if(!imgPreloader){$pp_pic_holder.find('#pp_full_res')[0].innerHTML=toInject;_showContent();};});return false;};$.prettyPhoto.changePage=function(direction){currentGalleryPage=0;if(direction=='previous'){set_position--;if(set_position<0){set_position=0;return;};}else if(direction=='next'){set_position++;if(set_position>$(pp_images).size()-1){set_position=0;}}else{set_position=direction;};if(!doresize)doresize=true;$('.pp_contract').removeClass('pp_contract').addClass('pp_expand');_hideContent(function(){$.prettyPhoto.open();});};$.prettyPhoto.changeGalleryPage=function(direction){if(direction=='next'){currentGalleryPage++;if(currentGalleryPage>totalPage){currentGalleryPage=0;};}else if(direction=='previous'){currentGalleryPage--;if(currentGalleryPage<0){currentGalleryPage=totalPage;};}else{currentGalleryPage=direction;};itemsToSlide=(currentGalleryPage==totalPage)?pp_images.length-((totalPage)*itemsPerPage):itemsPerPage;$pp_pic_holder.find('.pp_gallery li').each(function(i){$(this).animate({'left':(i*itemWidth)-((itemsToSlide*itemWidth)*currentGalleryPage)});});};$.prettyPhoto.startSlideshow=function(){if(typeof pp_slideshow=='undefined'){$pp_pic_holder.find('.pp_play').unbind('click').removeClass('pp_play').addClass('pp_pause').click(function(){$.prettyPhoto.stopSlideshow();return false;});pp_slideshow=setInterval($.prettyPhoto.startSlideshow,settings.slideshow);}else{$.prettyPhoto.changePage('next');};}

$.prettyPhoto.stopSlideshow=function(){$pp_pic_holder.find('.pp_pause').unbind('click').removeClass('pp_pause').addClass('pp_play').click(func

Page 63: Project

tion(){$.prettyPhoto.startSlideshow();return false;});clearInterval(pp_slideshow);pp_slideshow=undefined;}

$.prettyPhoto.close=function(){clearInterval(pp_slideshow);$pp_pic_holder.stop().find('object,embed').css('visibility','hidden');$('div.pp_pic_holder,div.ppt,.pp_fade').fadeOut(settings.animation_speed,function(){$(this).remove();});$pp_overlay.fadeOut(settings.animation_speed,function(){if($.browser.msie&&$.browser.version==6)$('select').css('visibility','visible');if(settings.hideflash)$('object,embed').css('visibility','visible');$(this).remove();$(window).unbind('scroll');settings.callback();doresize=true;pp_open=false;delete settings;});};_showContent=function(){$('.pp_loaderIcon').hide();$ppt.fadeTo(settings.animation_speed,1);projectedTop=scroll_pos['scrollTop']+((windowHeight/2)-(correctSizes['containerHeight']/2));if(projectedTop<0)projectedTop=0;$pp_pic_holder.find('.pp_content').animate({'height':correctSizes['contentHeight']},settings.animation_speed);$pp_pic_holder.animate({'top':projectedTop,'left':(windowWidth/2)-(correctSizes['containerWidth']/2),'width':correctSizes['containerWidth']},settings.animation_speed,function(){$pp_pic_holder.find('.pp_hoverContainer,#fullResImage').height(correctSizes['height']).width(correctSizes['width']);$pp_pic_holder.find('.pp_fade').fadeIn(settings.animation_speed);if(isSet&&_getFileType(pp_images[set_position])=="image"){$pp_pic_holder.find('.pp_hoverContainer').show();}else{$pp_pic_holder.find('.pp_hoverContainer').hide();}

if(correctSizes['resized'])$('a.pp_expand,a.pp_contract').fadeIn(settings.animation_speed);if(settings.autoplay_slideshow&&!pp_slideshow&&!pp_open)$.prettyPhoto.startSlideshow();settings.changepicturecallback();pp_open=true;});_insert_gallery();};function _hideContent(callback){$pp_pic_holder.find('#pp_full_res object,#pp_full_res embed').css('visibility','hidden');$pp_pic_holder.find('.pp_fade').fadeOut(settings.animation_speed,function(){$('.pp_loaderIcon').show();callback();});};function _checkPosition(setCount){if(set_position==setCount-1){$pp_pic_holder.find('a.pp_next').css('visibility','hidden');$pp_pic_holder.find('a.pp_next').addClass('disabled').unbind('click');}else{$pp_pic_holder.find('a.pp_next').css('visibility','visible');$pp_pic_holder.find('a.pp_next.disabled').removeClass('disabled').bind('click',function(){$.prettyPhoto.changePage('next');return false;});};if(set_position==0){$pp_pic_holder.find('a.pp_previous').css('visibility','hidden').addClass('disabled').unbind('click');}else{$pp_pic_holder.find('a.pp_previous.disabled').css('visibility','visible').removeClass('disabled').bind('click',function(){$.prettyPhoto.changePage('previous');return false;});};(setCount>1)?$('.pp_nav').show():$('.pp_nav').hide();};function _fitToViewport(width,height){resized=false;_getDimensions(width,height);imageWidth=width,imageHeight=height;if(((pp_containerWidth>windowWidth)||(pp_containerHeight>windowHeight))&&doresize&&settings.allow_resize&&!

Page 64: Project

percentBased){resized=true,fitting=false;while(!fitting){if((pp_containerWidth>windowWidth)){imageWidth=(windowWidth-200);imageHeight=(height/width)*imageWidth;}else if((pp_containerHeight>windowHeight)){imageHeight=(windowHeight-200);imageWidth=(width/height)*imageHeight;}else{fitting=true;};pp_containerHeight=imageHeight,pp_containerWidth=imageWidth;};_getDimensions(imageWidth,imageHeight);};return{width:Math.floor(imageWidth),height:Math.floor(imageHeight),containerHeight:Math.floor(pp_containerHeight),containerWidth:Math.floor(pp_containerWidth)+40,contentHeight:Math.floor(pp_contentHeight),contentWidth:Math.floor(pp_contentWidth),resized:resized};};function _getDimensions(width,height){width=parseFloat(width);height=parseFloat(height);$pp_details=$pp_pic_holder.find('.pp_details');$pp_details.width(width);detailsHeight=parseFloat($pp_details.css('marginTop'))+parseFloat($pp_details.css('marginBottom'));$pp_details=$pp_details.clone().appendTo($('body')).css({'position':'absolute','top':-10000});detailsHeight+=$pp_details.height();detailsHeight=(detailsHeight<=40)?0:detailsHeight;if($.browser.msie&&$.browser.version==7)detailsHeight+=8;$pp_details.remove();pp_contentHeight=height+detailsHeight;pp_contentWidth=width;pp_containerHeight=pp_contentHeight+$ppt.height()+$pp_pic_holder.find('.pp_top').height()+$pp_pic_holder.find('.pp_bottom').height();pp_containerWidth=width;}

function _getFileType(itemSrc){if(itemSrc.match(/youtube\.com\/watch/i)){return'youtube';}else if(itemSrc.match(/vimeo\.com/i)){return'vimeo';}else if(itemSrc.indexOf('.mov')!=-1){return'quicktime';}else if(itemSrc.indexOf('.swf')!=-1){return'flash';}else if(itemSrc.indexOf('iframe')!=-1){return'iframe';}else if(itemSrc.indexOf('custom')!=-1){return'custom';}else if(itemSrc.substr(0,1)=='#'){return'inline';}else{return'image';};};function _center_overlay(){if(doresize&&typeof $pp_pic_holder!='undefined'){scroll_pos=_get_scroll();titleHeight=$ppt.height(),contentHeight=$pp_pic_holder.height(),contentwidth=$pp_pic_holder.width();projectedTop=(windowHeight/2)+scroll_pos['scrollTop']-(contentHeight/2);$pp_pic_holder.css({'top':projectedTop,'left':(windowWidth/2)+scroll_pos['scrollLeft']-(contentwidth/2)});};};function _get_scroll(){if(self.pageYOffset){return{scrollTop:self.pageYOffset,scrollLeft:self.pageXOffset};}else if(document.documentElement&&document.documentElement.scrollTop){return{scrollTop:document.documentElement.scrollTop,scrollLeft:document.documentElement.scrollLeft};}else if(document.body){return{scrollTop:document.body.scrollTop,scrollLeft:document.body.scrollLeft};};};function _resize_overlay(){windowHeight=$(window).height(),windowWidth=$(window).width();if(typeof $pp_overlay!="undefined")$pp_overlay.height($(document).height());};function _insert_gallery(){if(isSet&&settings.overlay_gallery&&_getFileType(pp_images[set_position])=="image"){itemWidth=52+5;navWidth=(settings.theme=="facebook")?58:38;itemsPerPage=Math.floor((correctSizes['containerWidth']-100-navWidth)/itemWidth);itemsPerPage=(itemsPerPage<pp_images.length)?itemsPerPage:pp_images.length;totalPage=Math.ceil(pp_images.length/itemsPerPage)-1;if(totalPage==0)

Page 65: Project

{navWidth=0;$pp_pic_holder.find('.pp_gallery .pp_arrow_next,.pp_gallery .pp_arrow_previous').hide();}else{$pp_pic_holder.find('.pp_gallery .pp_arrow_next,.pp_gallery .pp_arrow_previous').show();};galleryWidth=itemsPerPage*itemWidth+navWidth;$pp_pic_holder.find('.pp_gallery').width(galleryWidth).css('margin-left',-(galleryWidth/2));$pp_pic_holder.find('.pp_gallery ul').width(itemsPerPage*itemWidth).find('li.selected').removeClass('selected');goToPage=(Math.floor(set_position/itemsPerPage)<=totalPage)?Math.floor(set_position/itemsPerPage):totalPage;if(itemsPerPage){$pp_pic_holder.find('.pp_gallery').hide().show().removeClass('disabled');}else{$pp_pic_holder.find('.pp_gallery').hide().addClass('disabled');}

$.prettyPhoto.changeGalleryPage(goToPage);$pp_pic_holder.find('.pp_gallery ul li:eq('+set_position+')').addClass('selected');}else{$pp_pic_holder.find('.pp_content').unbind('mouseenter mouseleave');$pp_pic_holder.find('.pp_gallery').hide();}}

function _buildOverlay(caller){theRel=$(caller).attr('rel');galleryRegExp=/\[(?:.*)\]/;isSet=(galleryRegExp.exec(theRel))?true:false;pp_images=(isSet)?jQuery.map(matchedObjects,function(n,i){if($(n).attr('rel').indexOf(theRel)!=-1)return $(n).attr('href');}):$.makeArray($(caller).attr('href'));pp_titles=(isSet)?jQuery.map(matchedObjects,function(n,i){if($(n).attr('rel').indexOf(theRel)!=-1)return($(n).find('img').attr('alt'))?$(n).find('img').attr('alt'):"";}):$.makeArray($(caller).find('img').attr('alt'));pp_descriptions=(isSet)?jQuery.map(matchedObjects,function(n,i){if($(n).attr('rel').indexOf(theRel)!=-1)return($(n).attr('title'))?$(n).attr('title'):"";}):$.makeArray($(caller).attr('title'));$('body').append(settings.markup);$pp_pic_holder=$('.pp_pic_holder'),$ppt=$('.ppt'),$pp_overlay=$('div.pp_overlay');if(isSet&&settings.overlay_gallery){currentGalleryPage=0;toInject="";for(var i=0;i<pp_images.length;i++){var regex=new RegExp("(.*?)\.(jpg|jpeg|png|gif)$");var results=regex.exec(pp_images[i]);if(!results){classname='default';}else{classname='';}

toInject+="<li class='"+classname+"'><a href='#'><img src='"+pp_images[i]+"' width='50' alt='' /></a></li>";};toInject=settings.gallery_markup.replace(/{gallery}/g,toInject);$pp_pic_holder.find('#pp_full_res').after(toInject);$pp_pic_holder.find('.pp_gallery .pp_arrow_next').click(function(){$.prettyPhoto.changeGalleryPage('next');$.prettyPhoto.stopSlideshow();return false;});$pp_pic_holder.find('.pp_gallery .pp_arrow_previous').click(function(){$.prettyPhoto.changeGalleryPage('previous');$.prettyPhoto.stopSlideshow();return false;});$pp_pic_holder.find('.pp_content').hover(function(){$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeIn();},function(){$pp_pic_holder.find('.pp_gallery:not(.disabled)').fadeOut();});itemWidth=52+5;$pp_pic_holder.find('.pp_gallery ul li').each(function(i){$(this).css({'position':'absolute','left':i*itemWidth});$(this).find('a').unbind('click').click(function(){$.prettyPhoto.changePage(i);$.prettyPhoto.stopSlideshow();return false;});});};if(settings.slideshow){$pp_pic_holder.find('.pp_nav').prepend('<a href="#" class="pp_play">Play</a>')

Page 66: Project

$pp_pic_holder.find('.pp_nav .pp_play').click(function(){$.prettyPhoto.startSlideshow();return false;});}

$pp_pic_holder.attr('class','pp_pic_holder '+settings.theme);$pp_overlay.css({'opacity':0,'height':$(document).height(),'width':'100%'}).bind('click',function(){if(!settings.modal)$.prettyPhoto.close();});$('a.pp_close').bind('click',function(){$.prettyPhoto.close();return false;});$('a.pp_expand').bind('click',function(e){if($(this).hasClass('pp_expand')){$(this).removeClass('pp_expand').addClass('pp_contract');doresize=false;}else{$(this).removeClass('pp_contract').addClass('pp_expand');doresize=true;};_hideContent(function(){$.prettyPhoto.open();});return false;});$pp_pic_holder.find('.pp_previous, .pp_nav .pp_arrow_previous').bind('click',function(){$.prettyPhoto.changePage('previous');$.prettyPhoto.stopSlideshow();return false;});$pp_pic_holder.find('.pp_next, .pp_nav .pp_arrow_next').bind('click',function(){$.prettyPhoto.changePage('next');$.prettyPhoto.stopSlideshow();return false;});_center_overlay();};return this.unbind('click').click($.prettyPhoto.initialize);};function grab_param(name,url){name=name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");var regexS="[\\?&]"+name+"=([^&#]*)";var regex=new RegExp(regexS);var results=regex.exec(url);return(results==null)?"":results[1];}})(jQuery);

Script.js

$(document).ready(function() {

// initiate tool tip

$('.normaltip').aToolTip();

});

Roundabout.js

// creates a default shape to be used for pathing

jQuery.extend({

Page 67: Project

roundabout_shape: {

def: 'lazySusan',

lazySusan: function(r, a, t) {

return {

x: Math.sin(r + a),

y: (Math.sin(r + 3*Math.PI/2 + a) / 8) * t,

z: (Math.cos(r + a) + 1) / 2,

scale: (Math.sin(r + Math.PI/2 + a) / 2) + 0.5

};

}

}

});

jQuery.fn.roundabout = function() {

var options = (typeof arguments[0] != 'object') ? {} : arguments[0];

// set options and fill in defaults

options = {

bearing: (typeof options.bearing == 'undefined') ? 0.0 : jQuery.roundabout_toFloat(options.bearing % 360.0),

tilt: (typeof options.tilt == 'undefined') ? 0.0 : jQuery.roundabout_toFloat(options.tilt),

minZ: (typeof options.minZ == 'undefined') ? 100 : parseInt(options.minZ, 10),

maxZ: (typeof options.maxZ == 'undefined') ? 400 : parseInt(options.maxZ, 10),

minScale: (typeof options.minScale == 'undefined') ? 0.40 : jQuery.roundabout_toFloat(options.minScale),

maxScale: (typeof options.maxScale == 'undefined') ? 1.00 : jQuery.roundabout_toFloat(options.maxScale),

Page 68: Project

duration: (typeof options.duration == 'undefined') ? 600 : parseInt(options.duration, 10),

btnNext: options.btnNext || null,

btnPrev: options.btnPrev || null,

easing: options.easing || 'swing',

clickToFocus: (options.clickToFocus !== false),

focusBearing: (typeof options.focusBearing == 'undefined') ? 0.0 : jQuery.roundabout_toFloat(options.focusBearing % 360.0),

shape: options.shape || 'lazySusan',

debug: options.debug || false,

childSelector: options.childSelector || 'li',

startingChild: (typeof options.startingChild == 'undefined') ? null : parseInt(options.startingChild, 10),

reflect: (typeof options.reflect == 'undefined' || options.reflect === false) ? false : true

};

// assign things

this.each(function(i) {

var ref = jQuery(this);

var period = jQuery.roundabout_toFloat(360.0 / ref.children(options.childSelector).length);

var startingBearing = (options.startingChild === null) ? options.bearing : options.startingChild * period;

// set starting styles

ref

.addClass('roundabout-holder')

.css('padding', 0)

Page 69: Project

.css('position', 'relative')

.css('z-index', options.minZ);

// set starting options

ref.data('roundabout', {

'bearing': startingBearing,

'tilt': options.tilt,

'minZ': options.minZ,

'maxZ': options.maxZ,

'minScale': options.minScale,

'maxScale': options.maxScale,

'duration': options.duration,

'easing': options.easing,

'clickToFocus': options.clickToFocus,

'focusBearing': options.focusBearing,

'animating': 0,

'childInFocus': -1,

'shape': options.shape,

'period': period,

'debug': options.debug,

'childSelector': options.childSelector,

'reflect': options.reflect

});

Page 70: Project

// bind click events

if (options.clickToFocus === true) {

ref.children(options.childSelector).each(function(i) {

jQuery(this).click(function(e) {

var degrees = (options.reflect === true) ? 360.0 - (period * i) : period * i;

degrees = jQuery.roundabout_toFloat(degrees);

if (!jQuery.roundabout_isInFocus(ref, degrees)) {

e.preventDefault();

if (ref.data('roundabout').animating === 0) {

ref.roundabout_animateAngleToFocus(degrees);

}

return false;

}

});

});

}

// bind next buttons

if (options.btnNext) {

jQuery(options.btnNext).bind('click.roundabout', function(e) {

e.preventDefault();

if (ref.data('roundabout').animating === 0) {

ref.roundabout_animateToNextChild();

}

Page 71: Project

return false;

});

}

// bind previous buttons

if (options.btnPrev) {

jQuery(options.btnPrev).bind('click.roundabout', function(e) {

e.preventDefault();

if (ref.data('roundabout').animating === 0) {

ref.roundabout_animateToPreviousChild();

}

return false;

});

}

});

// start children

this.roundabout_startChildren();

// callback once ready

if (typeof arguments[1] === 'function') {

var callback = arguments[1], ref = this;

setTimeout(function() { callback(ref); }, 0);

}

Page 72: Project

return this;

};

jQuery.fn.roundabout_startChildren = function() {

this.each(function(i) {

var ref = jQuery(this);

var data = ref.data('roundabout');

var children = ref.children(data.childSelector);

children.each(function(i) {

var degrees = (data.reflect === true) ? 360.0 - (data.period * i) : data.period * i;

// apply classes and css first

jQuery(this)

.addClass('roundabout-moveable-item')

.css('position', 'absolute');

// then measure

jQuery(this).data('roundabout', {

'startWidth': jQuery(this).width(),

'startHeight': jQuery(this).height(),

'startFontSize': parseInt(jQuery(this).css('font-size'), 10),

'degrees': degrees

});

});

Page 73: Project

ref.roundabout_updateChildPositions();

});

return this;

};

jQuery.fn.roundabout_setTilt = function(newTilt) {

this.each(function(i) {

jQuery(this).data('roundabout').tilt = newTilt;

jQuery(this).roundabout_updateChildPositions();

});

if (typeof arguments[1] === 'function') {

var callback = arguments[1], ref = this;

setTimeout(function() { callback(ref); }, 0);

}

return this;

};

jQuery.fn.roundabout_setBearing = function(newBearing) {

this.each(function(i) {

jQuery(this).data('roundabout').bearing = jQuery.roundabout_toFloat(newBearing % 360, 2);

jQuery(this).roundabout_updateChildPositions();

});

Page 74: Project

if (typeof arguments[1] === 'function') {

var callback = arguments[1], ref = this;

setTimeout(function() { callback(ref); }, 0);

}

return this;

};

jQuery.fn.roundabout_adjustBearing = function(delta) {

delta = jQuery.roundabout_toFloat(delta);

if (delta !== 0) {

this.each(function(i) {

jQuery(this).data('roundabout').bearing = jQuery.roundabout_getBearing(jQuery(this)) + delta;

jQuery(this).roundabout_updateChildPositions();

});

}

if (typeof arguments[1] === 'function') {

var callback = arguments[1], ref = this;

setTimeout(function() { callback(ref); }, 0);

}

return this;

};

Page 75: Project

jQuery.fn.roundabout_adjustTilt = function(delta) {

delta = jQuery.roundabout_toFloat(delta);

if (delta !== 0) {

this.each(function(i) {

jQuery(this).data('roundabout').tilt = jQuery.roundabout_toFloat(jQuery(this).roundabout_get('tilt') + delta);

jQuery(this).roundabout_updateChildPositions();

});

}

if (typeof arguments[1] === 'function') {

var callback = arguments[1], ref = this;

setTimeout(function() { callback(ref); }, 0);

}

return this;

};

jQuery.fn.roundabout_animateToBearing = function(bearing) {

bearing = jQuery.roundabout_toFloat(bearing);

var currentTime = new Date();

var duration = (typeof arguments[1] == 'undefined') ? null : arguments[1];

var easingType = (typeof arguments[2] == 'undefined') ? null : arguments[2];

var passedData = (typeof arguments[3] !== 'object') ? null : arguments[3];

Page 76: Project

this.each(function(i) {

var ref = jQuery(this), data = ref.data('roundabout'), timer, easingFn, newBearing;

var thisDuration = (duration === null) ? data.duration : duration;

var thisEasingType = (easingType !== null) ? easingType : data.easing || 'swing';

if (passedData === null) {

passedData = {

timerStart: currentTime,

start: jQuery.roundabout_getBearing(ref),

totalTime: thisDuration

};

}

timer = currentTime - passedData.timerStart;

if (timer < thisDuration) {

data.animating = 1;

if (typeof jQuery.easing.def == 'string') {

easingFn = jQuery.easing[thisEasingType] || jQuery.easing[jQuery.easing.def];

newBearing = easingFn(null, timer, passedData.start, bearing - passedData.start, passedData.totalTime);

} else {

newBearing = jQuery.easing[thisEasingType]((timer / passedData.totalTime), timer, passedData.start, bearing - passedData.start, passedData.totalTime);

}

Page 77: Project

ref.roundabout_setBearing(newBearing, function() { ref.roundabout_animateToBearing(bearing, thisDuration, thisEasingType, passedData); });

} else {

bearing = (bearing < 0) ? bearing + 360 : bearing % 360;

data.animating = 0;

ref.roundabout_setBearing(bearing);

}

});

return this;

};

jQuery.fn.roundabout_animateToDelta = function(delta) {

var duration = arguments[1], easing = arguments[2];

this.each(function(i) {

delta = jQuery.roundabout_getBearing(jQuery(this)) + jQuery.roundabout_toFloat(delta);

jQuery(this).roundabout_animateToBearing(delta, duration, easing);

});

return this;

};

jQuery.fn.roundabout_animateToChild = function(childPos) {

var duration = arguments[1], easing = arguments[2];

this.each(function(i) {

var ref = jQuery(this), data = ref.data('roundabout');

if (data.childInFocus !== childPos && data.animating === 0) {

Page 78: Project

var child = jQuery(ref.children(data.childSelector)[childPos]);

ref.roundabout_animateAngleToFocus(child.data('roundabout').degrees, duration, easing);

}

});

return this;

};

jQuery.fn.roundabout_animateToNearbyChild = function(passedArgs, which) {

var duration = passedArgs[0], easing = passedArgs[1];

this.each(function(i) {

var data = jQuery(this).data('roundabout');

var bearing = jQuery.roundabout_toFloat(360.0 - jQuery.roundabout_getBearing(jQuery(this)));

var period = data.period, j = 0, range;

var reflect = data.reflect;

var length = jQuery(this).children(data.childSelector).length;

bearing = (reflect === true) ? bearing % 360.0 : bearing;

if (data.animating === 0) {

// if we're not reflecting and we're moving to next or

// we are reflecting and we're moving previous

if ((reflect === false && which === 'next') || (reflect === true && which !== 'next')) {

bearing = (bearing === 0) ? 360 : bearing;

Page 79: Project

// counterclockwise

while (true && j < length) {

range = { lower: jQuery.roundabout_toFloat(period * j), upper: jQuery.roundabout_toFloat(period * (j + 1)) };

range.upper = (j == length - 1) ? 360.0 : range.upper; // adjust for javascript being bad at floats

if (bearing <= range.upper && bearing > range.lower) {

jQuery(this).roundabout_animateToDelta(bearing - range.lower, duration, easing);

break;

}

j++;

}

} else {

// clockwise

while (true) {

range = { lower: jQuery.roundabout_toFloat(period * j), upper: jQuery.roundabout_toFloat(period * (j + 1)) };

range.upper = (j == length - 1) ? 360.0 : range.upper; // adjust for javascript being bad at floats

if (bearing >= range.lower && bearing < range.upper) {

jQuery(this).roundabout_animateToDelta(bearing - range.upper, duration, easing);

break;

}

j++;

Page 80: Project

}

}

}

});

return this;

};

jQuery.fn.roundabout_animateToNextChild = function() {

return this.roundabout_animateToNearbyChild(arguments, 'next');

};

jQuery.fn.roundabout_animateToPreviousChild = function() {

return this.roundabout_animateToNearbyChild(arguments, 'previous');

};

// moves a given angle to the focus by the shortest means possible

jQuery.fn.roundabout_animateAngleToFocus = function(target) {

var duration = arguments[1], easing = arguments[2];

this.each(function(i) {

var delta = jQuery.roundabout_getBearing(jQuery(this)) - target;

delta = (Math.abs(360.0 - delta) < Math.abs(0.0 - delta)) ? 360.0 - delta : 0.0 - delta;

delta = (delta > 180) ? -(360.0 - delta) : delta;

if (delta !== 0) {

jQuery(this).roundabout_animateToDelta(delta, duration, easing);

Page 81: Project

}

});

return this;

};

jQuery.fn.roundabout_updateChildPositions = function() {

this.each(function(i) {

var ref = jQuery(this), data = ref.data('roundabout');

var inFocus = -1;

var info = {

bearing: jQuery.roundabout_getBearing(ref),

tilt: data.tilt,

stage: { width: Math.floor(ref.width() * 0.9), height: Math.floor(ref.height() * 0.9) },

animating: data.animating,

inFocus: data.childInFocus,

focusBearingRad: jQuery.roundabout_degToRad(data.focusBearing),

shape: jQuery.roundabout_shape[data.shape] || jQuery.roundabout_shape[jQuery.roundabout_shape.def]

};

info.midStage = { width: info.stage.width / 2, height: info.stage.height / 2 };

info.nudge = { width: info.midStage.width + info.stage.width * 0.05, height: info.midStage.height + info.stage.height * 0.05 };

info.zValues = { min: data.minZ, max: data.maxZ, diff: data.maxZ - data.minZ };

info.scale = { min: data.minScale, max: data.maxScale, diff: data.maxScale - data.minScale };

Page 82: Project

// update child positions

ref.children(data.childSelector).each(function(i) {

if (jQuery.roundabout_updateChildPosition(jQuery(this), ref, info, i) && info.animating === 0) {

inFocus = i;

jQuery(this).addClass('roundabout-in-focus');

} else {

jQuery(this).removeClass('roundabout-in-focus');

}

});

// update status of who is in focus

if (inFocus !== info.inFocus) {

jQuery.roundabout_triggerEvent(ref, info.inFocus, 'blur');

if (inFocus !== -1) {

jQuery.roundabout_triggerEvent(ref, inFocus, 'focus');

}

data.childInFocus = inFocus;

}

});

return this;

};

//----------------

Page 83: Project

jQuery.roundabout_getBearing = function(el) {

return jQuery.roundabout_toFloat(el.data('roundabout').bearing) % 360;

};

jQuery.roundabout_degToRad = function(degrees) {

return (degrees % 360.0) * Math.PI / 180.0;

};

jQuery.roundabout_isInFocus = function(el, target) {

return (jQuery.roundabout_getBearing(el) % 360 === (target % 360));

};

jQuery.roundabout_triggerEvent = function(el, child, eventType) {

return (child < 0) ? this : jQuery(el.children(el.data('roundabout').childSelector)[child]).trigger(eventType);

};

jQuery.roundabout_toFloat = function(number) {

number = Math.round(parseFloat(number) * 1000) / 1000;

return parseFloat(number.toFixed(2));

};

jQuery.roundabout_updateChildPosition = function(child, container, info, childPos) {

var ref = jQuery(child), data = ref.data('roundabout'), out = [];

var rad = jQuery.roundabout_degToRad((360.0 - ref.data('roundabout').degrees) + info.bearing);

Page 84: Project

// adjust radians to be between 0 and Math.PI * 2

while (rad < 0) {

rad = rad + Math.PI * 2;

}

while (rad > Math.PI * 2) {

rad = rad - Math.PI * 2;

}

var factors = info.shape(rad, info.focusBearingRad, info.tilt); // obj with x, y, z, and scale values

// correct

factors.scale = (factors.scale > 1) ? 1 : factors.scale;

factors.adjustedScale = ((info.scale.min + (info.scale.diff * factors.scale))*(info.scale.min + (info.scale.diff * factors.scale))*(info.scale.min + (info.scale.diff * factors.scale))).toFixed(4);

factors.width = (factors.adjustedScale * data.startWidth).toFixed(4);

factors.height = (factors.adjustedScale * data.startHeight).toFixed(4);

// alter item

ref

.css('left', ((factors.x * info.midStage.width + info.nudge.width) - factors.width / 2.0).toFixed(1) + 'px')

.css('top', ((factors.y * info.midStage.height + info.nudge.height) - factors.height / 2.0).toFixed(1) + 'px')

.css('width', factors.width + 'px')

.css('height', factors.height + 'px')

.css('z-index', Math.round(info.zValues.min + (info.zValues.diff * factors.z)))

Page 85: Project

.css('font-size', (factors.adjustedScale * data.startFontSize).toFixed(2) + 'px')

.attr('current-scale', factors.adjustedScale);

if (container.data('roundabout').debug === true) {

out.push('<div style="font-weight: normal; font-size: 10px; padding: 2px; width: ' + ref.css('width') + '; background-color: #ffc;">');

out.push('<strong style="font-size: 12px; white-space: nowrap;">Child ' + childPos + '</strong><br />');

out.push('<strong>left:</strong> ' + ref.css('left') + '<br /><strong>top:</strong> ' + ref.css('top') + '<br />');

out.push('<strong>width:</strong> ' + ref.css('width') + '<br /><strong></strong> ' + '<br />');

out.push('<strong>z-index:</strong> ' + ref.css('z-index') + '<br /><strong>font-size:</strong> ' + ref.css('font-size') + '<br />');

out.push('<strong>scale:</strong> ' + ref.attr('current-scale'));

out.push('</div>');

ref.html(out.join(''));

}

return jQuery.roundabout_isInFocus(container, ref.data('roundabout').degrees);

};

Page 86: Project

Roundabout_shapes.js

jQuery.extend(jQuery.roundabout_shape,

{

theJuggler: function(r, a, t) {

return {

x: Math.sin(r + a),

y: Math.tan(Math.exp(Math.log(r)) + a) / (t - 1),

z: (Math.cos(r + a) + 1) / 2,

scale: (Math.sin(r + Math.PI/2 + a) / 2) + 0.5

};

Page 87: Project

},

figure8: function(r, a, t) {

return {

x: Math.sin(r * 2 + a),

y: (Math.sin(r + Math.PI/2 + a) / 8) * t,

z: (Math.cos(r + a) + 1) / 2,

scale: (Math.sin(r + Math.PI/2 + a) / 2) + 0.5

};

},

waterWheel: function(r, a, t) {

return {

x: (Math.sin(r + Math.PI/2 + a) / 8) * t,

y: Math.sin(r + a) / (Math.PI/2),

z: (Math.cos(r + a) + 1) / 2,

scale: (Math.sin(r + Math.PI/2 + a) / 2) + 0.5

};

},

square: function(r, a, t) {

var sq_x, sq_y, sq_z;

if (r <= Math.PI/2) {

sq_x = (2/Math.PI) * r;

sq_y = -(2/Math.PI) * r + 1;

sq_z = -(1/Math.PI) * r + 1;

} else if (r > Math.PI/2 && r <= Math.PI) {

Page 88: Project

sq_x = -(2/Math.PI) * r + 2;

sq_y = -(2/Math.PI) * r + 1;

sq_z = -(1/Math.PI) * r + 1;

} else if (r > Math.PI && r <= (3 * Math.PI) / 2) {

sq_x = -(2/Math.PI) * r + 2;

sq_y = (2/Math.PI) * r - 3;

sq_z = (1/Math.PI) * r - 1;

} else {

sq_x = (2/Math.PI) * r - 4;

sq_y = (2/Math.PI) * r - 3;

sq_z = (1/Math.PI) * r - 1;

}

return {

x: sq_x/1.55,

y: sq_y * t,

z: sq_z,

scale: sq_z

}

},

conveyorBeltLeft: function(r, a, t) {

return {

x: -Math.cos(r + a),

y: (Math.cos(r + 3*Math.PI/2 + a) / 8) * t,

z: (Math.sin(r + a) + 1) / 2,

Page 89: Project

scale: (Math.sin(r + Math.PI/2 + a) / 2) + 0.5

};

},

conveyorBeltRight: function(r, a, t) {

return {

x: Math.cos(r + a),

y: (Math.cos(r + 3*Math.PI/2 + a) / 8) * t,

z: (Math.sin(r + a) + 1) / 2,

scale: (Math.sin(r + Math.PI/2 + a) / 2) + 0.5

};

},

goodbyeCruelWorld: function(r, a, t) {

return {

x: Math.sin(r + a),

y: (Math.tan(r + 3*Math.PI/2 + a) / 8) * (t + 0.5),

z: (Math.sin(r + a) + 1) / 2,

scale: (Math.sin(r + Math.PI/2 + a) / 2) + 0.5

};

},

diagonalRingLeft: function(r, a, t) {

return {

x: Math.sin(r + a),

y: -Math.cos(r + Math.tan(Math.cos(a))) / (t + 1.5),

z: (Math.cos(r + a) + 1) / 2,

scale: (Math.sin(r + Math.PI/2 + a) / 2) + 0.5

Page 90: Project

};

},

diagonalRingRight: function(r, a, t) {

return {

x: Math.sin(r + a),

y: Math.cos(r + Math.tan(Math.cos(a))) / (t + 1.5),

z: (Math.cos(r + a) + 1) / 2,

scale: (Math.sin(r + Math.PI/2 + a) / 2) + 0.5

};

},

rollerCoaster: function(r, a, t) {

return {

x: Math.sin(r + a),

y: Math.sin((2 + t) * r),

z: (Math.cos(r + a) + 1) / 2,

scale: (Math.sin(r + Math.PI/2 + a) / 2) + 0.5

}

},

tearDrop: function(r, a, t) {

return {

x: Math.sin(r + a),

y: -Math.sin(r/2 + t) + 0.35,

z: (Math.cos(r + a) + 1) / 2,

scale: (Math.sin(r + Math.PI/2 + a) / 2) + 0.5

}

Page 91: Project

}

});

Tabs.js

tabs = {

init : function(){

$('.tabs').each(function(){

var th=$(this),

tContent=$('.tab-content',th),

navA=$('ul.nav a',th)

tContent.not(tContent.eq(0)).hide()

Page 92: Project

navA.click(function(){

var th=$(this),

tmp=th.attr('href')

tContent.not($(tmp.slice(tmp.indexOf('#'))).fadeIn(600)).hide()

$(th).parent().addClass('selected').siblings().removeClass('selected');

return false;

});

});

}

}

tabs2 = {

init : function(){

$('.tabs2').each(function(){

var th=$(this),

tContent=$('.tab-content',th),

navA=$('ul.nav a',th)

tContent.not(tContent.eq(0)).hide()

navA.click(function(){

var th=$(this),

tmp=th.attr('href')

tContent.not($(tmp.slice(tmp.indexOf('#'))).fadeIn(600)).hide()

Page 93: Project

$(th).parent().addClass('selected').siblings().removeClass('selected');

return false;

});

});

}

}

Home.php

Page 94: Project

Contact.php

Page 95: Project
Page 96: Project

About us.php

Signup.php

Page 97: Project

Seller.php

Page 98: Project

Newpropertydetails.php

Page 99: Project