//Omnable Portfolio V4

curView = "";
clearContainer = function(){
	$('#LeftC').empty();
	$('#C').empty();
	$('#RightC').empty();
}
goMain = function(){
	if (curView!="main"){
		curView = "main";
		clearContainer();
		for(i=0; i<30; i++){
			var newAlpha = Math.floor(Math.random()*50)/100;
			$('<div class="mainTile" style="display:none;" title="'+i+'"></div>').appendTo('#LeftC').delay((30-i)*20).fadeTo(500, newAlpha).hover(function(){
					$(this).stop().fadeTo(90,1);
					},
				function(){
					var newAlpha = Math.floor(Math.random()*60)/100;
					$(this).stop().fadeTo(500, newAlpha);
					});
		}
		for(i=0; i<30; i++){
			var newAlpha = Math.floor(Math.random()*50)/100;
			$('<div class="mainTile" style="display:none;" title="'+i+'"></div>').appendTo('#RightC').delay((30-i)*20).fadeTo(500, newAlpha).hover(function(){
					$(this).stop().fadeTo(90,1);
					},
				function(){
					var newAlpha = Math.floor(Math.random()*60)/100;
					$(this).stop().fadeTo(500, newAlpha);
					});
		}
		

		
		demo = '<iframe src="http://player.vimeo.com/video/34938931?title=0&amp;byline=0&amp;portrait=0&amp;autoplay=0" width="640" height="360" frameborder="0" webkitAllowFullScreen mozallowfullscreen allowFullScreen></iframe>';
		$('<div id="demo" style="position:relative; top:65px; width:640px; height:360px; margin: auto auto;">'+demo+'</div>').appendTo('#C');
		
	}
}

goBlog = function(){
	if(curView!="blog"){
		curView = "blog";
		clearContainer();
		$('<div style="width:150px; margin: 250px auto;"><center>Work in Progress</div>').appendTo('#C');
	}
}

goPhoto = function(){
	if(curView!="photo"){
		curView = "photo";
		clearContainer();
		$('<div style="width:150px; margin: 250px auto;"><center>Work in Progress</div>').appendTo('#C');
		/*
		$('<div id="albumList"></div>').appendTo('#C');
		$('<div id="bigPhoto"></div>').appendTo('#C');
		
		$('<div class="albumTitle">Blumen</div>').appendTo('#albumList');
		$('<div class="albumTitle">Guitar Blumen</div>').appendTo('#albumList');
		
		//get photo albums
		$.ajax({url:'v4/get.photoAlbums.php' , type:"POST" , data:'' , success: function(r){
				alert(r);
				}
		})
		*/
	}
}

goArt = function(){
	if(curView!="art"){
		curView = "art";
		clearContainer();
		$('<div style="width:150px; margin: 250px auto;"><center>Work in Progress</div>').appendTo('#C');
	}
}

goWeb = function(){
	if(curView!="web"){
		curView = "web";
		clearContainer();
		$('<div style="width:150px; margin: 250px auto;"><center>Work in Progress</div>').appendTo('#C');
	}
}

goFilm = function(){
	if(curView!="film"){
		curView = "film";
		clearContainer();
		$('<div style="width:150px; margin: 250px auto;"><center>Work in Progress</div>').appendTo('#C');
	}
}

goMusic = function(){
	if(curView!="music"){
		curView = "music";
		clearContainer();
		$('<div style="width:150px; margin: 250px auto;"><center>Work in Progress</div>').appendTo('#C');
	}
}

goAbout = function(){
	if(curView!="about"){
		curView = "about";
		clearContainer();
		$('<div style="width:150px; margin: 250px auto;"><center>Work in Progress</div>').appendTo('#C');
	}
}

goContact = function(){
	if(curView!="contact"){
		curView = "contact";
		clearContainer();
		$('<div style="width:150px; margin: 250px auto;"><center>Work in Progress</div>').appendTo('#C');
	}
}


$(function(){

	$('<div id="navBar"></div>').appendTo('body').fadeTo(500, .8);
	$('<div id="navBarContainer"></div>').appendTo('#navBar');
	$('<div id="container"></div>').appendTo('body');
	$('<div id="LeftC"></div>').appendTo('#container');
	$('<div id="C"></div>').appendTo('#container');
	$('<div id="RightC"></div>').appendTo('#container');
	$('<div id="footer"></div>').appendTo('body');
	
	$('<div id="navMain" class="navBtn">Main</div>').appendTo('#navBarContainer').click(function(){goMain();});
	$('<div id="navFilm" class="navBtn">Film</div>').appendTo('#navBarContainer').click(function(){goFilm();});
	$('<div id="navPhoto" class="navBtn">Photography</div>').appendTo('#navBarContainer').click(function(){goPhoto();});
	$('<div id="navArt" class="navBtn">Art</div>').appendTo('#navBarContainer').click(function(){goArt();});
	$('<div id="navWeb" class="navBtn">Web</div>').appendTo('#navBarContainer').click(function(){goWeb();});
	$('<div id="navMusic" class="navBtn">Music</div>').appendTo('#navBarContainer').click(function(){goMusic();});
	$('<div id="navBlog" class="navBtn">Blog</div>').appendTo('#navBarContainer').click(function(){goBlog();});
	$('<div id="navAbout" class="navBtn">Dossier</div>').appendTo('#navBarContainer').click(function(){goAbout();});
	$('<div id="navContact" class="navBtn">Contact</div>').appendTo('#navBarContainer').click(function(){goContact();});
	
	
	//set navBar width
	var navBtnW = 0;
	navBtnW += $('#navBlog').css("width");
	navBtnW += $('#navPhoto').css("width");
	navBtnW += $('#navArt').css("width");
	navBtnW += $('#navWeb').css("width");
	navBtnW += $('#navMain').css("width");
	navBtnW += $('#navFilm').css("width");
	navBtnW += $('#navMusic').css("width");
	navBtnW += $('#navAbout').css("width");
	navBtnW += $('#navContact').css("width");
	
	navBtnW = navBtnW.split("px");
	navBtnsW = 0;
	for(var i=0; i<9; i++){
		navBtnsW += (1 * navBtnW[i]) + 12;
	}
	$('#navBarContainer').width(navBtnsW);
	
	
	//FaceBook stuff
	fbStuff = '<div class="fb-like-box" data-href="http://www.facebook.com/pages/Omnablecom-Design-Development/292286220820934" data-width="400" data-height="100" data-colorscheme="dark" data-show-faces="false" data-border-color="000" data-stream="false" data-header="false"></div>';
	$('<div id="fb">'+fbStuff+'</div>').appendTo('#footer');
	flurish = '<div class="fb-like-box" data-href="http://www.facebook.com/pages/4lurishcom/330982686923494" data-width="400" data-height="100" data-colorscheme="dark" data-show-faces="false" data-border-color="000" data-stream="false" data-header="false"></div>';
	$('<div id="flurish">'+flurish+'</div>').appendTo('#footer');
	goMain();
});