// Chrobis main page animations - chrobisEffects.js
//
// Copyright (c) 2008 Chrobis
// Created: 24/07/2009
//
// Universal page events
//
// MooTools
var menuSlide;
var sizer;
var defaultScroll;
var myScrollbar;
var keyStrokes = function(event) {
if (defaultScroll == 'mainContentContainer' && (event.key == "down" || event.key == "up"
|| event.code == "36" || event.code == "35" || event.code == "34" || event.code == "33")) {
if (event.preventDefault) event.preventDefault( );
else event.returnValue = false;
Event.Keys.home = 36;
Event.Keys.end = 35;
Event.Keys.pageUp = 33;
Event.Keys.pageDown = 34;
if (event.key == "up") {
myScrollbar.scrollVertical(-20);
} else if (event.key == "down") {
myScrollbar.scrollVertical(20);
} else if (event.key == "space") {
myScrollbar.scrollVertical($('mainContentContainer').clientHeight);
} else if (event.code == "36") {
myScrollbar.scrollVertical(-($('mainContentContainer').getScrollSize().y));
} else if (event.code == "35") {
myScrollbar.scrollVertical($('mainContentContainer').getScrollSize().y);
} else if (event.code == "33") {
myScrollbar.scrollVertical(-($('mainContentContainer').clientHeight));
} else if (event.code == "34") {
myScrollbar.scrollVertical($('mainContentContainer').clientHeight);
}
}
}
var keyStrokesCancel = function(event) {
myScrollbar.stopScrolling(event);
}
//var adImageList = array('200908001-boostsales.png', '200908002-daviddavis.png', '200908003-itsupport.png', '200908004-businessingear.png');
var adTextList = new Array('We can help.
We\'re experts at making websites that create new business.
Click here for more details, or click here to ask us what we can do for you.',
'We can help.
Our work makes a difference.
MP David Davis recognised that - drop us a line and see what we can do for you.
',
'We can help.
Don\'t let computers drive you up the wall. Let us take care of your IT support.
Click here for details.
',
'We can help.
We can revolutionise your IT to do your work for you. E-commerce, customer relationship management, accounting and invoicing: you name it, we can do it.
Click here for details.
');
var adCaptionList = new Array('Boost your sales leads and increase profits',
'We can help you make an impact.',
'Or you could give us a call.',
'Accelerate your business into top gear.');
MySlide = new Class({
Extends: Fx.Slide,
initialize: function(element,options) {
this.parent(element,options);
if(this.options.mode == 'horizontalRtL'){
this.wrapper.setStyle('float','right');
this.wrapper.setStyle('height','100%');
this.extraWrapper = new Element('div',{
styles: {
overflow: 'hidden',
height: '100%'
}
}).wraps(this.wrapper);
}
},
horizontalRtL: function() {
this.margin = 'margin-right';
this.layout = 'width';
this.offset = this.element.offsetWidth;
}
});
window.addEvent('domready', function(){
var contentHolder = $('contentAreaHolder');
if (document.referrer.substring(0, siteUrl.length) != siteUrl) {
if(!Browser.Engine.trident) {
var siteControlsHolder = $('siteControlsHolder');
var newsletter = $('newsletter');
var contactDetails = $('contactDetails');
siteControlsHolder.set('opacity', 0);
newsletter.set('opacity', 0);
contactDetails.set('opacity', 0);
showControls = new Fx.Tween(siteControlsHolder, {property: 'opacity', duration: 800, transition: 'quad:out'});
showNewsletter = new Fx.Tween(newsletter, {property: 'opacity', delay: 600, duration: 800, transition: 'quad:out'});
showContacts = new Fx.Tween(contactDetails, {property: 'opacity', duration: 800, transition: 'quad:out'});
contentHolder.set('opacity', 0);
contentHolder.style.display = "block";
showContent = new Fx.Tween(contentHolder, {property: 'opacity', duration: 1500, transition: 'quad:out'});
}
menuSlide = new MySlide('menuSlider', {mode: 'horizontalRtL', transition: 'quint:out', duration: 1250});
menuSlide.hide();
if(!Browser.Engine.trident) {
var startNewsletter = function(){
showNewsletter.start(0, 1);
}
var startContacts = function(){
showContacts.start(0, 1);
}
var startChain = function(){showContent.start(0, 1).chain(
function(){menuSlide.toggle().chain(
function(){
showControls.start(0, 1);
startNewsletter.delay(600);
startContacts.delay(1200);
}
);}
);}
startChain.delay(900, this);
} else {
$('menuArea').style.display = 'block';
menuSlide.toggle();
}
} else {
$('menuArea').style.display = 'block';
contentHolder.style.display = "block";
}
if($('mainContentHolder')) {
if (!(Browser.Engine.trident) || navigator.userAgent.toLowerCase().indexOf('msie 8.0') > -1) {
/* */
myScrollbar = new UvumiScrollbar('mainContentContainer');
var mainContent = $('mainContentContainer');
mainContent.onmouseover = function(){defaultScroll = this.id;};
mainContent.onmouseout = function(){defaultScroll = "";};
document.addEvent('keydown', keyStrokes);
document.addEvent('keyup', keyStrokesCancel);
}
}
setTimeout("myScrollbar.update()",500);
});
window.addEvent('resize', function(){
if (!(Browser.Engine.trident) || navigator.userAgent.toLowerCase().indexOf('msie 8.0') > -1) {
/* */
setTimeout("myScrollbar.update()",100);
}
});
function sN() {
if (!(Browser.Engine.trident) || navigator.userAgent.toLowerCase().indexOf('msie 8.0') > -1) {
$('newsletterBoxHolder').style.display = 'table';
} else {
$('newsletterBoxHolder').style.display = 'block';
}
}
function hideNewsletter() {
$('newsletterBoxHolder').style.display = 'none';
}
function newsletterSignUp() {
var form = document.newsletterForm;
var params = "name=" + form.newsName.value + "&email=" + form.newsEmail.value;
var myRequest = new Request.HTML({
url: siteUrl + '/newsletterDispatcher.php',
onSuccess: function(){
alert('Newsletter request made!');
hideNewsletter();
}
}).send(params);
}
//
// Button highlighting
//
// Variables for buttons
var swapFacebookIcon = new Array(siteUrl + "/images/facebookIcon.png", siteUrl + "/images/facebookIconOver.png");
var swapTwitterIcon = new Array(siteUrl + "/images/twitterIcon.png", siteUrl + "/images/twitterIconOver.png");
var swapHomeMenuButton = new Array(siteUrl + "/images/homeMenu.png", siteUrl + "/images/homeMenuOver.png");
var swapSitesMenuButton = new Array(siteUrl + "/images/sitesMenu.png", siteUrl + "/images/sitesMenuOver.png");
var swapServicesMenuButton = new Array(siteUrl + "/images/servicesMenu.png", siteUrl + "/images/servicesMenuOver.png");
var swapBlogMenuButton = new Array(siteUrl + "/images/blogMenu.png", siteUrl + "/images/blogMenuOver.png");
var swapContactMenuButton = new Array(siteUrl + "/images/contactMenu.png", siteUrl + "/images/contactMenuOver.png");
var swapContactSubmitButton = new Array(siteUrl + "/images/submit.png", siteUrl + "/images/submitOver.png");
function ieHighlightButton() {
}
function ieRemoveHighlightButton() {
}
function highlightButton(button, swapImages) {
button.src = swapImages[1];
}
function removeHighlightButton(button, swapImages) {
button.src = swapImages[0];
}
function startSwitcher() {
}
function showAdvert(num) {
$('advertImage1').style.display = 'none';
$('advertSelector1').className = 'advertOptionSelector';
$('advertImage2').style.display = 'none';
$('advertSelector2').className = 'advertOptionSelector';
$('advertImage3').style.display = 'none';
$('advertSelector3').className = 'advertOptionSelector';
$('advertImage4').style.display = 'none';
$('advertSelector4').className = 'advertOptionSelector';
$(eval("'" + 'advertImage' + num + "'")).style.display = 'block';
$(eval("'" + 'advertSelector' + num + "'")).className = 'advertOptionSelector activeSelector';
$('advertText').innerHTML = adTextList[num - 1];
$('advertCaption').innerHTML = adCaptionList[num - 1];
}
function showPortfolioDetail() {
$('portfolio').style.display = 'block';
}
function hidePortfolioDetail() {
$('portfolio').style.display = 'none';
}
//Portfolio page
portfolioArray = new Array();
portfolioArray[0] = "| Client Name: | Mirfield Town Council |
| Business Industry: | Local Government Authority |
| Location: | Mirfield, West Yorkshire |
| Completed: | November 2008 |
| Description: | The Council decided that in order to keep up with recent technology and communication methods to establish an online portal of local information for their residents to access whilst also making it easier for the residents to contact those elected to serve on their behalf. |
| The Client says: | |
| Website: | http://www.mirfieldtowncouncil.gov.uk |
";
portfolioArray[1] = "| Client Name: | Louise |
| Business Industry: | Interior Design |
| Location: | Solihull, West Midlands |
| Completed: | February 2008 |
| Description: | A small team of interior designers asked for a bespoke website based on their existing brochure design that they were already using and an existing brand that they were happy with, but also showed off examples of their work using a custom-built gallery area. |
| The Client says: | |
| Website: | http://www.joaldesigns.co.uk |
";
portfolioArray[2] = "| Client Name: | David |
| Business Industry: | Politics |
| Location: | Haltemprice and Howden, UK |
| Completed: | July 2008 |
| Description: | Our client required an immediate overhaul of their existing brand and website design within a 48 hour period and the relaunch of the site was integrated with further Web 2.0 technology to promote the client's cause to online social media and related groups. |
| The Client says: | |
| Website: | http://www.daviddavisforfreedom.com |
";
portfolioArray[3] = "| Client Name: | Tim |
| Business Industry: | Travel, Transportation and Leisure |
| Location: | London, UK |
| Completed: | October 2008 |
| Description: | The society required an overhaul of their existing website brand and a reorganisation of their information, and further upgrades allowed for an expansion to their member's area to allow for greater numbers to join. More recent modules have been added to allow their staff to manage their members far quicker than previously. |
| The Client says: | |
| Website: | http://www.revenuemanagement.org.uk |
";
portfolioArray[4] = "| Client Name: | Colin and Sandra |
| Business Industry: | Property Management |
| Location: | Orlando, FL USA |
| Completed: | November 2008 |
| Description: | Managing approximately 50 rental villas in and around the Orlando area, our client required a complete overhaul and rebrand of their existing site. A second phase has seen the integration of a number of management tools behind the scenes on the website, allowing them to manage all of their properties, bookings and service companies through one integrated system. |
| The Client says: | |
| Website: | http://www.villa4uflorida.com |
";
portfolioArray[5] = "| Client Name: | Catherine |
| Business Industry: | Charity |
| Location: | Chester, UK |
| Due: | Very soon! |
| Description: | Catherine approached Chrobis asking for help with setting up a website for her charity which provides a supportive network and information for parents who have severely disabled children. Chrobis was only too willing to lend a hand for such a worthy cause, particularly due to the charity's financial constraints, and the site is due to go live very soon. |
| The Client says: | |
| Website: | http://www.mumschums.co.uk |
";
portfolioArray[6] = "| Client Name: | Izzy and Tracey |
| Business Industry: | Health and Fitness |
| Location: | Chester, UK |
| Completed: | December 2008 |
| Description: | A duo of bone density testers required an online presence for their marketing and promotional material as their work takes them to gyms and higher education facilities all across the UK to perform testing days and highlighting the increasing problem of osteoporosis |
| The Client says: | |
| Website: | http://www.bonematters.co.uk |
";
portfolioArray[7] = "| Client Name: | Anthony and Simon |
| Business Industry: | Building Contractors |
| Location: | Solihull, West Midlands |
| Completed: | March 2008 |
| Description: | Using their existing brand, Anthony and Simon asked us to create a brand new online presence for their business to be included in their new marketing material and also to advertise to a wider range of clients outside their local area and current market range. |
| The Client says: | |
| Website: | http://www.touchwoodbuilding.co.uk |
";
portfolioArray[8] = "| Client Name: | Ruth |
| Business Industry: | Complementary Therapies |
| Location: | Worcester, UK |
| Completed: | Novemeber 2009 |
| Description: | A self-employed aromatherapist asked us to create a site for her so that she could advertise the different styles of complementary therapies and natural remedies that she offers, whilst also having the facility for her clients to order her books online that are currently available. |
| The Client says: | |
| Website: | http://www.aroma-reiki.com |
";
portfolioArray[9] = "| Client Name: | Free To Live Leeds |
| Business Industry: | Social Welfare |
| Location: | Leeds, UK |
| Completed: | December 2009 |
| Description: | A non-profit volunteer social enterprise scheme of personal budgets users, who meet regularly to offer peer support and would like to extend the network to help others in the local area, by providing them with an online forum and resource to find out information about social care support in Leeds. |
| The Client says: | |
| Website: | http://www.freetoliveleeds.org |
";
portfolioArray[10] = "| Client Name: | Barn Boutique |
| Business Industry: | Retail Outlet |
| Location: | Wrexham, UK |
| Completed: | September 2010 |
| Description: | Barn Boutique sells a range of gifts and accessories for women. They stock Charlotte's Garden, Emreco as well as gift sets, hats, snugglies, hangers, hot water bottles and other great products. |
| The Client says: | |
| Website: | http://www.barnboutique.co.uk |
";
portfolioTitle = new Array();
portfolioTitle[0] = "Mirfield Town Council";
portfolioTitle[1] = "Joal Designs";
portfolioTitle[2] = "David Davis";
portfolioTitle[3] = "Revenue Management Society";
portfolioTitle[4] = "Villa4UFlorida";
portfolioTitle[5] = "Mum's Chums";
portfolioTitle[6] = "Bone Matters";
portfolioTitle[7] = "Touchwood Building Contractors";
portfolioTitle[8] = "Aroma Reiki";
portfolioTitle[9] = "Free To Live Leeds";
portfolioTitle[10] = "Barn Boutique";
function showText(number) {
$('portfolio').style.display = 'block';
var theTitle = $("portfolioTitle"); {
$('portfolioTitle').innerHTML = portfolioTitle[number];
}
var theText = $("portfolioDescription"); {
$('portfolioDescription').innerHTML = portfolioArray[number];
}
}