// JavaScript Document

var selected;
var selectedbef;
var baseurl="";

var params;
var paramsBefore;
var paramsarray;
var paramsarrayBefore;
var postcontentid;

var minWidth = 0;
//var galleryWidth = 300;
var galleryWidth = 60;

var maxNaviWidth=250;
var maxWidth=480;	
var maxWidthImg=800;
var borderwidth=5;
var minheight=670;


var field;
var field_2;
var url;


//collums

var gallery=false;
var navi=true;
var content=false;


//animation
var easing = 'swing';
var transitiontime = 800;


var FwdPosX;
var FwdPosY;

var RevPosX;
var RevPosY;

var bgwidth;
var bgheihgt;

var fwdX;
var fwdY;
var revX;
var revY;

var buttonwidth=50;
var highlightwidth=50;
var minhighlightwidth=18;


var fwdXratio;
var fwdYratio;
var revYratio;		
var revYratio;
var buttonratio;



$(document).ready(function(){
	
	
	
	

/*	*/			
	var randomnumber=Math.floor(Math.random()*BgVars.length)
		
			
	//background
	//loadById(randomnumber);
	loadById(0);





//buttons:
	$("#background-button").click(function () {
		//close all collumns
		if(content){
		gallery=false;
		content=false;
		navi=true;
		checkCollumns();
		window.location.hash = '';
		} else {
		var id=parseInt($(this).attr("picId"));
		loadById(id+1);
		resizeImg();
		}
	});  


	
	//buttons:
	$("#Fwd").click(function () {
		//close all collumns
		gallery=false;
		content=false;
		checkCollumns();
		window.location.hash = '';
		var id=parseInt($(this).attr("picId"));
		loadById(id+1);
		resizeImg();
	});  
	
	
	/*
	
	$("#Fwd").hover(
  function () {
    $(this).addClass("hover");
	$("#FwdImg").attr("src","media/img/fwd_hover.png");

  },
  function () {
    $(this).removeClass("hover");
	$("#FwdImg").attr("src","media/img/kreis.png");

  }
);*/
	
	

	$("#Rev").click(function () {
		//close all collumns
		gallery=false;
		content=false;
		checkCollumns();
		window.location.hash = '';
		var id=parseInt($(this).attr("picId"));
		loadById(id-1);
		resizeImg();
	});  

/*
$("#Rev").hover(
  function () {
    $(this).addClass("hover");
	$("#revImg").attr("src","media/img/rev_hover.png");

  },
  function () {
    $(this).removeClass("hover");
	$("#revImg").attr("src","media/img/kreis.png");
  }
);
*/

	resizeImg();



	// plazieren vom selectedPoint
		if($('#navi').find('a.bbq-current').length>0){
		$('#selectPoint').show();
		$('#selectPoint').remove().appendTo($('#navi').find('a.bbq-current'));
		var position = $('#navi').find('a.bbq-current').position(); 
			$('#selectPoint').css({
				right:0,
				});
		}else{
			$('#selectPoint').hide();
			}
		

	//$('#selectPoint').css('z-index','-100');
				
 	$('#content_col').width(minWidth);
	$('#image_col').width(minWidth);
	
	collumResize();
	
	
	
	
	
	
	



	$(window).bind( 'hashchange', function(e) {
		
		
		

		field=$("#inner_content_col");
		field_2=$("#inner_image_col");
		url=baseurl+"ajaxview";
		
		selectedbef=$('.bbq-current');
		paramsBefore=params;
		paramsarrayBefore=paramsarray;
		
		// get url parameters
		params = jQuery.param.fragment();	
		paramsarray=params.split("/");		
		
		if(params.length!=0){
			shortname=paramsarray[0];
			postcontentid=paramsarray[1];
		}
		
		if(paramsarray[0]==""){
			shortname="";
			//paramsarra[0] löschen
			paramsarray=new Array(0);
		};
		
		
		if(paramsarray.length==0){
			content=false;		
			gallery=false;
		}
	
		if(paramsarray.length==1){
			navi=true;
			content=true;
			gallery=false;
		}
	
		if(paramsarray.length>1){
			navi=false;
			content=true;
			gallery=true;
		}
		
		checkBkgOpacity()
		checkCollumns();

	
		//$( 'a.selected' ).removeClass( 'selected' );
		$( 'a.bbq-current' ).removeClass( 'bbq-current' );
		params && $( 'a[href="#' + params + '"]' ).addClass( 'bbq-current' );
		selected=$('a.bbq-current');
		
		
		// Hide the Elements, that are not open in next selection
		$("#navi ul ul").not(selected.parents()).not(selected.next()).hide();
	
		// Show the elements that were previously shown
		selectedbef.parents().show();
		selectedbef.next().show()
	
	
		//alert("offset "+offsety);
		// Hide and show elements animated
		$("#navi ul ul").not(selected.parents()).not(selected.next()).slideUp(300);
		selected.next().slideDown(300);
	
		//backbuttonproblem: fährt ans falsche ort..
		selected.parents().slideDown(300);
		
	 	field.empty().html('<img id=loader src="media/img/ajax-loader.gif" />');
		
		

	if(paramsarray.length>1){
		field_2.empty().html('<img id=loader src="media/img/ajax-loader.gif" />');
		var jqxhr=$.post(url,{shortname:shortname, contentid:postcontentid, column:'content', viewfile:"contentmodule/ajax_imageCollumn"},	  
		function(data){
		field_2.html(data);	
			 
		});  

	}
	

		$.post(url,{shortname:shortname, contentid:postcontentid, column:'content', viewfile:"contentmodule/ajax_textCollumn"},	  
		function(data){
		field.html(data);
		checkShowHide();	
		setFoldoutlink();

		
	

		});		



		
		// plazieren vom selectedPoint
		if($('#navi').find('a.bbq-current').length>0){
		$('#selectPoint').show();
		$('#selectPoint').remove().appendTo($('#navi').find('a.bbq-current').parent());
		var position = $('#navi').find('a.bbq-current').position(); 
			$('#selectPoint').css({
				top:position.top-10,
				right:0,
			});
		}else{
			$('#selectPoint').hide();
			}
		
	
	
		
	});
	
	
	
	$(window).trigger( 'hashchange' );

		 			
});






//------------------------------------------------------------------

//foldout

function setFoldoutlink(){
	$('.foldout').toggle();
$(".foldoutlink").click(function(event) {
  event.preventDefault();
	meId=$(this).attr("foldoutId");
	$('#inner_content_col').scrollTo($(this),1000);
 	$('#'+meId).slideToggle('slow',function() {
  });

	});
}



// open  / close  functions

function checkCollumns(){
	if(navi){
		openNaviCollumn();
		}
	else{closeNaviCollumn();
	}
	
	if(content){
		openContentCollumn();
		}
	else{closeContentCollumn();
	}
	
	if(gallery){
		openImageCollumn();
		}
	else{
		closeImageCollumn();
	}
	
}

function checkShowHide(){
	
	if(!gallery){
		$('#navCont').hide();
		$('.inhalt_Container').show();
		$('#logout').show();

	}
	if(gallery){
		$('.inhalt_Container').hide();
		$('#logout').hide();
		$('#navCont').show();

	}
	
}


function checkBkgOpacity(){
	
	//navi transparent machen
	if(navi && !content){
		
		
		$('#backgroundText_Container').animate({
			opacity: '1'
			},transitiontime);	
		
		$('.highlight').show();		
			
		$('#textContainerHighlight').show();
			
		$("#inner_navi_col").animate({
			opacity: '0.8'
			},transitiontime, easing);
	
	} else{
		$("#inner_navi_col").animate({
			opacity: '1'
			},transitiontime, easing);
					
		$('#backgroundText_Container').animate({
		opacity: '0'
			},transitiontime);
			
			$('.highlight').hide();		

			
		$('#textContainerHighlight').hide();
				
		}
	
	}


//-------------------------------------------------------------
// open/close navi collumn

function openNaviCollumn(){
	$('#navibar').animate({
	width: maxNaviWidth,
	opacity: '1'
	}, transitiontime, easing);
}

function closeNaviCollumn(){
	$('#navibar').animate({
	width: minWidth,
	opacity: '0.8'
	}, transitiontime, easing);
}

//-------------------------------------------------------------
// open/close cont collumn


function openContentCollumn(){
	var winWidth=$(window).width();
	
	if(gallery){
		$('#content_col').animate({
		width: galleryWidth,
		opacity: '1'
		}, transitiontime, 'swing');
	}	
	else {
		$('#content_col').animate({
		width: maxWidth,
		opacity: '1'
		}, transitiontime, easing);
	}
}


function closeContentCollumn(){
	if(gallery){		
		$('#content_col').animate({
		width: galleryWidth,
		opacity: '1'
		}, transitiontime, easing);
	}	

	else {
		$('#content_col').animate({
		width: minWidth,
		opacity: '0.8'
		}, transitiontime ,easing);
	} 
}


//-------------------------------------------------------------
// open/close image collumn

function openImageCollumn(){

	var winWidth=$(window).width();
	var imgColWidth=$('#image_col').width();
	
	maxWidthImg	=winWidth-borderwidth-galleryWidth;
	var minWebCont=$('#webContent').width();
	
	if(maxWidthImg<minWebCont){
		maxWidthImg=minWebCont-borderwidth-galleryWidth;
	}
	
	$('#image_col').animate({
	width: maxWidthImg,
	opacity: '1'
	}, transitiontime, 'swing',function(){
		
		}		

	);
	
}


function closeImageCollumn(){
	$('#image_col').animate({
	width: minWidth,

	}, transitiontime, 'swing',function(){
		
	});
}




//-------------------------------------------------------------



function resizeImg() {	
	var bgImage = $('#background-image');		
	var imgwidth = bgImage.width(),
	
	imgheight = bgImage.height(),
	winwidth = $(window).width(),
	winheight = $(window).height(),
	
	widthratio = winwidth / imgwidth,
	heightratio = winheight / imgheight,
	widthdiff = heightratio * imgwidth,
	heightdiff = widthratio * imgheight;
	
	
	widthratio_Hl = winwidth / highlightX,
	heightratio_Hl = winheight / highlightY,
	widthdiff_Hl = heightratio_Hl * highlightX,
	heightdiff_Hl = widthratio_Hl * highlightY;
	
	
	
	 $("#background-image").show();
	
	if(heightdiff>winheight) {
		bgImage.css({
		width: winwidth+'px',
		height: heightdiff+'px'
		});
	
		scaleSize=bgImage.height()/bgheihgt;
		scaleSize_2=bgImage.width()/bgwidth;
		
		sW=bgImage.width()/buttonratio;
		if(sW>highlightwidth){
			sW=highlightwidth;
			}
			
		if(sW<minhighlightwidth){
			sw=minhighlightwidth;
			}	

		$(".highlight").css({
		width:sW,
		height:sW,
		
		
		//left:winwidth/highlightXratio,
		//top:heightdiff/highlightYratio,
		
		left:highlightX*scaleSize_2,
		top:highlightY*scaleSize,
		});
/*

		$("#Rev").css({
		width:bgImage.width()/buttonratio,
		height:bgImage.width()/buttonratio,
		left:winwidth/revXratio,
		top:heightdiff/revYratio		
		});
*/
		
	} else {
		bgImage.css({
		width: widthdiff+'px',
		height: winheight+'px'
		});	
		
		
		scaleSize=bgImage.height()/bgheihgt;
		scaleSize_2=bgImage.width()/bgwidth;
		sW=bgImage.width()/buttonratio;
		if(sW>highlightwidth){
			sW=highlightwidth;
			}
		
		if(sW<minhighlightwidth){
			sw=minhighlightwidth;
			}	


		
		$(".highlight").css({
		width:sW,
		height:sW,	
		//left:widthdiff/highlightXratio,
		//top:winheight/highlightYratio,
		left:highlightX*scaleSize_2,
		top:highlightY*scaleSize,
		
		});
		
		/*
	
		$("#Rev").css({
		width:bgImage.width()/buttonratio,
		height:bgImage.width()/buttonratio,	
		left:widthdiff/revXratio,
		top:winheight/revYratio
		});*/
	}
} 



//------------------------------------------------------------------
// resize image_col

function imageColResize(){
	if(gallery){
		var winWidth=$(window).width();
		var tabheight=$('#image_col').height();
		
		var imgColWidth=$('#image_col').width();
		var maxWidthImg	=winWidth-borderwidth-galleryWidth;
		
		var minWebCont=$('#webContent').width();
		
		if(maxWidthImg<minWebCont){
			maxWidthImg=minWebCont-borderwidth-galleryWidth;
		}
		$('#image_col').width(maxWidthImg);


	}
	
}




function collumResize(){
			
	var winheight=$(window).height();
	
	if(winheight<minheight){
		winheight=minheight;
		}
	$('.column').height(winheight-10);
			
		
}









$(window).resize(function() {
resizeImg();
imageColResize();
collumResize();
});






// JavaScript Document