// JavaScript Document

$.getScript("backend.php?folder=portfolio/full/&name=portFull",function(){
	$.getScript("backend.php?folder=portfolio/thumb/&name=portIcons",buildPortfolio);
});

$.getScript("backend.php?folder=slides/&name=slides");

var myWidth = 0, myHeight = 0;
function getWinSize() {
  if( typeof( window.innerWidth ) == 'number' ) {
    //Non-IE
    myWidth = window.innerWidth;
    myHeight = window.innerHeight;
  } else if( document.documentElement && ( document.documentElement.clientWidth || document.documentElement.clientHeight ) ) {
    //IE 6+ in 'standards compliant mode'
    myWidth = document.documentElement.clientWidth;
    myHeight = document.documentElement.clientHeight;
  } else if( document.body && ( document.body.clientWidth || document.body.clientHeight ) ) {
    //IE 4 compatible
    myWidth = document.body.clientWidth;
    myHeight = document.body.clientHeight;
  }
//  window.alert( 'Width = ' + myWidth );
 // window.alert( 'Height = ' + myHeight );
}

var homeAnim = {'left' : '533px', 'width' : '99px'};
var aboutAnim = {'left' : '640px', 'width' : '130px'};
var portAnim = {'left' : '787px', 'width' : '125px'};
var contAnim = {'left' : '922px', 'width' : '143px'};

var bgAnim = {'left' : '0px'};
var logoAnim = {'top' : '100px'};
var navAnim = {'left' : '550px'}
var leftAnim = {'left' : '165px'};
var leftAnimO = {'left' : '-80px'};
var sliderAnim = {'top' : '250px'};
var sliderAnimO = {'top' : '-300px'};
var rightAnim = {'left' : '925px'};
var featuredAnim = {'left' : '100px'};
var featuredAnimO = {'left' : '-1100px'};
var homeIAnim = {'left' : '533px'};
var portfolioAnim = {'top':'235px'};
var portfolioAnimO = {'top':'-800px'};
var aboutUsAnim = {'left' : '150px'};
var aboutUsAnimO = {'left' : '-650px'};
var contUsAnim = {'left' : '150px'};

var slideShowInterval = null;

function toggleSlideShow(){
	if(slideShowInterval == null){//enable
		slideShowInterval = setInterval("slideRight()", 5500);
	}else{//disable
		clearInterval(slideShowInterval);
		slideShowInterval = null;
	}
}

//$(function() {
     
//});

function buildPortfolio(){
	var i = 0;
	for(i = 0; i < 16; i ++){
		if(i < portIcons.length){//has icon
			$("#portfolio").append('<a class="portIconB" href="'+portFull[i]+'" title="INKinc Design &#169; 2010. All rights reserved"><img class="portIcon" src="'+portIcons[i]+'" width="116" height="116" alt="" /></a>');
		}else{//blank
			$("#portfolio").append('<a class="portIconB" href="res/underConstruction.png" title="INKinc Design &#169; 2010. All rights reserved"><img class="portIcon" src="res/portStock.png" width="116" height="116" alt="" /></a>');
		}
	}
	
	$('#portfolio a').lightBox();
	
}

var fullscreenAnim = {'width' : '900px', 'height':'900px','opacity':'1.0'};
var fullscreenAnimO = {'width' : '0px', 'height' : '0px','opacity':'0.0'};
var isFullAnim = 0;
function fullImage(url){
	if(isFullAnim == 1) return;
	isFullAnim = 1;
	toggleOverlay();
	$('#fullscreenImage').css('backgroundImage', 'url('+url+')').css('visibility', 'visible').animate(fullscreenAnim,1000,'easeOutExpo');
	$('#fullscreenImage').click(function(){
		toggleOverlay();
		$('#fullscreenImage').animate(fullscreenAnimO,1000,'easeOutExpo',function(){
			isFullAnim = 0;
		});
	});
}

function allLoaded(){
	preloadslides();
//	buildPortfolio();	
}


window.onload = function(){
	getWinSize();
	if(navigator.appName == "Microsoft Internet Explorer")
		IE_FIX();
	$('#right').css('left',  myWidth +'px');
	$('.offScreenR').css('left',  myWidth +'px');
	$('#nav').css('left',  myWidth +'px');
//	$('#featured').css('top', myHeight + 'px');
	$('#contact').css('left',myWidth+'px');
	$('#rez').css('left',myWidth+'px');
	$('#zach').css('left',myWidth+'px');
	
	
	var loadAnimTime = 1000;
	var loadAnimEasing = 'easeOutBack';
	
	toggleOverlay();
	
	if(window.location.hash)
		currentPage = window.location.hash.slice(1);
	else
		currentPage = "Home";
		
		animate(currentPage,'in');
		
	$('#bgG').animate(bgAnim, loadAnimTime, 'easeOutExpo');
	$('#logo').animate(logoAnim, loadAnimTime, loadAnimEasing);
	$('#nav').animate(navAnim, loadAnimTime, loadAnimEasing, preloadslides);
//	$('#left').animate(leftAnim, loadAnimTime, 'easeOutExpo');
	$('#left').click(slideLeft);
//	$('#sliderB').animate(sliderAnim, loadAnimTime, loadAnimEasing);
//	$('#right').animate(rightAnim, loadAnimTime, 'easeOutExpo');
	$('#right').click(slideRight);
//	$('#featured').animate(featuredAnim, loadAnimTime, 'easeOutExpo', allLoaded);
	
	
	
}

var overlayIsAnim = 0;

function toggleOverlay(){
	if(overlayIsAnim == 1) return;
	overlayIsAnim = 1
	if($('#fullscreen').css('opacity') != 0)
		$('#fullscreen').animate({'opacity':'0'}, 1000, 'easeOutExpo', function(){overlayIsAnim = 0;$('#fullscreen').css('visibility','hidden').css('opacity','0');});
	else{
		$('#fullscreen').css('visibility','visible');
		$('#fullscreen').animate({'opacity':'0.7'}, 1000, 'easeOutExpo',function(){overlayIsAnim=0;});
	}
}

function IE_FIX(){
	$('#slider').css('left', '0px');
}

function animate(page,dir){
	getWinSize();
	if(dir == 'out'){
		switch(page){
			case "Home":
				toggleSlideShow();
				$('#sliderB'+centerSlideDiv).animate(sliderAnimO,1000,'easeOutBack');
				$('#left').animate(leftAnimO, 1000, 'easeOutExpo');
				$('#right').animate({'left' : myWidth +'px'}, 1000,'easeOutExpo',function(e){$('#right').css('visibility', 'hidden')});
				$('#featured').animate(featuredAnimO, 1000, 'easeOutExpo',function(e){$('#featured').css('visibility', 'hidden')});
				
				break;
			case "AboutUs":
				$('#about').animate(aboutUsAnimO, 1000, 'easeOutBack');
				$('#mehdi').animate(aboutUsAnimO, 1000, 'easeOutBack');
				$('#chad').animate(aboutUsAnimO, 1000, 'easeOutBack');
				$('#rez').animate({'left':myWidth+'px'}, 1000, 'easeOutBack',function(e){$('#rez').css('visibility', 'hidden')});
				$('#zach').animate({'left':myWidth+'px'}, 1000, 'easeOutBack',function(e){$('#zach').css('visibility', 'hidden')});
				break;
			case "Port":
				$('#portfolio').animate(portfolioAnimO,1000,'easeOutBack');
				$(window).height(960);
				break;
			case "ContactUs":
				$('#contact').animate({'left':myWidth+'px'}, 1000, 'easeOutBack',function(e){$('#contact').css('visibility', 'hidden')});
				break;
		}
	}else if(dir == 'in'){
			switch(page){
			case "Home":
				toggleSlideShow();
				$('#navH').animate(homeAnim,1000,'easeOutBack');
				$('#sliderB'+centerSlideDiv).animate(sliderAnim,1000,'easeOutBack');
				$('#left').animate(leftAnim, 1000, 'easeOutExpo');
				$('#right').css('visibility', 'visible').css('left', myWidth+'px').animate(rightAnim, 1000, 'easeOutExpo');
				$('#featured').css('visibility', 'visible').animate(featuredAnim, 1000, 'easeOutExpo');
				break;
			case "AboutUs":
				$('#navH').animate(aboutAnim,1000,'easeOutBack');
				$('#about').animate(aboutUsAnim, 1000, 'easeOutBack');
				$('#mehdi').animate(aboutUsAnim, 1000, 'easeOutBack');
				$('#chad').animate(aboutUsAnim, 1000, 'easeOutBack');
				$('#rez').css('visibility', 'visible');
				$('#zach').css('visibility', 'visible');
				$('#rez').animate(aboutUsAnim, 1000, 'easeOutBack');
				$('#zach').animate(aboutUsAnim, 1000, 'easeOutBack');
				
				
				break;
			case "Port":
				$('#navH').animate(portAnim,1000,'easeOutBack');
				$('#portfolio').css('visibility', 'visible').animate(portfolioAnim,1000,'easeOutBack');
				break;
			case "ContactUs":
				$('#navH').animate(contAnim,1000,'easeOutBack');
				$('#contact').css('visibility', 'visible').css('left', myWidth+'px').animate(contUsAnim, 1000, 'easeOutBack');
				break;
		}
	}
}

var currentPage = 'Home';

function loadPage(page){
	getWinSize();
	window.location.hash = page;
	animate(currentPage,'out');
	currentPage = page;//set
	animate(currentPage,'in');
}
var i = 0;

function preloadslides(){
	for( var i in slides){
		var tmp = new Image(640,289);
		tmp.src = slides[i];
		//alert('Slide ' + i + ' loaded');
	}
}

var currSlide = 0;
var centerSlideDiv = '';
var offScreenSlideDiv = '2';
var slideEase = 'easeOutBack';
var SlideRunning = 0;
var autoSlide = 1;
var autoSlideId;

function slideRight(){
	getWinSize();
	if(SlideRunning == 1) return;
	SlideRunning = 1;
	currSlide = currSlide + 1;
	if(currSlide > slides.length - 1) currSlide = 0;
	$('#slider'+offScreenSlideDiv).css('backgroundImage','url('+slides[currSlide]+')');
	$('#sliderB'+offScreenSlideDiv).css('left','-660px');
	$('#sliderB'+offScreenSlideDiv).animate({'left':'255px'},1000,slideEase);
	$('#sliderB'+centerSlideDiv).animate({'left':myWidth+'px'},1000,slideEase,function(){SlideRunning = 0;$('#sliderB'+offScreenSlideDiv).css('left','-800px');});
	if(offScreenSlideDiv =='2'){
		offScreenSlideDiv = '';
		centerSlideDiv = '2';
	}else{
		offScreenSlideDiv = '2';
		centerSlideDiv = '';	
	}
}


function slideLeft(){
	getWinSize();
	if(SlideRunning == 1) return;
	SlideRunning = 1;
	currSlide = currSlide - 1;
	if(currSlide < 0) currSlide = slides.length - 1;
	$('#slider'+offScreenSlideDiv).css('backgroundImage','url('+slides[currSlide]+')');
	$('#sliderB'+offScreenSlideDiv).css('left',myWidth+'px');
	$('#sliderB'+offScreenSlideDiv).animate({'left':'255px'},1000,slideEase);
	$('#sliderB'+centerSlideDiv).animate({'left':'-660px'},1000,slideEase,function(){SlideRunning = 0;});
	if(offScreenSlideDiv =='2'){
		offScreenSlideDiv = '';
		centerSlideDiv = '2';
	}else{
		offScreenSlideDiv = '2';
		centerSlideDiv = '';	
	}
}

//JS