/****************************************************************************
		 RE-USED FUNCTIONS
****************************************************************************/

$(".theworks").live('click', function () { 
		smallSliderClick(this,"#theWorksWrapper");
		return false;
});

$("#aboutUsContainer li a").live('click', function () { 
		smallSliderClick(this,"#aboutUsWrapper");
		return false;
});


$(function(){
	
//Initiate homeslider on body load
smallSlider("#homeSliderWrapper","false","small","false");
smallSlider("#aboutUsWrapper","false","small","false");

/*//Capture all the clicks
$('#homeMasterWrapper .next').click(function(){
		nextClick(this,"small");
});

$('#homeMasterWrapper .prev').click(function(){
		prevClick(this,"small");
});
*/


/*********************** Adding and Removing OPEN CLASS ****************************/	

function openClasses(blahparent) {
	$(blahparent).removeClass("closed").addClass("open");
}
function closeClasses(blahparent) {
	$(blahparent).removeClass("open").addClass("closed");
}
function whatsnewCloseClasses() {
	$("#whatsNew").removeClass("open").removeClass("semiclosed").addClass("closed");
}
function whatsnewOpenClasses() {
	$("#whatsNew").removeClass("semiclosed").removeClass("closed").addClass("open");
}
function whatsnewSemiClasses() {
	$("#whatsNew").removeClass("closed").removeClass("open").addClass("semiclosed");
}

/************************ Adding and Removing Border Bottom ************************/	

function addBottomBorder(blah) {
	$(blah).css({'border-bottom-color' : '#d1d3d4' }, 400, 'swing');
}
function removeBottomBorderAddMargin(blah) {
	$(blah).css({'border-bottom-color' : 'white','margin-bottom' : '0'}, 400, 'swing');
}

/******************************* Resetting About Us *******************************/	

function resetAboutUs() {
	$('#homeMasterWrapper .slide_buttons').hide();
	$('#whatsNew h2').animate({ marginBottom: '15' }).css({'border-bottom-color' : '#d1d3d4'});
	$("#aboutUsContainer").slideUp();
	$("#whatsNewContainer p").slideUp();
	$("#homeMasterWrapper").slideDown( function(){
		$("#whatsNewContainer").slideDown( function(){
			$("#aboutUs, #theWork, #ourTeam, #contactUs").removeClass("open").addClass("closed");
			whatsnewCloseClasses();
		});
	});
}
function resetAboutUsFromAboutUs() {
	$('#whatsNew h2').animate({ marginBottom: '15' }).css({'border-bottom-color' : '#d1d3d4'});
	$("#aboutUsContainer").slideUp();
	$("#whatsNewContainer p").slideUp();
	$("#homeMasterWrapper").slideDown( function(){
		$("#whatsNewContainer").slideDown( function(){
			$("#aboutUs, #theWork, #ourTeam, #contactUs").removeClass("open").addClass("closed");
			whatsnewSemiClasses();
		});
	});
}
function resetNewAboutClients() {
	$('#whatsNew').animate({ marginTop: '0' }, 800, 'swing').slideDown(500,'swing');
	$("#ourClients").css({'margin-bottom':'0'}).addClass("closed").removeClass("open");
	$('#ourClientsContainer').slideUp(400,'swing');
	$('#ourClients h2').css({ 'border-bottom-color' : 'white' }, 400, 'swing');
	$('#aboutUs').animate({ marginTop: '0' }, 400, 'swing');	
	whatsnewSemiClasses();
}
function resetNewAboutClientsOpen() {
	$('#whatsNew').animate({ marginTop: '0' }, 800, 'swing').slideDown(500,'swing');
	$("#ourClients").css({'margin-bottom':'0'}).addClass("closed").removeClass("open").slideDown(400,'swing');
	$('#ourClientsContainer').slideUp(400,'swing');
	$('#ourClients h2').css({ 'border-bottom-color' : 'white' }, 400, 'swing');
	$('#aboutUs').animate({ marginTop: '0' }, 400, 'swing', function(){
		$('#whatsNew h2').css({ 'border-bottom-color' : '#d1d3d4', 'margin-bottom' : '15px' }, 400, 'swing');
		$('#whatsNewContainer').slideDown(500, 'swing');
		$('#whatsNew').slideDown(500,'swing').addClass("semiclosed");
		whatsnewSemiClasses();
	});
}

/*********** OPEN AND CLOSE ICONS DISABLING WHILST ANIMATION HAPPENING ***********/	
/*function iconsDisabled(){
	$('#main img.closedicon,	#main img.openicon,	#main img.openiconHL').css({display:'none'});
}*/

/*********** Dynamic Height ***********/	

/*function changeMainHeight() {
	var mainheight = $(window).height() - $('header').height() - $('footer').height() +140;
	$('#main').animate({height : mainheight}, 1000, 'swing');
}*/

/*********** Dynamic Footer Height ***********/	

function footerHeight() {
	var footerheight = $(window).height() - $('#main').height() - $('header').height();
	$('footer').animate({height : footerheight}, 2000, 'swing');
}

function footerHeight2() {
	var footerheight = $(window).height() - $('#main').height() - $('header').height() + 106;
	$('footer').animate({height : footerheight}, 2000, 'swing');
}

/*********** RUN Dynamic Height ON PAGE LOAD ***********/

$(document).ready(function () {
	
	var windowHeight = $(window).height();
	
	if (windowHeight < 850) {
		$('body').addClass('smallScreen');
	}
	
	$(window).resize(function () {
		
		var windowHeight = $(window).height();
	
		if (windowHeight >= 850) {
			$('body').removeClass('smallScreen');
		}
		else {
			$('body').addClass('smallScreen');
		}
		
	});
	
});


/*********** RUN Dynamic Height ON PAGE LOAD ***********/

/*$(document).ready(function () {
	changeMainHeight();
});*/

/*$(window).resize( function(){ 
	var mainheight = $(window).height() - $('header').height() - $('footer').height() +140;
	$('#main').animate({height : mainheight});
});*/



/*********** Delayed boxes ***********/	

function delayedboxes(smallboxclass) { 
var smallboxclass;
for ( var i=1; i<8; i++)
	{
		var delaysecond = i * 100;
		$('.'+smallboxclass+':nth-child('+i+')').delay(delaysecond).fadeIn(150, 'swing');
	}
}

/****************************************************************************
			ABOUT US MOVEMENT            LOOKIN GOOD!!!!!!!!!!!!!!!!!!!!
****************************************************************************/

$("#aboutUs img").click(function() {
	
	var blah = $(this);
	var blahparent = $(this).parent();
	var blahparentotherDivs = $(this).parent().siblings('div');
	var blahotherContainers = $(this).parent().siblings().children('div');

	function aboutUsOpenAnim(){
		stopslider();
		$('#whatsNew h2').animate({ marginBottom: '0' }, 300, 'swing', function(){
			$(blahotherContainers).slideUp();
			$("#aboutUsContainer").slideDown(600);
			$('#whatsNew h2').css({'border-bottom-color' : '#FFF'});
			$("#whatsNewContainer p").slideUp();
			$("#whatsNew").removeClass("open").removeClass("closed").addClass("semiclosed");
			resetNewAboutClients();
			openClasses(blahparent);
			$(blahparentotherDivs).removeClass("open").addClass("closed");
			whatsnewCloseClasses();
		});
	}
	
	if ($(blahparent).hasClass("contactOpen")) {
		var blah = $('#contactUs h2 a').parent();
		var blahparent = $('#contactUs h2 a').parent().parent();
		var blahsibling = $('#contactUs h2 a').parent().siblings('div');
		var blahotherH2s = $('#contactUs h2 a').parent().parent().siblings().children('h2');
			
			resetNewAboutClientsOpen();
			$(blahsibling).slideUp(300,'swing', function(){
				$('#theWork h2, #ourTeam h2, #ourClients h2').css({ 'border-top-color' : '#d1d3d4' });
				$('#whatsNew h2').css({ 'border-bottom-color' : '#d1d3d4' });
				$(blahotherH2s).slideDown(200,'swing');
				closeClasses(blahparent);
				removeBottomBorderAddMargin(blah);
				$('#aboutUs').removeClass('contactOpen').addClass('closed');
				aboutUsOpenAnim();
			})
		return false;
	}
	
	if ($(blahparent).hasClass("closed")) {
		aboutUsOpenAnim();
	}
	else if ($(blahparent).hasClass('open')) {
		resetAboutUsFromAboutUs();
		closeClasses(blahparent);
	}
});

/****************************************************************************
			WHATS NEW MOVEMENT           LOOKIN GOOD!!!!!!!!!!!!!!!!!!!!  
****************************************************************************/
	
$("#whatsNew h2").click(function() {
	var blah = $(this);
	var blahparent = $(this).parent();
	var blahsibling = $(this).siblings('div');
	var blahparentotherDivs = $(this).parent().siblings('div');
	
	if ($(blahparent).hasClass("closed")) {
		$("#aboutUsContainer, #ourClientsContainer").slideUp( function(){
			removeBottomBorderAddMargin('#ourClients h2');
			removeBottomBorderAddMargin('#ourClients');
			resetAboutUs();
			$("#whatsNewContainer p").slideDown();
			$(blahparentotherDivs).removeClass("open").addClass("closed");
			$(blahparent).removeClass("closed").addClass("open");
			$('#homeMasterWrapper .slide_buttons').show();
		});
	}
	if ($(blahparent).hasClass("semiclosed")) {
		$("#aboutUsContainer, #ourClientsContainer").slideUp( function(){
			$("#whatsNewContainer p").slideDown();
			$(blahparentotherDivs).removeClass("open").addClass("closed");
			$(blahparent).removeClass("semiclosed").addClass("open");
			$('#homeMasterWrapper .slide_buttons').show();
		});
	}
	else if ($(blahparent).hasClass('open')) {
		$("#whatsNewContainer p").slideUp();
		$(blahparent).removeClass("open").addClass("semiclosed");
		resetNewAboutClients();
		$('#homeMasterWrapper .slide_buttons').hide();
	}
});	
		
/****************************************************************************
			THE WORK MOVEMENT            LOOKIN GOOD!!!!!!!!!!!!!!!!!!!!
****************************************************************************/

$('#theWork h2 a').click(function() {
	
	var blah = $(this).parent();
	var blahparent = $(this).parent().parent();
	var blahsibling = $(this).parent().siblings('div');
	
	if($(blahparent).hasClass('closed')) {
		resetAboutUs();
		addBottomBorder(blah);
		
		if ($('body').attr('class') != 'smallScreen' ) 
		{
				$('#container').animate({ marginTop: '-102' }, 700, 'swing');
		}
		$('#whatsNew').slideUp(400,'swing').animate({ marginTop: '-15' }, 400, 'swing');	
		$('#ourTeam h2').css({ 'border-top-color' : 'white'}, 200, 'swing');
		$('#container header img').animate({ 'marginTop' : '-100', 'opacity' : '0' }, 500, 'swing');
		$('#aboutUs').animate({ marginBottom: '0' }, 600, 'swing').animate({ marginTop: '-140' }, 400, 'swing', function() {
			
			$(blah).css({ 'margin-bottom' : '5px'}, 200, 'swing');
			$('#ourTeam, #ourClients, #contactUs').animate({ opacity: '0' }, 0, 'swing');
			$(blahsibling).slideDown(400,'swing', function() { 
				
				$('#ourTeam, #ourClients, #contactUs').css({ display: 'none' });			
				openClasses(blahparent);
				smallSlider("#theWorksWrapper","false","small","false");
				//$("#theWorksWrapper div div:eq(0)").addClass("clearfix").css("border","solid 1px red").css("height","500px");
			});
			/*changeMainHeight();*/
		});
	} 
return false;
});

$('#theWork .openiconHL').click(function() {
		
		var blah = $('#theWork h2 a').parent();
		var blahparent = $('#theWork h2 a').parent().parent();
		var blahsibling = $('#theWork h2 a').parent().siblings('div');
	
		stopslider();
		$(blahsibling).slideUp(500,'swing');
		$('#ourTeam, #ourClients, #contactUs').css({display: 'block'}).animate({ opacity: '1' }, 1000, 'swing');
		$('#container').animate({marginTop: '0'}, 600, 'swing');
		$('#ourTeam h2').css({'border-top-color' : '#d1d3d4'}, 200, 'swing');
		removeBottomBorderAddMargin(blah);
		closeClasses(blahparent);
		resetNewAboutClients();
		$('#theWorkContainer > ul > li').removeClass('current');
		$('#theWorkContainer > ul > li:first-child').addClass('current');
		$('#theWorksWrapper .workSlide').css({display : 'none'});
		$('#theWorksWrapper .workSlide:first-child').css({display : 'block'});
		$('#container header img').animate({ 'marginTop' : '0', 'opacity' : '1' }, 500, 'swing');
	
	return false;
});

/****************************************************************************
				PROJECT MOVEMENT           LOOKIN GOOD!!!!!!!!!!!!!!!!!!!!
****************************************************************************/

$(".projectBig").live("click", function () {
	stopslider();
	wherefrom = $(this).parent().parent();
	wherefrom2 = $(this).parent().parent().parent();
	
	var url = $(this).attr("href");
	
	var request = $.ajax({
								url: url,
								type: "POST",
								data: {page : "yes"},
								dataType: "html"
	});
	request.done(function(msg) {
		$("#project").html( msg );
		var main = $('#main').height() + 106;
		
		if ($('body').hasClass('smallScreen')) 
		{
				var negativeMain = -1 * ( parseInt(main) + 50);
		}
		else 
		{
				var negativeMain = -1 * ( parseInt(main) + 156);
		}
		
		$('footer').css({display: 'none'});
		$('#main').animate({minHeight: main},500, 'swing');
		$('footer .vcard').css({display: 'none'});
		$('#container').animate({marginTop: negativeMain}, 700, 'swing', function() { 
				
			$('#project').animate({marginTop: '-1030'}, function() {
				$('#project').css({display: 'block'});
				$('html').addClass('temp2');
				$('.projectClose').addClass('fromtheWork');
					
				if($(wherefrom2).attr('id')!="contactUsContainer")
				{
					smallSlider("#fuel-slider-wrapper","true","big","true");
					$('#fuel-slider-master .next').click(function(){
							nextClick(this,"big");
					});
					$('#fuel-slider-master .prev').click(function(){
							prevClick(this,"big");
					});
					$('.slide img').mouseover(function(){
						stopslider();
					});
					$('.slide img').mouseout(function(){
						stopslider();
						$("#specaildiv").css("height","0px");	
						setTimeout(function(){autoSlide("#fuel-slider-wrapper","big")}, 0);
					});					
				}
			});
			$('#project').animate({marginTop: '0'}, 500, 'swing');
	});	
		
		function projectclose(projectMarginTop) {
			var main = $('#main').height() - 106;
			var positiveMain = 1 * ( parseInt(main) + 156);

			$('footer').css({display: 'block'});
			$('#project').slideUp(200,'swing', function(){
				
				$('#main').animate({minHeight: main},500, 'swing');
				$('footer').animate({height: '0'},10, 'swing');
				$('#container').animate({marginTop: projectMarginTop}, 700, 'swing', function() {	
					$('html').removeClass('temp2');	
					$('footer').delay(200).animate({height: '110'},300, 'swing');
					$('footer .vcard').animate({marginTop: '1400'}, function(){
						$('footer .vcard').css({display: 'block'});
						$('footer .vcard').animate({marginTop: '0'});
					});
				});
			});
			
			return false;
		}
		
		$('.projectClose').click(function() {
			
			$("#project").html("");
					
			if($(wherefrom).attr('id')=='whatsNewContainer') {
				stopslider();
				projectclose(0);
			}
			else if($(wherefrom2).attr('id')=='contactUsContainer'){
				stopslider();
				projectclose(0);
			}
			else{
				stopslider();
				projectclose(-103);
			}
			return false;
		});
	});
	return false;
});

/****************************************************************************
				OUR TEAM MOVEMENT           LOOKIN GOOD!!!!!!!!!!!!!!!!!!!!
****************************************************************************/

$('#ourTeam h2 a').click(function() {
	
	var blah = $(this).parent();
	var blahparent = $(this).parent().parent();
	var blahsibling = $(this).parent().siblings('div');
	
	if($(blahparent).hasClass('closed')) {
		resetAboutUs();
		addBottomBorder(blah);
		/*changeMainHeight();*/
		if ($('body').attr('class') != 'smallScreen' ) 
		{
				$('#container').animate({ marginTop: '-102' }, 600, 'swing');
		}
		
		$('#container header img').animate({ 'marginTop' : '-100', 'opacity' : '0' }, 500, 'swing');
		$('#whatsNew').slideUp(500,'swing').animate({ marginTop: '-15' }, 400, 'swing');
		$('#theWork').css({ display: 'none' });
		$('#ourClients h2').css({ 'border-top-color' : 'white'}, 200, 'swing');	
		$('#aboutUs').animate({ marginBottom: '0' }, 600, 'swing').animate({ marginTop: '-140' }, 400, 'swing', function() {
			$(blahsibling).slideDown(400,'swing', function() { 
				$('#ourClients, #contactUs').css({ display: 'none' });
				openClasses(blahparent);
			});
		});
	} 
	return false;
});

$('#ourTeam .openiconHL').click(function() {
	
	var blah = $('#ourTeam h2 a').parent();
	var blahparent = $('#ourTeam h2 a').parent().parent();
	var blahsibling = $('#ourTeam h2 a').parent().siblings('div');
	
	if($(blahparent).hasClass('open')) {
		$('#theWork, #ourClients, #contactUs').css({ display: 'block' });
		$('#container').animate({ marginTop: '0' }, 600, 'swing');
		$(blahsibling).slideUp(500,'swing');
		$('#ourClients h2').css({ 'border-top-color' : '#d1d3d4'}, 200, 'swing');
		removeBottomBorderAddMargin(blah);
		closeClasses(blahparent);
		resetNewAboutClients();
		$('#container header img').animate({ 'marginTop' : '0', 'opacity' : '1' }, 500, 'swing');
	}
	else if($(blahparent).hasClass('member')) {

		var request = $.ajax({
									url: "pages/ourteam.php",
									type: "POST",
									data: {page : "yes"},
									dataType: "html"
		});
		request.done(function(msg) {

			$("#ourTeamContainer").hide(300, 'swing', function(){
						$("#ourTeamContainer").html( msg ).show(300, 'swing');
			});
		});	
	
		$(blahparent).removeClass('member').addClass('open');
	}
	return false;
});	

/****************************************************************************
				LITTLE TEAM MOVEMENT           LOOKIN GOOD!!!!!!!!!!!!!!!!!!!!
****************************************************************************/

$(".littleTeam").live("click", function () {
	
	var blahparentparent = $(this).parent().parent();
	var others = $(this).siblings().children();
	var thisteamText = $(this).children().children('.teamText');
	
	var url = $(this).attr("href");
	if(url == "") {
		return false;
	}
	else {
		$('#ourTeam').removeClass('open').addClass('member');
		var request = $.ajax({
										url: url,
										type: "POST",
										data: {page : "yes"},
										dataType: "html"
		});
		$(others).hide(300, 'swing', function(){
			$(thisteamText).hide(20, 'swing');
			request.done(function(msg) {
				$(thisteamText).animate({width : '512'}, 'swing', function(){
							$(thisteamText).html( msg ).show(200, 'swing');
				});
			});	
		});
		return false;	
	}
	
});

/****************************************************************************
				OUR CLIENTS MOVEMENT           LOOKIN GOOD!!!!!!!!!!!!!!!!!!!!
****************************************************************************/	
		
$('#ourClients h2').click(function() {
	
	var blah = $(this);
	var blahparent = $(this).parent();
	var blahsibling = $(this).siblings('div');
	
	if($(blahparent).hasClass('closed')) {
		stopslider();
		resetAboutUs();
		$('#whatsNew').slideUp(500,'swing', function() {
			$('#whatsNewContainer').css({ display: 'none' });
			$('#whatsNew h2').css({ 'border-bottom-color' : 'white', 'margin-bottom' : '0' }, 400, 'swing');
			$('#whatsNew').slideDown(500,'swing', function() {
				$(blahsibling).slideDown(500,'swing', function() {
					$(blahparent).css({'margin-bottom':'12px'}).removeClass("closed").addClass("open");
				});
				addBottomBorder(blah);
			});
			$("#whatsNew").removeClass("open").removeClass("semiclosed").addClass("closed");
		});
	} 
	else if ($(blahparent).hasClass('open')) {
		//$(blahparent).css({'margin-bottom':'0'});
		removeBottomBorderAddMargin(blah);
		closeClasses(blahparent);
		resetNewAboutClientsOpen();
	}
	return false;
});
	
/****************************************************************************
				CONTACT US MOVEMENT           LOOKIN GOOD!!!!!!!!!!!!!!!!!!!!         
****************************************************************************/	
		
$('#contactUs h2 a').click(function() {
	
	var blah = $(this).parent();
	var blahparent = $(this).parent().parent();
	var blahsibling = $(this).parent().siblings('div');
	var blahotherH2s = $(this).parent().parent().siblings().children('h2');
	
	if($(blahparent).hasClass('closed')) {
		stopslider();
		resetAboutUs();
		$('#ourClients').slideUp(150,'swing');
		$('#theWork h2, #ourTeam h2, #ourClients h2').css({ 'border-top-color' : 'white' });
		$('#whatsNew h2').css({ 'border-bottom-color' : 'white' });
		$('#whatsNew').slideUp(400,'swing', function() {
			$('#whatsNewContainer').css({ display: 'none' });
			openClasses(blahparent);
			$(blahotherH2s).slideUp(250,'swing', function(){
				addBottomBorder(blah);
			});
		});
		$('footer').animate({'border-top-width' : '1000'}, 600, 'swing');
		$(blahsibling).animate({marginTop: '1500'}, 800, 'swing', function(){
			$(blahsibling).css({display:'block'}).animate({marginTop: '0'}, 800, 'swing');
			$('footer').animate({'border-top-width' : '50'}, 800, 'swing');
		});
		$('#aboutUs').removeClass('closed').addClass('contactOpen');
	} 
	return false;
});

$('#contactUs .openiconHL').click(function() {
	
	var blah = $('#contactUs h2 a').parent();
	var blahparent = $('#contactUs h2 a').parent().parent();
	var blahsibling = $('#contactUs h2 a').parent().siblings('div');
	var blahotherH2s = $('#contactUs h2 a').parent().parent().siblings().children('h2');
		
		resetNewAboutClientsOpen();
		$(blahsibling).slideUp(300,'swing', function(){
			$('#theWork h2, #ourTeam h2, #ourClients h2').css({ 'border-top-color' : '#d1d3d4' });
			$('#whatsNew h2').css({ 'border-bottom-color' : '#d1d3d4' });
			$(blahotherH2s).slideDown(200,'swing');
			closeClasses(blahparent);
			removeBottomBorderAddMargin(blah);
			$('#aboutUs').removeClass('contactOpen').addClass('closed');
			$('#socialLikes').slideDown(10,'swing');
		})
	return false;
});

/****************************************************************************
				PRO WORKFLOW LOGIN         
****************************************************************************/	
	
$('#proworkflow').click(function() {
	
	$('#pwfContainer').slideDown(50);
	$('#pwfLogin').animate({'margin-top' : '21'}, 600, 'swing');
	
});
$('#pwfLogin .openicon').click(function() {
	
	$('#pwfLogin').animate({'margin-top' : '2000'}, 2000, 'swing');
	
});

/****************************************************************************
																DYNAMIC LOADING
****************************************************************************/		
	
$(document).ready(function () {
	
	/****** PORTFOLIO PAGE ******/	
	var request = $.ajax({
								url: "pages/portfolio.php",
								type: "POST",
								data: {page : "Portfolio"},
								dataType: "html"
	});
	request.done(function(msg) {
		$("#theWorkContainer").html( msg );
	});	
	
	/****** OURTEAM PAGE ******/	
	var request = $.ajax({
								url: "pages/ourteam.php",
								type: "POST",
								data: {page : "yes"},
								dataType: "html"
	});
	request.done(function(msg) {
		$("#ourTeamContainer").html( msg );
	});	
	
	/****** CONTACT US PAGE ******/	
	var request = $.ajax({
								url: "pages/contact.php",
								type: "POST",
								data: {page : "yes"},
								dataType: "html"
	});
	request.done(function(msg) {
		$("#contactUsContainer").html( msg );
	});	
	
	
});

/****************************************************************************
																Project Arrows
****************************************************************************/	

$('.fb-like').click(function() {

$('footer').animate({ marginTop : 100});


});



});