$(document).ready(function(){
	$('#form input').hover(
		function(){ $(this).addClass('hover'); },
		function(){ $(this).removeClass('hover');}
	);
	$('div.textarea textarea').hover(
		function(){ $(this).addClass('hover'); },
		function(){ $(this).removeClass('hover');}
	);
	$("#form input").focus(function(){
		$('div.textarea').removeClass('active');
		$(this).parents('ul.form').find('li').removeClass('active');
		$(this).parent('ul.form li').addClass('active');
	});
	$('div.textarea textarea').focus(function(){
		$('ul.form').find('li').removeClass('active');
		$(this).parent('div.textarea').addClass('active');
	});
	if ($.browser.msie && $.browser.version == 6)initBoxTop();

	 sliding_init();
	$('#content').localScroll();
	initArbeiten();

	var xml_path = 'ajax/arbeiten.php';

	$.ajax({
		type: 'GET',
		url: xml_path,
		dataType: 'xml',
		success: function(xml){
			xml_arb = xml;
		},
        error: function (xmlhttp) {
          alert('An HTTP '+ xmlhttp.status +' error occured!');
        }
	});

	$("a").attr({onfocus : "if (this.blur) this.blur()"});

});
var xml_arb = new Object;
function initBoxTop()
{
	var topPosition = 0;
	var pageScrollTop = $(document).scrollTop();
	var windowHeight = $(window).height();
	topPosition = windowHeight -212 -150 + pageScrollTop;
	$('div.absolut').css('top', topPosition +'px');
}
$(window).resize(function(){
	if ($.browser.msie && $.browser.version == 6) initBoxTop();
	if ($('#fader').get(0)){
		var popup_obj = $('div#lightbox');
		fader_obj = $('div#fader');
		fader_obj.css({
			'height': $(document).height()+'px',
			'width': $('body').width()+'px'
		});
		centerPopup(popup_obj, true);
	}
});
$(window).scroll(function () {
	if ($.browser.msie && $.browser.version == 6) initBoxTop();
	if ( $('div#lightbox').height() <= document.getElementsByTagName('html')[0].clientHeight ){
		centerPopup($('div#lightbox'), true);
	}
});
var moving = false;
var direction = '';
function initArbeiten(){
	$('div#arbeiten div.slider ul li').hover(
		function(){ $(this).addClass('hover'); },
		function(){ $(this).removeClass('hover');}
	);
	$('div#arbeiten div.slider ul li a').click(function(){
		$(this).parent('li').removeClass('hover');
		if ($(this).parent('li').attr('class') != 'active')
		{
			$(this).parent('li').addClass('hover');
			var cur_slide = $(this).parents('ul').children().index($(this).parents('ul').find('li.active')[0]);
			var cur_item = $(this).parents('ul').children().index($(this).parent('li')[0]);
			if (cur_item > cur_slide) { direction = 'next'; } else { direction = 'prev';}
			sliding();
			return false;

		}

	});
	$('div#arbeiten > a.prev').click(function(){
	 	direction = 'prev';
		sliding();
		return false;
	});

	$('div#arbeiten > a.next').click(function(){
		direction = 'next';
		sliding();
		return false;
	});

	$('div#arbeiten > a.zoom, div#arbeiten > div.slider > ul > li > a').click(function(){
		if ( $(this).hasClass('zoom') || $(this).parent('li').hasClass('active') ){
			showFader();
			$('div#lightbox').css({'opacity': 0, 'display': 'block' }).animate({'opacity': 1}, 'medium');
			initLightboxCont(xml_arb, $('div#arbeiten > div.slider > ul > li.active > a').attr('rel'), 1, 1 );
		}
		return false;
	});

	$('div#lightbox > div.close > a').click(function(){
		$('div#fader').animate({'opacity': 0}, 'medium', function(){
			$(this).hide();
		});
		$('div#lightbox').animate({'opacity': 0}, 'slow', function(){
			$(this).hide();
		});
		return false;
	});

	$('div#lightbox > div.content > a.prev').click(function(){
		var prev_num = ( parseInt($('div#lightbox').attr('rel'), 10) > 1 ) ? ( parseInt($('div#lightbox').attr('rel'), 10) - 1 ) : false;
		initLightboxCont(xml_arb, prev_num, 0, 1 );
		return false;
	});

	$('div#lightbox > div.content > a.next').click(function(){
		var next_num = ( (parseInt($('div#lightbox').attr('rel'), 10) ) < $(xml_arb).find('arbeiten').children().length ) ? ( parseInt($('div#lightbox').attr('rel'), 10) + 1 ) : false;
		initLightboxCont(xml_arb, next_num, 0, 1 );
		return false;
	});

}
function initTabs(){
	$('div#lightbox > div.content > ul.tabs > li > a').click(function(){
		var a = this;
		if ( $(this).parent('li').hasClass('active') ){ return false; }
		else{
			$(this).parents('ul').children('li').attr('class', '');
			$(this).parent('li').attr('class', 'active');
			var div = $('div#lightbox > div.content > div.tabs-cont > div.img-cont > div.bg-rep');
			$(div).css('height', $(div).children('div.imager:visible').height());
			$(div).children('div.imager:visible').animate({'opacity': 0}, 'medium', function(){
				$(this).css('display', 'none');
				$(div).children('div.imager:eq('+ $(a).attr('rel') +')').css({'opacity': 0, 'display': 'block'}).animate({'opacity': 1}, 'slow');
				$(div).animate({'height': $(div).children('div.imager:visible').height()}, 'slow');
			})
			$('div.text p').html($(div).children('div.imager:eq('+ $(a).attr('rel') +')').children('img').attr('alt'));
			return false;
		}
	});
}
function sliding_init()
{
	var ul = $('div#arbeiten > div.slider > ul');
	$(ul).find('li:last').insertBefore($(ul).find('li:first'));
	var left= parseInt($(ul).css('left'));
	left -= 184;
	$(ul).css('left',left +'px');
}
function sliding(){
	if ( moving ){ return; }
	else{
		dir = direction;
		var ul = $('div#arbeiten > div.slider > ul');
		var class_assign = true;
		var to;
		if ( dir == 'next' && ($(ul).children().length-2) == $(ul).children().index($(ul).find('li.active')[0]) ){
			$(ul).find('li:first').insertAfter($(ul).find('li:last'));
			var left= parseInt($(ul).css('left'));
			left += 184;
			$(ul).css('left',left +'px');
		} else if ( dir == 'prev' && ($(ul).children().index($(ul).find('li.active')[0]) == 2) ){
			$(ul).find('li:last').insertBefore($(ul).find('li:first'));
			var left= parseInt($(ul).css('left'));
			left -= 184;
			$(ul).css('left',left +'px');
		}
			to = ( dir == 'prev' ) ? '+=184px' : '-=184px';

		moving = true;
		$(ul).animate( {'left': to}, 'medium', function(){
			switch (class_assign){
				case true:
					$(this).children('li.active').removeClass('active')[ ( dir == 'prev' ) ? 'prev' : 'next' ]().addClass('active');
					break;
				case 'first':
					/*$(this).children('li.active').attr('class', '');
					$(this).children('li:first-child').attr('class', 'active');*/
					break
				case 'last':
					/*$(this).children('li.active').attr('class', '');
					$(this).children('li:last-child').attr('class', 'active');*/
					break
			}
			moving = false;
		});
	}
}
function showFader(){
	if (!$('#fader').get(0)){
		fader_html = '<div id="fader" style="background: #000000 none repeat scroll 0%; -moz-background-clip: -moz-initial; -moz-background-origin: -moz-initial; -moz-background-inline-policy: -moz-initial; visibility: visible;  position: absolute; z-index:10; left: 0pt; top: 0pt; display: none; "> </div>';
		$('body').append(fader_html);
	}
	fader_obj = $('#fader');
	fader_obj.css({
		'opacity': '0.5',
		'height': $(document).height()+'px',
		'width': $('body').width()+'px'
	});
	fader_obj.show();
}
function centerPopup(popup, effect){
	// Centering popup in appearance and when resize window
	var winHeight = document.getElementsByTagName('html')[0].clientHeight;
	var popHeight = $(popup).height();
	var popTop = (popHeight>=winHeight) ? $(document).scrollTop() : $(document).scrollTop()+(winHeight-popHeight)/2;

	if($(popup).width > $(window).width()){
		var popLeft = 0;
	}
	else if(($(window).width() - $(popup).width()) < 0){
		var popLeft = 0;
	}
	else{
		var popLeft = ($(window).width() - $(popup).width())/2;
	}
	if (effect && !$.browser.msie){
		$(popup).animate(
			{
				'top' : popTop,
				'left': popLeft
			},
			'medium',
			function(){
				faderHeight();
			}
		);
	} else {
		$(popup).css({'top' : popTop, 'left': popLeft});
	}
	if ( $.browser.msie ){ faderHeight(); }
};

function initLightboxCont(xml, num, op_from, op_to){
	if ( num ){
		var div = $('div#lightbox');
		$(div).attr('rel', num);
		var arb = $(xml).find('arbeiten-'+ num);
		$(div).children('div.text').
		children('a.url').animate({'opacity': op_from}, 'medium', function(){
			$(this).html($(arb).children('url').text()).attr('href', 'http://'+$(arb).children('url').text()).attr('target', '_blank');
			$(this).animate({'opacity': op_to}, 'medium');
		}).
		next('h3').animate({'opacity': op_from}, 'medium', function(){
			$(this).html($(arb).children('title').text());
			$(this).animate({'opacity': op_to}, 'medium');
		}).
		next('p').animate({'opacity': op_from}, 'medium', function(){
			$(this).html($(arb).children('text').text());
			$(this).animate({'opacity': op_to}, 'medium');
		});
		var tabs = '';
		var img = '';
		$(arb).children('tabs').children('tab').each(function(i){
			tabs = tabs + '<li class="t'+ i +'"><a href="#" rel="'+ i +'">'+ (i+1) +'</a></li>';
			img = img + '<div class="imager"><img src="'+ $(this).children('src').text() +'" alt="'+ $(this).children('alt').text() +'" title="'+ $(this).children('title').text() +'" /></div>';
		});
		$(div).children('div.content').children('ul.tabs').animate({'opacity': op_from}, 'medium', function(){
			$(this).html(tabs).children('li:first-child').addClass('active');
			$(this).animate({'opacity': op_to}, 'medium');
			initTabs();
		});
		var div_img = $('div#lightbox > div.content > div.tabs-cont > div.img-cont > div.bg-rep').animate({'opacity': op_from}, 'medium', function(){
			$(this).html(img).css('height', 'auto').children('div.imager:first-child').addClass('first');
			$(this).animate({'opacity': op_to}, 'slow', function(){
				centerPopup($('div#lightbox'), true);
			});
		});
	}
}

function faderHeight(){
	var height_max = $('div#lightbox').height()+parseInt($('div#lightbox').css('top'), 10)
	if ( height_max >= $(document).height()){
		$('div#fader').css('height', $(document).height());
	}
	return;
}