var currId = 0; //current page
var n = new Array(); //same level page ids

$(window).ready(function(){
	onResize();
});

$(window).load(function(){
	onResize();
});

$(function() {

	// events
	$(window).resize(function() {
		onResize();
	});
	
	$('.intLink').live('click',function() {
		loadPage($(this).attr('rel'));
		return false;
	});
	
	
	$('.nextBtn').live('click',function() {
		var pos = getPagePos(currId);
		if (pos < n.length - 1){
			loadPage(n[pos+1]);
		}
		return false;
	});
	
	$('.workTop .workViewBtn').live('click', function(){
		if($('.workColumns .thumbView').is(':visible')){
			$(this).css('background-image', 'url(../images/buttons/thumb_view.png)').html("Thumb View");
			$('.workColumns .thumbView').fadeOut('fast', function(){
				$('.workColumns .listView').fadeIn();
				setPageSize();
			});
		} else {
			$(this).css('background-image', 'url(../images/buttons/list_view.png)').html("List View");
			$('.workColumns .listView').fadeOut('fast', function(){
				$('.workColumns .thumbView').fadeIn();
				setPageSize();
			});
		}
		
		refreshFonts();
	});
	
	/*$(".imgHover").live({rollover: function(){
			$(this).fadeTo('fast', 0.8);
    	}, rollout: function(){
			$(this).fadeTo('fast', 1);
        }
    });*/
	
	$('.backBtn').live('click',function() {
		history.go(-1);
		return false;
	});
	
	
	$('.socialLinks a').fadeTo(0, 1);
	$('.socialLinks a').hover(function(){
		$(this).fadeTo('fast', 0.6);							   
	}, function(){
		$(this).fadeTo('fast', 1);
	});
	
	// navigation
	/*$('#TopMenu li a').hover(function(){
		if(!subMenuActive){
			var id = $(this).attr('rel');
			hideSubMenu();
			if($('#SubMenuHldr .subMenu[rel='+id+']').length > 0){
				$('#SubMenuHldr .subMenu[rel='+id+']').show();	
			}
			subMenuActive = true;
			
		}
	},function() {
		subMenuActive = false;
		setTimeout(function(){
			if(!subMenuActive){
				hideSubMenu();
				$('#SubMenuHldr div.current').show();
			}
		}, 1000);
	});
	*/
	$('#SubMenuHldr .subMenu').hover(function() {
		subMenuActive = true;
		var id = $(this).attr('rel');
		$('#TopMenu a[rel='+id+']').addClass("over");
	},function() {
		subMenuActive = false;
		var id = $(this).attr('rel');
		$('#TopMenu a[rel='+id+']').removeClass("over");
		refreshFonts();
		
		setTimeout(function(){
			if(!subMenuActive){
				hideSubMenu();
				$('#SubMenuHldr div.current').show();
			}
		}, 1000);
	});

	$(window).keypress(function(event) {
		switch (event.keyCode) {
			case 37: //left
				var pos = getPagePos(currId);
				if (pos > 0)
					loadPage(n[pos-1]);
				return false;
				break;
			case 39: //right
				var pos = getPagePos(currId);
				if (pos < n.length - 1)
					loadPage(n[pos+1]);
				return false;
				break;
		}
	});
	
	$('#QuickContact .closeBtn').click(function(){
		$('#QuickContact > .padding').fadeOut(500);
		$('#QuickContact').slideUp(1000, function(){
			$('#Overlay').fadeOut(500);							  
		});
	});
	
	
	$('#GetInTouch .quickContactBtn').click( function(){
		$('#Overlay').fadeIn(500, function(){
			$('#QuickContact').slideDown(1000, function(){
				$('#QuickContact > .padding').fadeIn(500);				
			});					   
		});													 
	});
	
	$('.bann .about').click( function(){
			$('#LeftPanel').slideToggle(1000, function(){
				$('#LeftPanel > .padding').fadeIn(500);							   
		});													 
	});
	
	$('#LeftPanel .closeBtn').click(function(){
		$('#LeftPanel').slideToggle(1000, function(){
		$('#LeftPanel > .padding').fadeOut(500);
		});					  
	});
	
	$('.shareBtn').live('click', function(){
		$('#Overlay').fadeIn(500, function(){
			$('#Share').fadeIn();				
		});
		return false;
	});
	
	
	$('#Share .closeBtn').live('click', function(){
		$('#Share').fadeOut();
		$('#Overlay').fadeOut();
	});
	
	$('.imgHover').live('mouseover', function(){
		$(this).find('img').fadeTo(300, 0.8);
    });
	
	$('.imgHover').live('mouseout', function(){
		$(this).find('img').fadeTo(300, 1);
    });
	
	$('.imgHover2').live('mouseover', function(){
		$(this).find('img').fadeTo(300, 0.5);
    });
	
	$('.imgHover2').live('mouseout', function(){
		$(this).find('img').fadeTo(300, 1);
    });
	
	resizeElements();
});


/////////////////Navigation/////////////////////
/*
function loadPage(id) {
	if(id == 2){
		id = 9;
	}
	currId = id;
	var pos = getPagePos(id);
	var newSection = false;
	setPageAttrs(id);
	
	if (pos != -1) {
		
		if($('html, body').scrollTop() >= 30){
			$('html, body').animate({'scrollTop': 0}, 500, function(){
				scrollToSection(pos);
			});
		} else {
			scrollToSection(pos);
		}
	} else {
		newSection = true;
		
		$('#Footer').fadeOut('slow');
		if(inArray(id, [21, 22, 23, 24, 25, 26])){
			$('#Preloader').fadeIn('slow');
		}
		$('#MainHldr').fadeOut('slow', function() {	
			$.ajax({
				'async': false,
				'global': false,
				'url': 'core/ajax_getpages.php',
				'data': 'id='+id+'&submitstatus='+submitstatus+'&submitmsg='+submitmsg,
				'success': function(data) {
					$('#MainHldr').hide();
					$('#Main').html(data);
					$.ajax({
						'async': false,
						'global': false,
						'url': 'core/ajax_getneighbours.php',
						'data': 'id='+id+'&submitstatus='+submitstatus+'&submitmsg='+submitmsg,
						'success': function(neighbours) {
							n = neighbours.split(',');
							
							$('#MainHldr').hide();
							$('#Main').show(); 
							$("#Main").find('img').batchImageLoad({
								loadingCompleteCallback: function(){
									$('#Preloader').fadeOut(1000);
									setPageSize();
									//$('#MainHldr').delay(1000).fadeIn(1500, function(){
									$('#MainHldr').fadeIn(1500, function(){
										
										$('#Footer').fadeIn('slow');
										setPageSize();
										setTimeout(setPageSize, 2000);
										for(var i = 0; i < n.length; i++){
											for(var j = 0; j < 5; j++){
												if($("#page" + n[i] +" .columns .row"+ j +" .padding")){
													$("#page" + n[i] +" .columns .row"+ j +" .padding").equalHeights();
												}
											}
										}
										
										submitstatus = '';
										submitmsg = '';
									});
									
									refreshFonts();
								}
							});
								
						}
					});
					
				}
			});
		});
	}
	

	if($('#TopMenu a.menuItem[rel='+id+']').length > 0){
		setTopMenuBtn(id);
		$('#SubMenuHldr .subMenu')
		$('#SubMenuHldr .subMenu').hide().removeClass('current');
		$('#SubMenuHldr .subMenu[rel='+id+']').addClass('current').show();
		$('#SubMenuHldr a').removeClass('current');
		
	} else if($('#SubMenuHldr a.menuItem[rel='+id+']').length > 0){
		var subMenu = $('#SubMenuHldr a.menuItem[rel='+id+']').parent().parent().parent();
		setTopMenuBtn(subMenu.attr('rel'));
		setSubMenuBtn(id);
		$('#SubMenuHldr .subMenu').hide().removeClass('current');
		subMenu.addClass('current').show();
	} else {
		$('#SubMenuHldr .subMenu').hide();
	}
	
	refreshFonts();
	
}
*/
function refreshFonts(){
	//Cufon.refresh('.avantGarde');
}

function inArray(value, array) {
    var length = array.length;
    for(var i = 0; i < length; i++) {
        if(array[i] == value) return true;
    }
    return false;
}


/*function scrollToSection(pos){
	var x = '-'+($(window).width() * pos)+'px';
	/*if(inArray(10, n)){
		$('#Main').animate({'left': x}, 1500, 'easeInOutQuad', function() {
			setPageSize();
		});
	} else {
		$('#Main').hide();
		setPageSize();
		$('#Main').delay(100).fadeIn(600, function() {
			setPageSize();
		});
	}
	
} */

function setPageAttrs(id){
	if (id != '' && $('#Header a.menuItem[rel='+id+']').length > 0) {
		var title = $('#Header a.menuItem[rel='+id+']').attr('title');
		$(document).attr('title', title+' - Bluwspace');
		$.address.value($('#Header a.menuItem[rel='+id+']').attr('href').substr(1));
	} else { // not in the menu
		$.get('core/ajax_getpageinfo.php', { id: id }, function(data) {
			var pos = data.indexOf('|');
			$.address.value('!'+data.substr(0, pos));
			var title = data.substr(pos+1);
			$(document).attr('title', title+' - Bluwspace');
		});
	}
}
/*
var subMenuActive = false;
function hideSubMenu(){
	if(!subMenuActive){
		$('#SubMenuHldr .subMenu').hide();
	}
}*/

function setTopMenuBtn(id){
	$('#TopMenu a').removeClass("current");
	$('#TopMenu a[rel='+id+']').addClass("current");
}


function setSubMenuBtn(id){
	$('#SubMenuHldr a').removeClass("current");
	$('#SubMenuHldr a[rel='+id+']').addClass("current");
}

function getPagePos(id) {
	var pagePos = -1;
	for (var i = 0; i < n.length; i++) {
		if (n[i] == id) {
			pagePos = i;
			break;
		}
	}
	return pagePos;
}


var windowSizeAry = [1000, 1200, 1400, 1600, 1800, 2000];
var currWindowSizeNum;

function onResize() {
	
	setPageSize();
	
	var windowHeight = $(window).height();
	var windowWidth = $(window).width();
	/*for(var i = 0; i < windowSizeAry.length; i++){
		if(windowWidth <= windowSizeAry[i]){
			if(currWindowSizeNum != i - 1){
				currWindowSizeNum = i - 1;	
				resizeText();
			}
			break;
		}
	}*/
	
	$('#Share').css('left', ((windowWidth -$('#Share').width()) / 2 )+'px');
	$('#Share').css('top', ((windowHeight -$('#Share').height()) / 2 )+'px');
}

function setPageSize(){
	var windowHeight = $(window).height();
	var windowWidth = $(window).width();
	var docHeight = $(document).height();
	var docWidth = $(document).width();
	
	var currPageHeight = $('#Main #page' + currId).height();
	var wrapHeight = $('#Header').height() + currPageHeight + $('#Footer').height();
	if(windowHeight > wrapHeight){
		wrapHeight = windowHeight;
	}
	
	if($('.page').length > 0){
		$('.page').width(windowWidth);
		
		$('#Main').width($('.page').size() * windowWidth);
		if(currPageHeight){
			$('#Main').height(currPageHeight);
		}
		$('#Main').css('left', '-'+(windowWidth * getPagePos(currId))+'px');
		
		resizeElements();
	}
	$('#Wrap').height(wrapHeight);
	

}

function resizeElements(){
	var windowWidth = $(window).width();
	if(windowWidth < 1400){
		$('#Footer > .padding').css('margin-left', '30px');
		$('#Footer > .padding').css('margin-right', '30px');
		
		$('#Header > .padding').css('margin-left', '30px');
		$('#Header > .padding').css('margin-right', '30px');
		
		$('#Main .page > .padding').css('margin-left', '30px');
		$('#Main .page > .padding').css('margin-right', '30px');
	
		
	} else {
		$('#Footer > .padding').css('margin-left', '30px');
		$('#Footer > .padding').css('margin-right', '30px');
		
		$('#Header > .padding').css('margin-left', '30px');
		$('#Header > .padding').css('margin-right', '30px');

		
		$('#Main .page > .padding').css('margin-left', '30px');
		$('#Main .page > .padding').css('margin-right', '30px');
	
	}
}

function resizeText(){
	var perc = (currWindowSizeNum/windowSizeAry.length);
	
	$('body').css('font-size', (15 - 13) * perc + 13 + 'px');
	$('h1').css('font-size', (30 - 24) * perc + 24 + 'px');
	$('h2').css('font-size', (22 - 16) * perc + 16 + 'px');
	$('.readMore').css('font-size', (22 - 16) * perc + 16 + 'px');
	
	refreshFonts();
}


//Slider

		$(function () {
			$('#slider').anythingSlider({
				autoPlay        : true,
				delay           : 9000,
				height          : 323,
				width           : 580,
				resizeContents  : true,
				stopAtEnd       : true,
				buildArrows     : false,
				theme           : 'work',
//				toggleControls  : true, // if true, then slide in controls on hover and slider change, hide @ other times
				onSlideComplete : function(slider){
					// alert('Welcome to Slide #' + slider.currentPage);
				}
			});
			
			$('#slider1').anythingSlider({
				buildArrows     : false,
				height          : 80,
				width           : 800,
				autoPlay        : true,
				stopAtEnd       : false,
				delay           : 8000,
//				toggleControls  : true, // if true, then slide in controls on hover and slider change, hide @ other times
				onSlideComplete : function(slider){
					// alert('Welcome to Slide #' + slider.currentPage);
				}
			});
			

					

			// Report Events to console
			$('.anythingSlider').bind('slideshow_start slideshow_stop slideshow_paused slideshow_unpaused slide_init slide_begin slide_complete',function(e, slider){
				// show object ID + event (e.g. "slider1: slide_begin")
				var txt = slider.$el[0].id + ': ' + e.type + ', now on panel #' + slider.currentPage;
				$('#status').text(txt);
				if (window.console && window.console.firebug){ console.debug(txt); } // added window.console.firebug to make this work in Opera
			});

			
				var theme = $(this).val();

				if (!$('link[href*=' + theme + ']').length) {
					$('body').append('<link rel="stylesheet" href="css/theme-' + theme + '.css" type="text/css" media="screen" />');
				}
				
			});