/*
 * YUI Simpleviewer Gallery
 * based on yui 2.71
 */
var GALLERYTHUMBS_WIDTH 		= 777;
var GALLERYTHUMBS 				= "galleryThumbs";
var GALLERYTHUMBS_SLIDEDURATION = 0.6;
var GALLERYTHUMBS_SLIDEEFFECT 	= YAHOO.util.Easing.easeOut;
var GALLERYTHUMBS_position 		= 0;


var navLeftTarget = "navLeft";
var navRightTarget = "navRight";

function slideGalleryThumbs(pos){

	var attributes = {
		scroll: { to: [pos, 0] }
	};
	var slideAnimation = new YAHOO.util.Scroll(GALLERYTHUMBS, attributes, GALLERYTHUMBS_SLIDEDURATION, GALLERYTHUMBS_SLIDEEFFECT);
	slideAnimation.animate();
}

function slideGalleryThumbsLeft(){

	GALLERYTHUMBS_position = GALLERYTHUMBS_position - GALLERYTHUMBS_WIDTH;

	if(GALLERYTHUMBS_position <= 0)
	{
		GALLERYTHUMBS_position = 0;
		document.getElementById(navLeftTarget).style.opacity = "0.5";
		document.getElementById(navRightTarget).style.opacity = "1";	
	}
	else{
		document.getElementById(navLeftTarget).style.opacity = "1";
		document.getElementById(navRightTarget).style.opacity = "1";		
		
	}
	slideGalleryThumbs(GALLERYTHUMBS_position);
}

function slideGalleryThumbsRight(numberOfElements){
	
	maximum = (numberOfElements-1) * GALLERYTHUMBS_WIDTH;
	
	if((GALLERYTHUMBS_position+GALLERYTHUMBS_WIDTH) >= maximum)
	{
		GALLERYTHUMBS_position = maximum;
		document.getElementById(navLeftTarget).style.opacity = "1";
		document.getElementById(navRightTarget).style.opacity = "0.5";
	}
	else
	{
		GALLERYTHUMBS_position = GALLERYTHUMBS_position + GALLERYTHUMBS_WIDTH;
		document.getElementById(navLeftTarget).style.opacity = "1";
		document.getElementById(navRightTarget).style.opacity = "1";
		
	}
	slideGalleryThumbs(GALLERYTHUMBS_position);
}

function openLightbox(filename, caption) {
	document.getElementById('lightbox').style.display = 'block';
	document.getElementById('lightbox').innerHTML = 'LIGHTBOX';
}

function changeLightBox(pos) {
	var posNext = pos+1;
	
	if(posNext > (images.length-1))
		posNext = 0;
	
	var posPre 	= pos-1;
	
	if(posPre < 0)
		posPre = (images.length-1);
	
	var filename 	= images[pos]['filename'];
	var caption 	= images[pos]['caption'];
	var fbid		= images[pos]['flexID'];
	
	var arrowLeft =
	'<div onmouseout="changeOpacity(\'navInImageLeft\', 0, 0.2);" onmouseover="changeOpacity(\'navInImageLeft\', 1, 0.2);" onclick="changeLightBox('+ posPre + ');" id="navInImageLeft" class="overlayNavi" style="opacity: 0;">' +
		'<table cellspacing="0" cellpadding="0" style="height: 100%; width: 100%;">' +
		'<tbody><tr><td>' + '<img onload="changeOpacity(\'navInImageLeft\', 0, 0.2);" alt="zurück" src="/lml_en/media/images/gallery/arrow_left_overlay.png">' +
		'</td></tr>' +
		'</tbody></table>' +
	'</div>';	
	
	document.getElementById('lightbox_image_headline').innerHTML = arrowLeft +
	'<div onmouseout="changeOpacity(\'navInImageRight\', 0, 0.2);" onmouseover="changeOpacity(\'navInImageRight\', 1, 0.2);" onclick="changeLightBox('+ posNext + ');" id="navInImageRight" class="overlayNavi" style="opacity: 0;">' +
		'<table cellspacing="0" cellpadding="0" style="height: 100%; width: 100%;">' +
		'<tbody><tr><td>' +
			'<img onload="changeOpacity(\'navInImageRight\', 0, 0.2);" alt="weiter" src="/lml_en/media/images/gallery/arrow_right_overlay.png">' +
		'</td></tr>' +
		'</tbody></table>' +
	'</div>' +
	'<img src="/lml_en/media/images/gallery/images/'+filename+'" alt="Lena Meyer-Landrut" width="558" height="420" /><br />' +
											'<div style="height: 2px;"></div>' +'<center><b>'+ caption+ '</b></center>';
											
	document.getElementById('lightbox_fb_like').innerHTML = '<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.lena-meyer-landrut.com%2F%3Fcontent%3Dgalerie%26imgid%3D'+ fbid + '&amp;send=false&amp;layout=button_count&amp;width=150&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:31px;" allowTransparency="true"></iframe>';
											
	document.getElementById('lightbox_fb_comments').innerHTML = '<iframe src="/lml_en/includes/snippets/iframe_fbbox_lightbox.html?fbid='+ fbid + '" style="border:none; overflow:auto; width:385px; height:400px;" frameborder="0" allowTransparency="true"></iframe>';
	
}

function bacs_modal_show(headline, content, use_overlay, use_image, filename, caption, fbid)
{
	var pos = getImageIDbyFlex(fbid, images);
	var posNext = pos+1;
	
	if(posNext > (images.length-1))
		posNext = 0;
			
	var posPre 	= pos-1;
	
	if(posPre < 0)
		posPre = (images.length-1);
	
	var arrowLeft =
	'<div onmouseout="changeOpacity(\'navInImageLeft\', 0, 0.2);" onmouseover="changeOpacity(\'navInImageLeft\', 1, 0.2);" onclick="changeLightBox('+ posPre + ');" id="navInImageLeft" class="overlayNavi" style="opacity: 0;">' +
		'<table cellspacing="0" cellpadding="0" style="height: 100%; width: 100%;">' +
		'<tbody><tr><td>' + '<img onload="changeOpacity(\'navInImageLeft\', 0, 0.2);" alt="zurück" src="/lml_en/media/images/gallery/arrow_left_overlay.png">' +
		'</td></tr>' +
		'</tbody></table>' +
	'</div>';	
	
	document.getElementById('lightbox_image_headline').innerHTML = arrowLeft +
	'<div onmouseout="changeOpacity(\'navInImageRight\', 0, 0.2);" onmouseover="changeOpacity(\'navInImageRight\', 1, 0.2);" onclick="changeLightBox('+ posNext + ');" id="navInImageRight" class="overlayNavi" style="opacity: 0;">' +
		'<table cellspacing="0" cellpadding="0" style="height: 100%; width: 100%;">' +
		'<tbody><tr><td>' +
			'<img onload="changeOpacity(\'navInImageRight\', 0, 0.2);" alt="weiter" src="/lml_en/media/images/gallery/arrow_right_overlay.png">' +
		'</td></tr>' +
		'</tbody></table>' +
	'</div>' +
	'<img src="/lml_en/media/images/gallery/images/'+filename+'" alt="'+caption+'" width="558" height="420" /><br />' +
											'<div style="height: 2px;"></div>' +'<center><b>'+ caption+ '</b></center>';
											
	document.getElementById('lightbox_fb_like').innerHTML = '<iframe src="http://www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.lena-meyer-landrut.com%2F%3Fcontent%3Dgalerie%26imgid%3D'+ fbid + '&amp;send=false&amp;layout=button_count&amp;width=150&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=80" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:150px; height:31px;" allowTransparency="true"></iframe>';
											
	document.getElementById('lightbox_fb_comments').innerHTML = '<iframe src="/lml_en/includes/snippets/iframe_fbbox_lightbox.html?fbid='+ fbid + '" style="border:none; overflow:auto; width:385px; height:400px;" frameborder="0" allowTransparency="true"></iframe>';
	
	var duration = 0.6;
	
	if (use_image) content = '<img src="'+content+'" id="bacs_overlay_embedded_image" />';
	
	if(document.getElementById('modal_headline'))
	document.getElementById('modal_headline').innerHTML = headline;
	
	if(document.getElementById('modal_content_text'))
	document.getElementById('modal_content_text').innerHTML = content;
		
	var overlay = document.getElementById('modal_overlay');
	overlay.style.opacity = 0;
	overlay.style.display = 'block';
	
	if (use_overlay)
	{
		var overlay_anim_data = { opacity: { to: 0.5 }};
		var overlay_anim = new YAHOO.util.Anim('modal_overlay', overlay_anim_data, duration, YAHOO.util.Easing.easeIn);
		overlay_anim.onComplete.subscribe(function () {
			overlay.style.opacity = 0.5;
		});
		overlay_anim.animate();
	}
	
	var wrapper = document.getElementById('modalwrapper');
	wrapper.style.opacity = 0;
	wrapper.style.display = 'block';
	var wrapper_anim_data = { opacity: { to: 1 }};
	var wrapper_anim = new YAHOO.util.Anim('modalwrapper', wrapper_anim_data, duration, YAHOO.util.Easing.easeIn);
	wrapper_anim.onComplete.subscribe(function () {
		wrapper.style.opacity = 1;
	});
	wrapper_anim.animate();
}

function bacs_modal_hide()
{
	var duration = 0.3;
		
	var wrapper = document.getElementById('modalwrapper');
	var overlay = document.getElementById('modal_overlay');
	
	var overlay_anim_data = { opacity: { to: 0 }};
	var overlay_anim = new YAHOO.util.Anim('modal_overlay', overlay_anim_data, duration, YAHOO.util.Easing.easeIn);
	overlay_anim.onComplete.subscribe(function() {
		overlay.style.display = 'none';
	});
	
	var wrapper_anim_data = { opacity: { to: 0 }};
	var wrapper_anim = new YAHOO.util.Anim('modalwrapper', wrapper_anim_data, duration, YAHOO.util.Easing.easeIn);
	wrapper_anim.onComplete.subscribe(function() {
		wrapper.style.display = 'none';
	});
	
	wrapper_anim.animate();
	overlay_anim.animate();
}


function changeBigImage(filename, caption){
	
	var imgContainer = document.getElementById('preview');
	var flexid = 0;
	
	if(filename == 'imageNext' || filename == 'imagePrev' )
	{
		var oldImage = imgContainer.src;
		var arr = oldImage.split("/");
		var oldSrc = arr[arr.length-1];

		for(i=0; i<=(images.length); i++)
		{
			if(images[i]['filename'] == oldSrc)
			{
				if(filename == 'imageNext')
					newCnt = i+1;
				else
					newCnt = i-1;
					
				if(newCnt >= (images.length))
					newCnt = 0;
				else if(newCnt <= 0)
					newCnt = images.length-1;
				
				filename = images[newCnt]['filename'];
				caption = images[newCnt]['caption'];
				flexid 	= images[newCnt]['id'];
				break;
			}
		}
	}
	

	var newImage = new Image();
		newImage.src = '/lml_en/media/images/gallery/images/' + filename;

	var anim = fadeOut(imgContainer);
	
	fade = function()
	{
		imgContainer.src = newImage.src;
		fadeIn(imgContainer);
	}
	
	anim.onComplete.subscribe(fade);
	
	
	document.getElementById('caption').innerHTML = caption;
	/*
	var imageID = getImageID(filename, images);
	var fbShareButtonHTML = '<iframe src="http://www.facebook.com/plugins/like.php?href=http://www.lena-meyer-landrut.de/lml_en/index.html?content=galerie&imgid='+imageID+'&amp;layout=button_count&amp;show_faces=false&amp;width=109&amp;action=like&amp;font=arial&amp;colorscheme=light&amp;height=21" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:109px; height:21px;" allowTransparency="true"></iframe>';
	document.getElementById('fbShare').innerHTML = fbShareButtonHTML;
	*/
}

function getImageIDbyFlex(FlexId, anyArr)
{
	var posId = 0;
	
	for(var i = 0; i < anyArr.length; i++)
	{
		if(anyArr[i]['flexID'] == FlexId)
			posId = i;
	}

	return posId;

}

function getImageID(filename, anyArr)
{
	var flexID = 0;
	
	for(var i = 0; i < anyArr.length; i++)
	{
		if(anyArr[i]['filename'] == filename)
		flexID = anyArr[i]['id'];
	}

	return flexID;

}

function fadeOut(div)
{
	var attributes = {
		opacity: { to: 0 }
	};
	var myAnim = new YAHOO.util.Anim(div.id, attributes, 0.2);
	myAnim.animate();
	return myAnim;
}


function fadeIn(div)
{
	var attributes = {
		opacity: { to: 1 }
	};
	
	var myAnim = new YAHOO.util.Anim(div.id, attributes, 0.2);
	myAnim.animate();
	return myAnim;
}

function changeOpacity(div, opacity, duration)
{
	var attributes = {
		opacity: { to: opacity }
	};
	var myAnim = new YAHOO.util.Anim(div, attributes, duration);
	myAnim.animate();
	return myAnim;
}