var positionsAr = ['A1', 'A2', 'A3', 'A4', 'A5', 'B1', 'B2', 'B3', 'B4', 'B5', 'C1', 'C2', 'C3', 'C4', 'C5'];
var galerieContent= new Array();

/**
 * 16.12.2010 - David Leschnik
 * ***************************
 * add onMouseOut event to the
 * container
 * ***************************
 */
jQuery(function(){

	//add multicolumn to the layout
	jQuery('.multicolumn').columnize({columns: 5 ,width: 160, height: 160});

	//call function
	checkOverlayFlag();

	jQuery(positionsAr).each(function(e){
		var tmp = jQuery('#'+this).find('.hide');

		jQuery('#'+this).mouseenter(function(){tmp.fadeOut('slow');});
		jQuery('#'+this).mouseleave(function(){
			tmp.attr('class', 'grey'+(Math.floor(Math.random()*3)+1));
			tmp.fadeIn('slow');
		});
	});
});

//whole tooltip logic here

function moveTooltip(event){
	var tooltip = jQuery('#tooltip');
	var points = getRelativeMousePoints(event);
	var x = points['x'];
	var y = points['y'];
	jQuery('#tooltip').css('left', x+15);
	jQuery('#tooltip').css('top', y+15);
}


function showTooltip(content, event){
	if(content != '' && content != null){
		var tooltip = jQuery('#tooltip');
		tooltip.html(content);
		var points = getRelativeMousePoints(event);
		var x = points['x'];
		var y = points['y'];
		jQuery('#tooltip').css('left', x+15);
		jQuery('#tooltip').css('top', y+15);
		jQuery('#tooltip').show();
	}
}

function hideTooltip(){
	jQuery('#tooltip').hide();
}


//galerie logic here

//custom tooltip
function showImageDescription(){
	jQuery('#imageDescription').show();
}

function hideImageDescription(){
	jQuery('#imageDescription').hide();
}

function showGalerie(id, startingSlide_nr,type){
	//on first hide tooltip
	hideTooltip();

	jQuery('#contentLayer').hide();
	jQuery('#galerieNavigation').hide();

	//now create container
	var galDiv = document.createElement('div');
	galDiv.setAttribute('class','galerieContainer');
	galDiv.setAttribute('id','galerieContainer');

	var imgContainer = document.createElement('div');
	imgContainer.setAttribute('class','galerieImages');
	imgContainer.setAttribute('id','galerieImages');
	//create close button
	var closeBtn = document.createElement('img');
	closeBtn.setAttribute('src', '/data/close.gif');
	closeBtn.setAttribute('style','position: absolute; top: 10px; right: 10px; cursor:pointer;z-index:350;');
	closeBtn.setAttribute('class','closeBtn');
	closeBtn.setAttribute('onclick', 'hideGalerie();');



	var c_img=0;


	//fetch all data from ajax php file
	jQuery.getJSON("/inc/ajax.galerieDetails.php", { 'gId': id, 'type':type},
			function(data){
				data.each(function(e){
					var tmpImg = document.createElement('img');
					tmpImg.setAttribute('id',e.count);
					tmpImg.setAttribute('style','position:absolute; top:0px; text-align:right; right:0px; float:right; display:none;');
					tmpImg.setAttribute('alt',e.description);
					tmpImg.setAttribute('title','');
					tmpImg.setAttribute('tooltip',e.tooltip);
					tmpImg.setAttribute('src','/inc/bild.galerie.php?'+e.image);

					imgContainer.appendChild(tmpImg);
					c_img++;

				});
	});


	//create navigation and Buttons container -> next/prev
		var navContainer = document.createElement('div');
		navContainer.setAttribute('id','navContainer');
		navContainer.setAttribute('style','position: absolute; top:430px; left: 132px; display: block; z-index: 350;');


		var leftLink = document.createElement('a');
		leftLink.setAttribute('id','prev');
		leftLink.setAttribute('href','javascript:void(0);');

		var leftBtn = document.createElement('img');
		leftBtn.setAttribute('src','/data/button_left.png');

		var br = document.createElement('br');

		var rightLink = document.createElement('a');
		rightLink.setAttribute('id','next');
		rightLink.setAttribute('href','javascript:void(0);');

		var rightBtn = document.createElement('img');
		rightBtn.setAttribute('id','next');
		rightBtn.setAttribute('style','margin-left: 30px;');
		rightBtn.setAttribute('src','/data/button_right.png');

		leftLink.appendChild(leftBtn);
		rightLink.appendChild(rightBtn);
		navContainer.appendChild(leftLink);
		navContainer.appendChild(br);
		navContainer.appendChild(rightLink);



	//now add title & more container to
	var titleContainer = document.createElement('div');
	titleContainer.setAttribute('id','titleContainer');
	titleContainer.setAttribute('class','titleContainer');
	var moreContainer = document.createElement('div');
	moreContainer.setAttribute('id','moreContainer');
	moreContainer.setAttribute('class','moreContainer');

	var imageTitle = document.createElement('div');
	imageTitle.setAttribute('id','imageTitle');
	titleContainer.appendChild(imageTitle);

	var imageMore = document.createElement('div');
	imageMore.setAttribute('id', 'imageMore');
	imageMore.innerHTML='mehr';
	imageMore.setAttribute('style','font-weight:bold');
	imageMore.setAttribute('onmouseout','hideImageDescription();');
	imageMore.setAttribute('onmouseover','showImageDescription();');
	moreContainer.appendChild(imageMore);

	var imageDescription = document.createElement('div');
	imageDescription.setAttribute('id','imageDescription');
	imageDescription.innerHTML='';

	

	moreContainer.appendChild(imageDescription);
	//add all together
	galDiv.appendChild(closeBtn);
	galDiv.appendChild(navContainer);
	galDiv.appendChild(imgContainer);
	galDiv.appendChild(titleContainer);
	galDiv.appendChild(moreContainer);

	jQuery('#A1').append(galDiv);

	//now show container and thats it
	jQuery('#galerieContainer').fadeIn('slow', function(){
	if (c_img <= '1'){
		jQuery('#0').show();
		jQuery('#navContainer').hide();
		jQuery('#imageTitle').html(jQuery('#0').attr('tooltip'));
		if (jQuery('#0').attr('tooltip')=='')
			jQuery('#imageTitle').hide();

		jQuery('#imageDescription').html(jQuery('#0').attr('title'));
		if (jQuery('#0').attr('title')=='')
			jQuery('#imageMore').hide();


	}

			jQuery('#galerieImages').cycle({timeout: 0, next:'#next',prev:'#prev',startingSlide: startingSlide_nr, after: function(e){

			var item=jQuery(this).attr('tooltip');
			item=item.stripTags();

			

			jQuery('#imageTitle').html(jQuery(this).attr('tooltip'));
			if(this.alt=='' || this.alt == null){
				jQuery('#imageMore').hide();
				jQuery('#imageDescription').html('');
			}else{
				jQuery('#imageMore').show();
				jQuery('#imageDescription').html(this.alt);
			}
		}});
	});
}

function hideGalerie(){
	jQuery('#galerieContainer').fadeOut('slow',function(){
		jQuery('#galerieContainer[class!="closeBtn"]').remove();
		jQuery('#contentLayer').show();

		var tmp = jQuery('#galerieNavigation');

		if(tmp !=null || tmp != ''){
			jQuery('#galerieNavigation').show();
		}

	});
}


function closeContentLayer(){
	jQuery('#contentLayer').fadeOut('slow');
}

//function to check if value is a integer
function is_int(value){
  if((parseFloat(value) == parseInt(value)) && !isNaN(value)){
      return true;
  } else {
      return false;
  }
}


function checkOverlayFlag(){
	var overlay = jQuery(document).getUrlParam("overlay");
	if(overlay != null && overlay != '' && ( overlay == true || overlay == 'true') ){

		//if flag is set fetch galerie_id and picture_id from the url
		var gId =  jQuery(document).getUrlParam("gId");
		var imgId = jQuery(document).getUrlParam("imgId");
		var item = jQuery(document).getUrlParam("item");

		//only go further if nothing is null
		if( gId != null && gId != '' && imgId != ''){

			//check if numbers only (integer)
			if(is_int(gId) && is_int(imgId)){
				showGalerie(gId, imgId);
			}
		}

	}
}