//=====================================================================================================================================
// Global variables
//=====================================================================================================================================

function trim(stringToTrim) {
	if (stringToTrim==null){
	}
	else{
		return stringToTrim.replace(/^\s+|\s+$/g,"");
	}
}

$("#fadeScreen").hide();

var currentPage = -1;
var nextPage = 0;
var previousPage = 0;
var pages = []; 	
var minPage = 0;
var maxPage = 0;
									
pagination = {
	next : function(){
		if(currentPage == -1){			
			$('#firstPage').html(pages[0]);
			//if second page does not exist, or if third page does not exit then empty secondpage			
			if (trim(pages[1])=="" || pages[1]==null){
				$('#secondPage').html("");
				$('#nextButton').hide();
				
				$('#backButton').unbind('click');
				$('#backButton').show();
				$('#backButton').click(function(){listCaseStudies()});		
				
				$('#leftPageNumber').text('1');
				$('#rightPageNumber').text('');
			}
			else{
				$('#secondPage').html(pages[1]);
				
				$('#leftPageNumber').text('1');
				$('#rightPageNumber').text('2');
				
				//$('#secondPage').append('<a onclick = "pagination.next()">Next page</a>');
				
				if (trim(pages[2])=="" || pages[2]==null){}
				else{$('#nextButton').show();}
				
				$('#backButton').unbind('click');
				$('#backButton').show();
				$('#backButton').click(function(){listCaseStudies()});				
			}
			currentPage = 0;
			nextPage = 2;
		}
		else{ 		
			currentPage = nextPage;	
			nextPage = currentPage + 2;
			previousPage = currentPage - 2;	
			//if second pages are empty or dont exist, put back button on first page and clear second
			if (trim(pages[currentPage+1]) == "" || pages[currentPage+1] == null){
				$('#firstPage').html(pages[currentPage]);				
				$('#leftPageNumber').text(currentPage+1);	
				
				//$('#firstPage').append('<a onclick = "pagination.previous()">Back page</a>');
				$('#secondPage').html("");		
				$('#rightPageNumber').text('');
				
				$('#backButton').unbind('click');
				$('#backButton').show();
				$('#backButton').click(function(){pagination.previous();});
				$('#nextButton').hide();
			}
			else{
				$('#firstPage').html(pages[currentPage]);		
				$('#leftPageNumber').text(currentPage+1);
				$('#secondPage').html(pages[currentPage+1]);		
				$('#rightPageNumber').text(currentPage+2);
				
				//$('#secondPage').append('<a onclick = "pagination.previous()">Back page</a>');
				$('#backButton').unbind('click');
				$('#backButton').show();
				$('#backButton').click(function(){pagination.previous();});
				$('#nextButton').hide();
				
				//if the next page is empty, dont show a next button, else do
				if (trim(pages[currentPage+2]) == "" || pages[currentPage+2] == null){
					$('#nextButton').hide();
				}else{
					//$('#secondPage').append('<a onclick = "pagination.next()">Next page</a>');
					$('#nextButton').show();
				}
			}
			
		}		
	},
	previous : function(){
		if(currentPage == 0){
			currentPage = previousPage;
			previousPage = currentPage-2;
			nextPage = currentPage+2;
			//$('#secondPage').append('<a onclick = "pagination.next()">Next page</a>');
				$('#nextButton').show();	
				$('#leftPageNumber').text('1');
				$('#rightPageNumber').text('2');
				
				$('#backButton').unbind('click');
				$('#backButton').show();
				$('#backButton').click(function(){listCaseStudies()});		
		}
		else{			
			currentPage = previousPage;
			$('#firstPage').html(pages[currentPage]);
			$('#leftPageNumber').text(currentPage+1);
			$('#secondPage').html(pages[currentPage+1]);
			$('#rightPageNumber').text(currentPage+2);			
			if (currentPage == minPage){
				$('#backButton').unbind('click');
				$('#backButton').show();
				$('#backButton').click(function(){listCaseStudies()});		
			}
			else{
				//$('#secondPage').append('<a onclick = "pagination.previous()">Back page</a>');
				$('#backButton').unbind('click');
				$('#backButton').show();
				$('#backButton').click(function(){pagination.previous();});
			}
			//$('#secondPage').append('<a onclick = "pagination.next()">Next page</a>');
			$('#nextButton').show();	
			previousPage = currentPage-2;
			nextPage = currentPage+2;
		}		
	}
}

//Used to define details for each Business Area
var objBA = new Array();
//objBA.push({num: 1, imgHeading: 'headings/understanding.png', imgIcon: 'images/books.png', imgNum: 'numbers/1.png', imgDots: 'background/dotfadeone.gif', imgBATop: 'headings/Heading_one.png', imgBAMiddle: 'heading/bamiddle3.png', imgBABottom: 'heading/babottom3.png'});
objBA.push({num: 1, imgHeading: 'headings/understanding.png', imgIcon: 'images/books.png', imgNum: 'numbers/1.png', imgDots: 'background/dotfadeone.gif', imgBATop: 'headings/Heading_one.png', imgBAMiddle: 'heading/bamiddle3.png', imgBABottom: 'heading/babottom3.png'});
objBA.push({num: 2, imgHeading: 'headings/building.png', imgIcon: 'images/blocks.png', imgNum: 'numbers/2.png', imgDots: 'background/dotfadetwo.gif', imgBATop: 'headings/Heading_two.png', imgBAMiddle: 'heading/bamiddle3.png', imgBABottom: 'heading/babottom3.png'});
objBA.push({num: 3, imgHeading: 'headings/using.png', imgIcon: 'images/knife.png', imgNum: 'numbers/3.png', imgDots: 'background/dotfadethree.gif', imgBATop: 'headings/Heading_three.png', imgBAMiddle: 'heading/bamiddle3.png', imgBABottom: 'heading/babottom3.png'});
objBA.push({num: 4, imgHeading: 'headings/doing.png', imgIcon: 'images/trainers.png', imgNum: 'numbers/4.png', imgDots: 'background/dotfadefour.gif', imgBATop: 'headings/Heading_four.png', imgBAMiddle: 'heading/bamiddle3.png', imgBABottom: 'heading/babottom3.png'});
objBA.push({num: 5, imgHeading: 'headings/evolving.png', imgIcon: 'images/butterfly.png', imgNum: 'numbers/5.png', imgDots: 'background/dotfadefive.gif', imgBATop: 'headings/Heading_five.png', imgBAMiddle: '', imgBABottom: ''});
objBA.push({num: 6, imgHeading: 'headings/supporting.png', imgIcon: 'images/bell.png', imgNum: 'numbers/6.png', imgDots: 'background/dotfadesix.gif', imgBATop: 'headings/Heading_six.png', imgBAMiddle: 'heading/bamiddle3.png', imgBABottom: 'heading/babottom3.png'});

//Used to define details for each Business Area
var objPA = new Array();
objPA.push({num: 1, imgIcon: 'people/icon1.png', title: 'AG', alt: 'AG'});
objPA.push({num: 2, imgIcon: 'people/icon2.png', title: 'KT', alt: 'KT'});
objPA.push({num: 3, imgIcon: 'people/icon3.jpg', title: 'MR', alt: 'MR'});
objPA.push({num: 4, imgIcon: 'people/icon4.jpg', title: 'DB', alt: 'DB'});

//=====================================================================================================================================
// Include required CSS, JS and jQuery plugin files
//=====================================================================================================================================

//CSS files
document.writeln('<link type="text/css" rel="style'+'sheet" href="includes/ovallayout.css">');																							//Site layout
document.writeln('<link type="text/css" rel="style'+'sheet" href="includes/ovalstylecommon.css">');																				//Common CSS across site
document.writeln('<link type="text/css" rel="style'+'sheet" href="includes/ovalstyle'+pgName +'.css">');	
document.writeln('<!--[if IE]><link type="text/css" rel="style'+'sheet" href="includes/ovalstylecommon_ie.css"><![endif]-->');												//IE fixes across site																		//Load page specific CSS
document.writeln('<!--[if IE 6]><link type="text/css" rel="style'+'sheet" href="includes/ovalstylecommon_ie6.css"><![endif]-->');											//IE6 fixes across site

//jQuery plugin files
document.writeln('<script type="text/java'+'script" language="javascript" src="includes/jquery.bgiframe.min.js"></script>');												//Fixes z-index issue in IE
document.writeln('<!--[if IE]><script type="text/java'+'script" language="javascript" src="includes/excanvas.compiled.js"></script><![endif]-->');					//Provides support for HTML5 Canvas tag - Used by Beatuy Tips
document.writeln('<script type="text/java'+'script" language="javascript" src="includes/jquery.bt.min.js"></script>');															//Beauty Tips popup
document.writeln('<script type="text/java'+'script" language="javascript" src="includes/jquery.cookie.js"></script>');															//Cookie wrapper

//JavaScript files
document.writeln('<script type="text/java'+'script" language="javascript" src="includes/class'+pgName +'.js"></script>');													//Load page specific class library

//=====================================================================================================================================
// Execute when DOM is ready. No need to wait for all images and files to have loaded!
//=====================================================================================================================================
	
$(document).ready(function() {
		
	//=============================================================================
	// Repeating code across all pages
	//=============================================================================
	
	//Set background for 1 day and then choose another
	setWallpaper();
	
	//Define click event for the badge so a new random background wallpaper can be set
	$('#badge').click(function(event){resetWallpaper();});
	
	//Set onclick event for tagline image
	$('#header img').click(function(event){window.location.href = dbURL+ "/businessarea?openpage&ba=1"; });
	
	//Set sitemap opaque div
	if($("#sitemapcontainer").length != 0){
		w = $("#sitemapcontainer").css("width");
		h = $("#sitemapcontainer").css("height");
		$("#sitemapcontainer .transparency").css("width", w).css("height", h);
		$("#sitemapcontainer .body").css("top", "-"+h);
	}else{
		w = 0;
		h = 0;
		$("#sitemapcontainer .transparency").css("width", w).css("height", h);
		$("#sitemapcontainer .body").css("top", "-"+h);
	}	

	//Animate taglines
	
	var advertChanger = {
		element: '#advertHolder',
		imageHeight: 127,
		animationSpeed: 6000,
		counter: 0,
		advertImages: function(){
			if((($(this.element + ' img').length - 1) * this.imageHeight) != this.counter){
				this.counter += this.imageHeight;
			}else{
				this.counter = 0;
			}
			/*$(this.element + ' img').animate({
				top: -this.counter
			});*/
			$(this.element + ' img').css("top", -this.counter);
			
			setTimeout(function(){
	            advertChanger.advertImages();
	        }, advertChanger.animationSpeed);	
		},
		create: function(){		
			setTimeout(function(){
	            advertChanger.advertImages();
	        }, advertChanger.animationSpeed);					
		}
	}
	
	advertChanger.create();
	
	/*
	setInterval(function() {
		i = $('#header img').attr('src').split("/");
		i = i[i.length-1].split(".");
		inext = i[0];
		inext++;
		inext = ((inext > arrTagline.length)? 1: inext);
		
		//Change image attribute
		$('#header img').attr('title', arrTagline[inext-1].title);
		$('#header img').attr('src', arrTagline[inext-1].img);
		$('#header img').attr('alt', arrTagline[inext-1].alt);
		$('#header img').click(function(event){window.location.href = dbURL+ "/businessarea?openpage&ba="+inext;});
	}, taglineDuration);
	*/
	
	//=============================================================================
	// Run page specific initial functions
	//=============================================================================
	
	if(pg.init) {
		pg.init();
	}
	
	//=====================================================================================================================================
	// Case studies functions
	//=====================================================================================================================================
	
	
	$('#fadeScreen').hide();
		
	$('#fadeScreen').css('height',$(document).height() + 'px');	
	$('#fadeScreen table').css('height',$(window).height() + 'px');
	
	$('#closeButton').hover(
		function(){
			$(this).css('background-image', 'url(' + dbURL + '/caseStudies_closeButtonO.png)');
		},
		function(){
			$(this).css('background-image', 'url(' + dbURL + '/caseStudies_closeButton.png)');
		}
	);
	
	$('#closeButton').click(
		function(){
			$('#fadeScreen').fadeOut('fast');
		}
	);	
	
	$('#nextButton').click(function(){pagination.next();});
	$('#nextButton').hover(
		function(){$(this).css('background-image', 'url(caseStudies_nextButtonO.jpg');}, 
		function(){$(this).css('background-image', 'url(caseStudies_nextButton.jpg');}
	); 
	$('#backButton').click(function(){pagination.previous();});	
	$('#backButton').hover(
		function(){$(this).css('background-image', 'url(caseStudies_backButtonO.jpg');}, 
		function(){$(this).css('background-image', 'url(caseStudies_backButton.jpg');}
	); 
	
	$('#mainTitle').click(function(){listCaseStudies();});	
	
	var socialString = "";
	socialString += '<div id = "socialSection">';			
	socialString += '	<p>Join our social media networks </p>';
	socialString += '	<div id = "wrapIcons">';
	socialString += '		<a target = "_blank" href="http://twitter.com/AdrianOval"><img onmouseover = "this.src=\'twitterIconO.png\'" onmouseout = "this.src=\'twitterIcon.png\'" src = "twitterIcon.png" /></a>';
	socialString += '		<a target = "_blank" href = "http://www.facebook.com/pages/Oval-Business-Solutions/124339367614537"><img onmouseover = "this.src=\'facebookIconO.png\'" onmouseout = "this.src=\'facebookIcon.png\'" src = "facebookIcon.png" /></a>';
	//socialString += '		<a href = ""><img onmouseover = "this.src=\'rssFeedO.png\'" onmouseout = "this.src=\'rssFeed.png\'" src = "rssFeed.png" /></a>';
	socialString += '		<a target = "_blank" href="http://www.linkedin.com/company/oval-business-solutions?trk=fc_badge"><img onmouseover = "this.src=\'linkedInO.png\'" onmouseout = "this.src=\'linkedIn.png\'" src = "linkedIn.png" /></a>';
	socialString += '	</div>';
	socialString += '</div>';
	
	//socialString += '	<div id="featurecontainer">';
	//socialString += '		<img id="paper" src="paper/dotstop.png" alt="">';
	//socialString += '		<div id="featurecontainerpapermain2" style = "background-image:url(paper/dotsmiddle.png);" class="twitter">';
	//socialString += '			<h5>Twitter Feed</h5>';
	//socialString += '		</div>';
	//socialString += '		<img src="paper/dotsbottom.png" alt="">';
	//socialString += '	</div>';
	
	$('#featurecontainervertical').children(":first-child").before(socialString);
	//$('#featurecontainervertical').insert(socialString);
	
	/*-----------ARTICLE COUNTER-----------*/
	
	var sumOfSpans = 0;
	var countArticles = 0;
	var articleLimit = 2;
	var extraPadding = articleLimit * 16;
	var sumOfHeight = 0;
	var originalHeight = $('#homePage #featurecontainerpapermain').height();
	
	if($('#homePage span.strongtext').parent()[0] != undefined){
		if($('#homePage span.strongtext').parent()[0].tagName=="P"){
		}
		else{
			$('#homePage span.strongtext').each(
				function(index){
					if(index==articleLimit){
						return false;
					}else{
						sumOfSpans += $(this).height();
					}
				}
			);
		}
	}
		
	$('#homePage #features p').each(
		function(index){
			if(index==articleLimit){
				return false;
			}else{
				sumOfHeight += $(this).height();
			}
		}
	);
		
	$('#homePage #featurecontainerpapermain').height(sumOfHeight + extraPadding + sumOfSpans + "px");
	$('#homePage #featurecontainerpapermain').css('overflow', 'hidden');
	
	$('#homePage a#expand').toggle(
		function(){
			//$('#featurecontainerpapermain').height(originalHeight);	
			$('#homePage #featurecontainerpapermain').animate({
				height: originalHeight
			});	
			$(this).css('background-image', 'url(collapse.png)');					
		},
		function(){
			//$('#featurecontainerpapermain').height(sumOfHeight + extraPadding + "px");	
			$('#homePage #featurecontainerpapermain').animate({
				height: sumOfHeight + extraPadding
			});
			$(this).css('background-image', 'url(expand.png)');					
		}
	);
	
	/*-----------------------*/

	/*----------------------*/
	
	$('#twitterButtonOut').toggle(
		function(){
			$(this).css('background-image', 'url(twitter-button-in.png)');
			$('#twitterSlide').animate({
				bottom: '0px'
			}, 200);
		},
		function(){
			$(this).css('background-image', 'url(twitter-button-out.png)');
			$('#twitterSlide').animate({
				bottom: '-152px'
			}, 200);			
		}
	);	
});

//=====================================================================================================================================
// General functions
//=====================================================================================================================================

//Get random number between minVal and maxVal
function randomXToY(minVal,maxVal,floatVal) {
	var randVal = minVal+(Math.random()*(maxVal-minVal));
	return typeof floatVal=='undefined'?Math.round(randVal):randVal.toFixed(floatVal);
}

//Set background wallpaper from cookie else get a random wallpaper and then set cookie to last 1 day
function setWallpaper() {
	var bgCookie = $.cookie('obs_bg');
	if (bgCookie == null) {
		var bg = bgWallpaper[randomXToY(0, bgWallpaper.length-1)];
		$("body").css("background-image", "url("+bg+")"); 
		$.cookie('obs_bg', bg, { expires: 1});
	} else {
		$("body").css("background-image", "url("+bgCookie+")"); 
	}
}

//Choose another random wallpaper
function resetWallpaper() {
	$.cookie('obs_bg', null);
	setWallpaper();
}

//Case Studies

function listCaseStudies(){	
	$('#firstPage').html("");
	$('#secondPage').html("");
	var caseStudiesList = [];
	var caseStudiesListCount = 0;	
	
	caseStudiesList = $('#caseStudiesList').html().split("</li>", -1);
		
	var sHTML="";
		
	for (i=caseStudiesListCount;i<=(caseStudiesListCount+15);i++){
		if(caseStudiesList[i]==null | caseStudiesList[i]=="undefined"){}
		else{		
			sHTML+=caseStudiesList[i];
		}
	}
	
	$('#firstPage').html(sHTML);
	sHTML = "";
	
	caseStudiesListCount = i;
			
	for (i=caseStudiesListCount;i<=(caseStudiesListCount+15);i++){
		if(caseStudiesList[i]==null | caseStudiesList[i]=="undefined" ){}
		else{
			sHTML+=caseStudiesList[i];
		}		
	}
	caseStudiesListCount = i;
	
	$('#secondPage').html(sHTML);
	
	$('#firstPage').append("");
	$('#secondPage').append("");
	
	$('#nextButton').hide();
	$('#backButton').hide();	
	$('#leftPageNumber').text('');
	$('#rightPageNumber').text('');
	
	$("#fadeScreen a.caseStudyItems").each(
		function(a){
			$(this).click(
				function(){
					$.ajax({ 
						url: dbURL+'/vwajaxkeyword/'+$(this).attr('id'),
						context: document.body, 
						success: function(html){
							$('#fadeScreen').fadeIn('fast');								
							pages = html.split("<PB>",-1);
							currentPage = -1;		
							nextPage = 0;
							previousPage = 0;
							$('#nextButton').hide();
							$('#backButton').hide();
							maxPage = pages.length;								  		
						 	pagination.next();
						}
					});
				}			
			);
		}
	);
	$('#fadeScreen').fadeIn('fast');
}