/***************************/
//@Author: Adrian "yEnS" Mato Gondelle
//@website: www.yensdesign.com
//@email: yensamg@gmail.com
//@license: Feel free to use it, but keep this credits please!					
/***************************/

//SETTING UP OUR POPUP
//0 means disabled; 1 means enabled;
var popupStatus = 0;
var PName = "";
var PTitle = "";
var PCount = 0;
var PIndex = 0;
var SPIndex = "";
var PageName

function ShowProject(Page, ProjectName, ProjectIndex, ProjectCount)
{
	//set variable values
	PageName = Page;
	PTitle = ProjectName;
	PName = ProjectName + ProjectIndex;
	PCount = ProjectCount;
	PIndex = parseInt(ProjectIndex);
	
	//hide first
	HideProjects();
	//centering with css
	centerPopup();
	//load popup
	loadPopup();
}

function NextProject()
{
	if (PIndex == PCount)
	{
		HideProjects();
		PIndex = 1;
		PName = PTitle + '1';
		LoadNext();
	}
	else
	{
		HideProjects();
		PIndex = PIndex + 1;
		SPIndex = PIndex + '';
		PName = PTitle + SPIndex;
		LoadNext();
	}
}

function LoadNext()
{
	$(PName).fadeIn("slow");
	$(PName).css({"visibility": "visible"});
	centerPopup();
}

function SelectProject(ProjectName)
{
	HideProjects();
	$(ProjectName).fadeIn("slow");
	$(ProjectName).css({
		"position": "absolute",
		"top": 0,//windowHeight/2-popupHeight/2,
		"left": 0//windowWidth/2-popupWidth/2
	});
	$(ProjectName).css({"visibility": "visible"});
}

function ShowSubProject(ProjectName, top, left)
{
	$(ProjectName).fadeIn("slow");
	$(ProjectName).css({
		"position": "absolute",
		"top": top,//windowHeight/2-popupHeight/2,
		"left": left//windowWidth/2-popupWidth/2
	});
	$(ProjectName).css({"visibility": "visible"});
}

function SetProject(ProjectName, ProjectIndex, ProjectCount)
{
	PTitle = ProjectName;
	PName = ProjectName + ProjectIndex;
	PCount = ProjectCount;
	PIndex = parseInt(ProjectIndex);
	
	HideProjects();
	$(PName).fadeIn("slow");
	$(PName).css({
		"position": "absolute",
		"top": 0,//windowHeight/2-popupHeight/2,
		"left": 0//windowWidth/2-popupWidth/2
	});
	$(PName).css({"visibility": "visible"});
}
//loading popup with jQuery magic!
function loadPopup(){
	//loads popup only if it is disabled
	if(popupStatus==0){
		$("#BackGround").css({
			"opacity": "0.7"
		});
		$("#BackGround").fadeIn("slow");
		$("#ProjectHolder").fadeIn("slow");
		$(PName).fadeIn("slow");
		$(PName).css({"visibility": "visible"});
		//"#ProjectHolder"
		popupStatus = 1;
	}
}

//disabling popup with jQuery magic!
function disablePopup(){
	//disables popup only if it is enabled
	if(popupStatus==1){
		$("#BackGround").fadeOut("slow");
		$("#ProjectHolder").fadeOut("slow");
		$(PName).fadeOut("slow");
		
		HideProjects();
		popupStatus = 0;
	}
}

//centering popup
function centerPopup(){
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $("#ProjectHolder").height();
	var popupWidth = $("#ProjectHolder").width();
	
	//width
	if (window.innerWidth) {
		windowWidth=window.innerWidth;
	}
	else
	if (document.documentElement && document.documentElement.clientWidth) {
		windowWidth=document.documentElement.clientWidth;
	}
	else
	if (document.body) {
		windowWidth=document.body.clientWidth;
	}
	var popupLeft = windowWidth/2-400;
	
	//centering
	$("#ProjectHolder").css({
		"position": "absolute",
		"top": 50,//windowHeight/2-popupHeight/2,
		"left": popupLeft
	});
	
	$(PName).css({
		"position": "absolute",
		"top": 0,//windowHeight/2-popupHeight/2,
		"left": 0//windowWidth/2-popupWidth/2
	});
	
	//only need force for IE6
	$("#BackGround").css({
		"height": 768//windowHeight
		//set fixed value for IE
	});
	
}

function HideProjects()
{
	if (PageName == 'Web')
	{
		//web
		$("#Architecture1").fadeOut("slow");
		$("#Architecture1").css({"visibility": "hidden"});
		$("#Architecture2").fadeOut("slow");
		$("#Architecture2").css({"visibility": "hidden"});
		
		$("#Flash1").fadeOut("slow");
		$("#Flash1").css({"visibility": "hidden"});
		$("#Flash2").fadeOut("slow");
		$("#Flash2").css({"visibility": "hidden"});
		$("#Flash3").fadeOut("slow");
		$("#Flash3").css({"visibility": "hidden"});
			$("#Rosche").fadeOut("slow");
			$("#Rosche").css({"visibility": "hidden"});
		
		$("#CMS1").fadeOut("slow");
		$("#CMS1").css({"visibility": "hidden"});
		$("#CMS2").fadeOut("slow");
		$("#CMS2").css({"visibility": "hidden"});
		
		//$("#Visibility1").fadeOut("slow");
		//$("#Visibility1").css({"visibility": "hidden"});
	}
	
	if (PageName == 'Branding')
	{
		//branding
		$("#BrandBook1").fadeOut("slow");
		$("#BrandBook1").css({"visibility": "hidden"});
		
		$("#Identity1").fadeOut("slow");
		$("#Identity1").css({"visibility": "hidden"});
		$("#IdentityEA2").fadeOut("slow");
			$("#IdentityEA2").css({"visibility": "hidden"});
		$("#IdentityEA3").fadeOut("slow");
			$("#IdentityEA3").css({"visibility": "hidden"});
		$("#IdentityEA4").fadeOut("slow");
			$("#IdentityEA4").css({"visibility": "hidden"});
		$("#Identity2").fadeOut("slow");
			$("#Identity2").css({"visibility": "hidden"});
		$("#IdentityDME2").fadeOut("slow");
			$("#IdentityDME2").css({"visibility": "hidden"});
		$("#IdentityDME3").fadeOut("slow");
			$("#IdentityDME3").css({"visibility": "hidden"});
		$("#IdentityDME4").fadeOut("slow");
			$("#IdentityDME4").css({"visibility": "hidden"});
		$("#Identity3").fadeOut("slow");
			$("#Identity3").css({"visibility": "hidden"});
		$("#IdentityPTS2").fadeOut("slow");
			$("#IdentityPTS2").css({"visibility": "hidden"});
		$("#IdentityPTS3").fadeOut("slow");
			$("#IdentityPTS3").css({"visibility": "hidden"});
		
		$("#Logo1").fadeOut("slow");
			$("#Logo1").css({"visibility": "hidden"});
		$("#LogoCE2").fadeOut("slow");
			$("#LogoCE2").css({"visibility": "hidden"});
		$("#LogoCE3").fadeOut("slow");
			$("#LogoCE3").css({"visibility": "hidden"});
		$("#LogoCE4").fadeOut("slow");
			$("#LogoCE4").css({"visibility": "hidden"});
		$("#LogoCE5").fadeOut("slow");
			$("#LogoCE5").css({"visibility": "hidden"});
		$("#LogoCE6").fadeOut("slow");
			$("#LogoCE6").css({"visibility": "hidden"});
		$("#Logo2").fadeOut("slow");
			$("#Logo2").css({"visibility": "hidden"});
		$("#Logo3").fadeOut("slow");
			$("#Logo3").css({"visibility": "hidden"});
	}
	
	if (PageName == 'Campaigns')
	{
		//campaigns
		$("#Comm1").fadeOut("slow");
			$("#Comm1").css({"visibility": "hidden"});
		$("#CommMS2").fadeOut("slow");
			$("#CommMS2").css({"visibility": "hidden"});
		$("#CommMS3").fadeOut("slow");
			$("#CommMS3").css({"visibility": "hidden"});
		$("#CommMS4").fadeOut("slow");
			$("#CommMS4").css({"visibility": "hidden"});
		$("#CommMS5").fadeOut("slow");
			$("#CommMS5").css({"visibility": "hidden"});
		$("#Comm2").fadeOut("slow");
			$("#Comm2").css({"visibility": "hidden"});
		$("#CommLCF2").fadeOut("slow");
			$("#CommLCF2").css({"visibility": "hidden"});
		$("#CommLCF3").fadeOut("slow");
			$("#CommLCF3").css({"visibility": "hidden"});
		$("#CommLCF4").fadeOut("slow");
			$("#CommLCF4").css({"visibility": "hidden"});
		$("#Comm3").fadeOut("slow");
			$("#Comm3").css({"visibility": "hidden"});
		$("#CommMS2_2").fadeOut("slow");
			$("#CommMS2_2").css({"visibility": "hidden"});
		$("#CommMS2_3").fadeOut("slow");
			$("#CommMS2_3").css({"visibility": "hidden"});
		$("#Comm4").fadeOut("slow");
			$("#Comm4").css({"visibility": "hidden"});
		$("#CommMS3_2").fadeOut("slow");
			$("#CommMS3_2").css({"visibility": "hidden"});
		$("#CommMS3_3").fadeOut("slow");
			$("#CommMS3_3").css({"visibility": "hidden"});
		
		$("#OnlineInterface1").fadeOut("slow");
			$("#OnlineInterface1").css({"visibility": "hidden"});
		$("#OnlineInterface2").fadeOut("slow");
			$("#OnlineInterface2").css({"visibility": "hidden"});
	}
}


//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
	
	//LOADING POPUP
	//Click the button event!
	$("#button").click(function(){
		//centering with css
		centerPopup();
		//load popup
		loadPopup("#ProjectHolder");
	});
				
	//CLOSING POPUP
	//Click the x event!
	$("#ProjectHolderClose").click(function(){
		disablePopup();
	});
	//Click out event!
	$("#BackGround").click(function(){
		disablePopup();
	});
	//Press Escape event!
	$(document).keypress(function(e){
		if(e.keyCode==27 && popupStatus==1){
			disablePopup();
		}
	});

});