var loadedDept;
var loadedProj;
var loadedPic;

var sc_projects_list = new Array();

var showcase_projects;

//

var changeDept = function(id)
{
	loadedDept = id;

	if (siteLoaded == false) $('nav-depts').addClass('loaded');
	
	$('ani-mixer').fade('out');
	
	$$('.leistungen').fade('hide');
	
	$$('.info').fade('in');
	
	var i = 1;
	$$('a.ani').each(function(el_sub) {
			
		if (i == id) {
			el_sub.addClass('aktiv');
		} else {
			el_sub.removeClass('aktiv');
		}
		
		i++;
	})
	
	i = 1;
	$$('#nav-depts a').each(function(el_sub) {
		
		if (i == id) {
			el_sub.addClass('aktiv');
		} else {
			el_sub.removeClass('aktiv');
		}
		
		i++;
	})
	
	if (siteLoaded == false) siteLoaded = true;
};

var changePage = function(id, facesStay, selfMode)
{	
	if (selfMode == undefined) {
		
		f4content.expand(id, true);
	
	} else {
		
		document.location = '#' + selfMode.get('ref');
		
	}
	
	changeDept(id);

	if (facesStay != 1) {
	
		hideFaces();
	
		//
		var stage = $('stage_wrapper');
		var showcase_content = $('showcase-' + id).get('html');
		stage.fade('hide');
		stage.set('html', showcase_content);
		stage.fade('in');
		
		//
		var foto = $('foto');
		foto.fade('hide');
		foto.set('class', 'foto-' + id);
		foto.fade('in');
	
	}
	
	showcase_projects = $$('#kunden-' +  + id + ' a');
	var z = 1;
	
	showcase_projects.each(function(element, index) {
		
		//element.store('id_url', element.get('href'));
		
		element.id_href = element.get('href');
		element.idx = index;
		
		element.addEvent('click', function(event) {
			
			event.stop();
			
			loadedProj = this.idx;
			
			//alert((loadedProj));
			
			displayShowCase(element.id_href, true);
		
		});
		
		z++;
		
	});

};

var changePageFlash = function(id)
{
	changePage(id, 1);	
};

var hideFaces = function()
{	
	$('wrapper_flash').fade('hide');
	
	$('wrapper_flash').set('text', '');
};

var displayShowCase = function(id_url, ani)
{	
	//loadedProjArray = id_url.split("/");

	//loadedProj = parseInt(loadedProjArray[loadedProjArray.length - 1]);
	
	//alert(loadedProj);

	var req = new Request({
		method: 'post',
		url: PFAD_AJAX,
		data: 'm=showcase&id_url=' + id_url,
		onComplete: function(response) {
			
			var wrapper_showcase = $('wrapper_showcase');
			
			if (ani == true) wrapper_showcase.fade('hide');
			
			$('showcase').set('html', response);
			
			var sc_projects = $$('.sc-proj');
			if (sc_projects.length > 0) {
			
				sc_projects_list.length = 0;
				
				$('wrapper_showcase').set('class', 'sc-style-img');
				
				sc_projects.each(function(item, index, element) {
					
					id_proj = item.get('id').replace('project-','');
					
					sc_projects_list[index] = id_proj;
					
					if (index == 0) {
					
						loadedPic = 0;
						
					} else {
						
						item.fade('hide');
						
					};
					
					if ($('mov_proj_' + id_proj)) {
					
						var flashvars = {};
						flashvars.file = $('mov_proj_' + id_proj).get('text');						
						flashvars.backcolor = '000000';
						flashvars.frontcolor = 'FFFFFF';
						
						
						if (index == 0) {
						
							flashvars.autostart = 'true';
							
							$('wrapper_showcase').set('class', 'sc-style-mov');
							
						}
						
						var params = {};
						params.wmode = 'transparent';
						params.allowscriptaccess = 'always';
						params.allowfullscreen = 'true';
												
						var attributes = {};
						attributes.id = 'player_project_' + id_proj;
						
						swfobject.embedSWF(PFAD_ROOT + 'data/swf/player.swf', 'mov_proj_' + id_proj, '720', '600', '8.0.0', 'expressInstall.swf', flashvars, params, attributes);
					}
										
				});
				
				if (sc_projects.length > 1) {
	
					$('showcase-nav-info').set('html', '1 / ' + (sc_projects_list.length));
				
					$('next-sc').addEvent('click', function(event) {
					
						event.stop();
					
						changePicture(+1);
				
					});
					
					$('prev-sc').addEvent('click', function(event) {
					
						event.stop();
					
						changePicture(-1);
				
					});
					
					
					$$('img-sc').addEvent('click', function(event) {
										
						changePicture(+1);
				
					});
					
								
					window.addEvent('keydown', function(event) {
					
				        if (event.code == 37) { 
							changePicture(-1); 
				        } 
				        if (event.code == 39) { 
							changePicture(+1); 
				        }
				        if (event.code == 27) { 
							hideShowCase(); 
				        }			
					});
					
					
					
				}
				
				if (loadedDept == 1) {
				
					$('next-sc').addEvent('click', function(event) {
					
						event.stop();
					
						changeProject(+1);
				
					});
					
					$('prev-sc').addEvent('click', function(event) {
					
						event.stop();
					
						changeProject(-1);
				
					});
					
					window.addEvent('keydown', function(event) {
						
				        if (event.code == 37) { 
							changeProject(-1); 
				        } 
				        if (event.code == 39) { 
							changeProject(+1); 
				        }
				        if (event.code == 27) { 
							hideShowCase(); 
				        }
					
					});
					
					/*
					$$('img-sc').addEvent('click', function(event) {
										
						changeProject(+1);
				
					});
					*/
					
				}
				
			}
			
			$('close-sc').addEvent('click', function(event) {
			
				event.stop();
			
				hideShowCase();
		
			});
			
			if (ani == true) wrapper_showcase.fade('in');

			

		    
		    
		
		}
	}).send();
};

var changePicture = function(mode)
{
	var nextIndex;
	
	if ((loadedPic + mode) == -1) {
	
		nextIndex = (sc_projects_list.length - 1);
	
	} else if ((loadedPic + mode) == sc_projects_list.length) {
	
		nextIndex = 0;
	
	} else {
	
		nextIndex = loadedPic + mode;
	
	}
	
	if ($('player_project_' + sc_projects_list[loadedPic])) {
	
		$('player_project_' + sc_projects_list[loadedPic]).sendEvent('PLAY', 'false');
		
	}
	
	$('project-' + sc_projects_list[loadedPic]).fade('out');

	
	$('project-' + sc_projects_list[nextIndex]).fade('in');
	
	if ($('player_project_' + sc_projects_list[nextIndex])) {
			
		$('wrapper_showcase').set('class', 'sc-style-mov');
	
		$('player_project_' + sc_projects_list[nextIndex]).sendEvent('PLAY', 'true');
		
	} else {
	
		$('wrapper_showcase').set('class', 'sc-style-img');
	
	}
	
	loadedPic = nextIndex;
	
	$('showcase-nav-info').set('html', (nextIndex + 1) + ' / ' + sc_projects_list.length);
};

var changeProject = function(mode)
{
	var nextProjIndex;
	
	if ((loadedProj + mode) == -1) {
	
		nextProjIndex = (parseInt(showcase_projects.length) - 1);
	
	} else if ((loadedProj + mode) == showcase_projects.length) {
	
		nextProjIndex = 0;
	
	} else {
	
		nextProjIndex = (parseInt(loadedProj) + parseInt(mode));
	
	}
	
	//hideShowCase();
	
	//alert(nextProjIndex);
	
	//alert(showcase_projects[nextProjIndex]);
	
	displayShowCase(showcase_projects[nextProjIndex], false);
	
	$('wrapper_showcase').set('class', 'sc-style-img');
	
	loadedProj = nextProjIndex;
};

var hideShowCase = function()
{
	$('wrapper_showcase').fade('hide');
	
	$('showcase').set('text', '');
	
	window.removeEvent('keydown');
};



var closeContact = function()
{
	//var myVerticalSlide = new Fx.Slide('page_video');
	
	//e.stop();
	//myVerticalSlide.slideOut();

	$('page_video').fade('out');
};













/* 
Function: $get 
    This function provides access to the "get" variable scope + the element anchor 
 
Version: 1.3 
 
Arguments: 
    key - string; optional; the parameter key to search for in the url's query string (can also be "#" for the element anchor) 
    url - url; optional; the url to check for "key" in, location.href is default 
 
Example: 
    >$get("foo","http://example.com/?foo=bar"); //returns "bar" 
    >$get("foo"); //returns the value of the "foo" variable if it's present in the current url(location.href) 
    >$get("#","http://example.com/#moo"); //returns "moo" 
    >$get("#"); //returns the element anchor if any, but from the current url (location.href) 
    >$get(,"http://example.com/?foo=bar&bar=foo"); //returns {foo:'bar',bar:'foo'} 
    >$get(,"http://example.com/?foo=bar&bar=foo#moo"); //returns {foo:'bar',bar:'foo',hash:'moo'} 
    >$get(); //returns same as above, but from the current url (location.href) 
    >$get("?"); //returns the query string (without ? and element anchor) from the current url (location.href) 
 
Returns: 
    Returns the value of the variable form the provided key, or an object with the current GET variables plus the element anchor (if any) 
    Returns "" if the variable is not present in the given query string 
 
Credits: 
        Regex from [url=http://www.netlobo.com/url_query_string_javascript.html]http://www.netlobo.com/url_query_string_javascript.html[/url] 
        Function by Jens Anders Bakke, webfreak.no 
*/  
function $get(key,url){  
    if(arguments.length < 2) url =location.href;  
    if(arguments.length > 0 && key != ""){  
        if(key == "#"){  
            var regex = new RegExp("[#]([^$]*)");  
        } else if(key == "?"){  
            var regex = new RegExp("[?]([^#$]*)");  
        } else {  
            var regex = new RegExp("[?&]"+key+"=([^&#]*)");  
        }  
        var results = regex.exec(url);  
        return (results == null )? "" : results[1];  
    } else {  
        url = url.split("?");  
        var results = {};  
            if(url.length > 1){  
                url = url[1].split("#");  
                if(url.length > 1) results["hash"] = url[1];  
                url[0].split("&").each(function(item,index){  
                    item = item.split("=");  
                    results[item[0]] = item[1];  
                });  
            }  
        return results;  
    }  
}