// Event-Handler
window.onload = init;
window.onresize = gResize;

// Variablendeklaration
var gInit = false;
var gID = "gallery";
var gEL;
var gWidth = 0;
var gImg = Array();
var gShow = 0;
var gMargin = 0;
var gMaxMargin = 0;
var gSpeed = 500;
var gScroll = false;
var gFolder = 0;
var gFade = false;
var gFadeSpeed = 500;
var gFolder = 0;
var gScrollPaneInit = false;

// 
function init()
{
	//
	gInit = true;
	
	show(1);
	
	//
	$("#sidebar .arrows a").click(function ()
	{
		if(gFolder != 3 && gFolder != 4)
		{
			$("#sidebar ul").fadeOut(gFadeSpeed);
		}
    });
    
    $("#sidebar").mouseleave(function()
    {
    	$("#sidebar ul").fadeIn(gFadeSpeed);
    });
    
    //
    //$("#wp_blog .blog_c").jScrollPane({scrollbarWidth:5});
}

function gResize()
{
	if(gInit == false) return;
	
	gWidth = 0;
	delete gImg;
	gImg = Array();
	
	var i = 0, img;
	
	while(img = gEL.getElementsByTagName("img")[i])
	{
		gImg[i] = img.offsetWidth;
		
		gWidth += gImg[i];
		
		i++;
	}
	
	maxMargin = gWidth - getBrowserWidth();
}

function show(id)
{
	gFolder = id;
	
	if(gFolder == 3 || gFolder == 4)
	{
		$("#sidebar .arrows").fadeTo(gFadeSpeed, 0.1);
	}
	else
	{
		$("#sidebar .arrows").fadeTo(gFadeSpeed, 1);
	}
	
	id = id - 1;
	
	gEL = false;
	gShow = 0;
	gMargin = 0;
	
	var i = 0, k = 0, el;
	
	while(el = document.getElementById(gID).getElementsByTagName("div")[i])
	{
		if(el.className.substr(0,5) == "items")
		{
			if(k == id)
			{
				gEL = el;
				gEL.style.display = "block";
				gEL.style.marginLeft = "0Px";
			}
			else
			{
				el.style.display = "none";
			}
			
			k++;
		}
		
		i++;
	}
	
	gResize();
	
	if(gFolder == 3 && gScrollPaneInit == false)
	{
		gScrollPaneInit = true;
		
		$("#wp_blog .blog_c").jScrollPane({scrollbarWidth:5});
	}
	
	return false;
}

function scroll(d)
{	
	if(gScroll == true) return;
	
	if(gFolder == 3 || gFolder == 4) return;
	
	//gMargin = extractSize(gEL.style.marginLeft);
	
	if(d == 1)
	{
		gShow++;
	}
	else
	{
		gShow--;
	}
	
	gMargin = 0;
	for(var i = 0; i < gShow; i++)
	{
		gMargin -= gImg[i];
	}
	
	if(gMargin >= 0)
	{
		gMargin = 0;
		gShow = 0;
	}
	else if(gMargin < -maxMargin)
	{
		gMargin = -maxMargin;
		
		var gTest = 0;
		gShow = 0;
		while(gTest < maxMargin)
		{
			gTest += gImg[gShow];
			gShow++;
		}
	}
	
	$(gEL).animate({"marginLeft": gMargin + "Px"}, gSpeed);
	
	gScroll = true;
	
	window.setTimeout(function() { gScroll = false; }, gSpeed);
}

function getBrowserWidth()
{
	var width = 0;
	
	if(document.body.clientWidth)
	{
		width = document.body.clientWidth;
	}
	else if(document.documentElement.clientWidth)
	{
		width = document.documentElement.clientWidth;
	}
	else
	{
		width = window.innerWidth;
	}
	
	return width;
}

function extractSize(size)
{
	if(size.toLowerCase().indexOf("px") >= 0)
	{
		size = size.substring(0, size.toLowerCase().indexOf("px"));
	}
	
	return parseInt(size);
}