$(document).ready(function(){
	function clearimage(path){
		clearImage = new Image(); 
		clearImage.src = path;
	}
	clearimage("images/load_bar_orange.gif");
	
	$("#navi li").live('mouseover', function(){
		$(this).animate({'padding-bottom':'18px','margin-top':'-9px'}, 160);
	});
	$("#navi li").live('mouseout', function(){
		$(this).animate({'padding-bottom':'18px','margin-top':'0'}, 160);
	});
	$("#navi li:eq(0)").live('click', function(){
		$('html, body').animate({
			scrollTop: 0
		}, 1200);
	});
	$("#navi li:eq(1)").live('click', function(){
		$('html, body').animate({
			scrollTop: 2000
		}, 1200);
	});
	$("#navi li:eq(2)").live('click', function(){
		$('html, body').animate({
			scrollTop: 4600
		}, 1200);
	});
	$("#navi li:eq(3)").live('click', function(){
		$('html, body').animate({
			scrollTop: 6400
		}, 1200);
	});
	$("#overlaydiv").animate({
		scrollLeft: 0
	}, 400);
	$("#overlaybtn").live('click', function(){
		$("#overlaydiv").animate({
			scrollLeft: 370
		}, 400);
		$(this).find('div').css({'border-color':'#f6841f #fff #f6841f #f6841f', 'margin-left':'-14px'});
		$(this).attr('id', 'overlaybtn2');				 
	});
	$("#overlaybtn2").live('click', function(){
		$("#overlaydiv").animate({
			scrollLeft: 0
		}, 400);
		$(this).find('div').css({'border-color':'#f6841f #f6841f #f6841f #fff', 'margin-left':'6px'});
		$(this).attr('id', 'overlaybtn');				 
	});
	
	function formatTitle(title, currentArray, currentIndex, currentOpts) {
		return '<div id="tip7-title" style="padding-left:2px;">' + (title && title.length ? '<b>' + title + '</b>' : '' ) + '<div style="position:absolute;right:30px;top:10px;">' + (currentIndex + 1) + ' / ' + currentArray.length + '</div>';
	}
	
	$("a.element").fancybox({
		titlePosition: 'outside',
		overlayOpacity: 0.9,
		titleFormat: formatTitle
	});
	
	$(".refshort").live('click', function(){
		$("#portfolio_box .box_content").html("<img src='images/load_bar_orange.gif' style='width:44px;height:11px;border:0;'/>");
		var rel = $(this).attr('rel');
		$("#portfolio_box .box_content").load("referenz.php?id=" + rel, function(){
			$("a.element").fancybox({
				titlePosition: 'outside',
				overlayOpacity: 0.9,
				titleFormat: formatTitle
			});
		});
	});
	$(".dlsshort").live('click', function(){
		$("#downloads_box .box_content").html("<img src='images/load_bar_orange.gif' style='width:44px;height:11px;border:0;'/>");
		var rel = $(this).attr('rel');
		$("#downloads_box .box_content").load("download.php?id=" + rel, function(){
			$("a.element").fancybox({
				titlePosition: 'outside',
				overlayOpacity: 0.9,
				titleFormat: formatTitle
			});
		});
	});
});