//Funktionen fuer die Gewinnspiel Layer

function openPopupLayer(url,breite,hoehe,iframetitle) {
	var dummyContent = '<div id="PopupLayer">'+
		'<div id="DragPopup">'+
			'<h3 id="PopupLayerBar"><span>Titel des Popupfensters</span></h3>'+
			'<a class="close-icon" href="#" onclick="return closePopupLayer();" title="Fenster schlie&szlig;en"><span>Fenster schliessen</span></a>'+
		'</div>'+
		'<div id="Overlap" style="width:'+breite+';height:'+hoehe+';"></div>'+
		'<div id="Nondragable">'+
			'<iframe src="' + url + '" id="PopupFrame" class="popup-frame-object" name="PopupFrame" frameborder="0" scrolling="no" border="0"></iframe>'+
		'</div>'+
	'</div>';

	$('body').append(dummyContent);

	
	$('div#Overlap').css({height: hoehe + 'px' });
	$('div#Overlap').css({width: breite + 'px' });
	$('#PopupFrame').css({height: hoehe + 'px' });
	$('#PopupFrame').css({width: breite + 'px' });

			
	$("#PopupLayer").mousemove(function(event) {
		$('#PopupLayer').draggable();
		//console.log(event.target.id);
		if(event.target.id == 'DragPopup') {
			$('#PopupLayer').draggable('enable');
		}
		else if(event.target.id == 'Nondragable') {
			$('#PopupLayer').draggable('disable');
		}
	});


	
	
	var popLayer = document.getElementById('PopupLayer');
	popLayer.getElementsByTagName('h3')[0].childNodes[0].innerHTML = iframetitle;
	y = ($(document).scrollTop() - Math.ceil($('#PopupLayer').height()/2)  + ($(window).height()/2));
	x = ($(document).width()/2) -  Math.ceil($('#PopupLayer').width() / 2);
	$('div#PopupLayer').css({top: y + 'px',left: x +'px'});
	popLayer.style.display = 'block';
}

function closePopupLayer() {
		$('div#PopupLayer').remove();
		return false;
}


function coordinateColRows () {
	var firstColBoxes = $('.colContent .colLeft').eq(0).children();
	var secondColBoxes = $('.colContent .colLeft').eq(1).children();
	var boxAmount = (firstColBoxes.length > secondColBoxes.length) ? firstColBoxes.length : secondColBoxes.length;
	
	for( i=0; i < boxAmount; i++ ) {
		if( firstColBoxes.eq(i).height() > secondColBoxes.eq(i).height() ) {
			secondColBoxes.eq(i).height(firstColBoxes.eq(i).height());
		} else {
			firstColBoxes.eq(i).height(secondColBoxes.eq(i).height());
		}
	}
}


function gfxSelectBox() {
	
	var gfxSelect = false;
	var optionList = false;
	
	this.Init = function(id)  {
		gfxSelect = $(id);
		optionList = gfxSelect.find('div.holder');
		
		// JavaScript on/off 
		gfxSelect.find('.select').css('display', 'none');
		gfxSelect.find('.gfxSelectBox').css('display', 'block');
		
		// options auslesen
		option = ''; 

		if( !( gfxSelect ).hasClass('noLinks') ) {
			gfxSelect.find('option').each(function (i) {
				option += '<li><a href="' + $(this).attr('value') + '">' + $(this).text() + '</a></li>';
			});
			option = '<ul>' + option + '</ul>';
			// onclick auf Links in der Liste
			gfxSelect.find('div.holder').find('.scroll-pane').html(option).find('a').click(function (event) { 
				toPage(event);
			});			
		} else {
			gfxSelect.find('option').each(function (i) {																			
				option += '<li><a href="#">' + $(this).text() + '</a></li>';
			});	
			option = '<ul>' + option + '</ul>';
			gfxSelect.find('div.holder').find('.scroll-pane').html(option).find('a').click(function (event) { 

				$(this).parents('.gfxSelectBox' ).find('.gfxText span').text( $(this).text() );
				$(this).parents('.gfxSelectBoxForm' ).find('select').attr('selectedIndex', $(this).parents('ul').find('a').index( this )-1 );
				if( typeof(berechneQuadratmeter) != 'undefined' ) {
					berechneQuadratmeter();
				}
				//alert( $(this).parents('.gfxSelectBoxForm' ).find('select').attr('selectedIndex') );
				$(this).parents('.holder').css('visibility', 'hidden');
				return false;
			});	
		}
	
		
	
		
		// onclick auf DropDown
		gfxSelect.find('div.gfxSelectBox').bind('click', function(event) {
			if($(event.target).parent('div.gfxSelectBox')) {
				if($(event.target).is('div.jScrollPaneDrag')) {
					return false;
				}
				/*
				$(event.target).parents().each(function(i){
					console.log(event.target.className);
					if(event.target.className == 'jScrollPaneTrack' || event.target.className == 'jScrollPaneDrag') {
						return false;
					}
				});	
				*/
				displayList(event);
				return false;	
			}
		});
		
		// onclick auf Body
		$('body').bind('click', function(event) {
			$(event.target).parents().each(function(i){
				if($(this).is('div.gfxSelectBox')) {
					return;
				}	
			});	
			bodyEvent(event);
		});										
	}
	

	
	function toPage(event) {
		location.href = event.target.href;
	}
	
	function displayList (event) {
		if(optionList.css('visibility') == 'visible') {
			optionList.css('visibility', 'hidden');
		}
		else {
			optionList.css('visibility', 'visible');
		}
	}
	
	function bodyEvent (event) {
		optionList.css('visibility', 'hidden');
	}
}
		
		

// Für die doppelte DropDown Box - Thema + Projekte
function gfxSelectBoxDouble() {	
	var gfxSelect = false;
	var optionList = false;
	var maincat = false;	
	
	this.Init = function(id, liste)  {
	
		gfxSelect = $(id);
		optionList = gfxSelect.find('div.holderThema');
		optionList2 = gfxSelect.find('div.holderProject');
		
		// JavaScript on/off 
		gfxSelect.find('.selectThema').css('display', 'none');
		gfxSelect.find('.gfxSelectBoxThema').css('display', 'block');
		gfxSelect.find('.selectProject').css('display', 'none');
		gfxSelect.find('.gfxSelectBoxProject').css('display', 'block');		
		
		// options auslesen
		option = ''; 
		option2 = ''; 		
		gfxSelect.find('div.selectThema').find('option').each(function (i) {
			option += '<li><a href="#" title="' + $(this).attr('value') + '">' + $(this).text() + '</a></li>';
		});
		option = '<ul>' + option + '</ul>';

		gfxSelect.find('div.selectProject').find('option').each(function (i) {
			option2 += '<li><a href="#" title="Bitte ein Thema w&auml;hlen">Bitte ein Thema w&auml;hlen</a></li>';
		});
		option2 = '<ul>' + option2 + '</ul>';	
		
		// onclick auf Links in der Liste
		gfxSelect.find('div.holderThema').find('.scroll-pane').html(option).find('a').click(function (event) { 
			fillProject(event,liste);
		});	
		
		// onclick auf Links in der Liste
		gfxSelect.find('div.holderProject').find('.scroll-pane').html(option2);		
		
		// onclick auf DropDown
		gfxSelect.find('div.gfxSelectBoxThema').bind('click', function(event) {
			if($(event.target).parent('div.gfxSelectBoxThema')) {
				if($(event.target).is('div.jScrollPaneDrag')) {
					return false;
				}
				displayList(event);
				return false;	
			}
		});
		
		// onclick auf DropDown
		gfxSelect.find('div.gfxSelectBoxProject').bind('click', function(event) {
			if($(event.target).parent('div.gfxSelectBoxProject')) {			
				if($(event.target).is('div.jScrollPaneDrag')) {					
					return false;
				}		
				displayList2(event);
				return false;	
			}
		});		
		
		// onclick auf Body
		$('body').bind('click', function(event) {
			$(event.target).parents().each(function(i){
				if($(this).is('div.gfxSelectBoxThema')) {
					return;
				}	
			});	
			bodyEvent(event);
		});										
	}
	
	function fillProject(event, liste) {
		var cat = event.target.title;		
		option2 = '';		
		var myList = document.createElement('ul');
		for(i=0;i<liste[cat].length;i++) {
			//option2 += '<li><a href="' + liste[cat][i][1] + '" title="' + liste[cat][i][0] + '">' + liste[cat][i][0] + '</li>';						
			var myListItem = document.createElement('li');
			var myListItemLink = document.createElement('a');
			myListItemLink.innerHTML = liste[cat][i][0]; 
			myListItemLink.href = liste[cat][i][1]; 
			myListItemLink.onclick = function () {window.location.href = this.href;}
			myListItem.appendChild(myListItemLink);
			myList.appendChild(myListItem);
		}						
		// onclick auf Links in der Liste
		with(gfxSelect.find('div.holderProject').find('.scroll-pane')[0]) {
			while(firstChild) {
				removeChild(firstChild);
			}
		}		
		
		gfxSelect.find('div.gfxText')[0].innerHTML = '<span>' + cat + '</span>';		
		gfxSelect.find('div.holderProject').find('.scroll-pane')[0].appendChild(myList);		
		
		$(".gfxSelectBoxFlyout2").jScrollPane({scrollbarWidth: 29});				
	}
	
	function toPage(event) {
		location.href = event.target.href;
	}
	
	function displayList (event) {
		if(optionList.css('visibility') == 'visible') {
			optionList.css('visibility', 'hidden');
		}
		else {
			optionList.css('visibility', 'visible');
		}
		if(optionList2.css('visibility') == 'visible') {
			optionList2.css('visibility', 'hidden');
		}		
	}
	
	function displayList2 (event) {
		if(optionList2.css('visibility') == 'visible') {
			optionList2.css('visibility', 'hidden');
		}
		else {
			optionList2.css('visibility', 'visible');
		}
	}	
	
	function bodyEvent (event) {
		optionList.css('visibility', 'hidden');
		optionList2.css('visibility', 'hidden');
	}	
}


var cbRadio = {
	init: function() {
		$("input.cbRadio").each(function(i){																																	 
			this.myRadioGroup = this.form.elements[this.name];
			if(this.src){
				$(this).before('<img class="cbRadio" src="' + this.src + '" alt="" />');
				if( this.checked ) {
					$(this).prev().attr('src', this.src.replace(/\.gif/g, "_checked.gif") );
				}
				$(this).prev().bind("click", function(e){
						$(this).next().trigger('click');
						for( i=0; i<$(this).next().attr('myRadioGroup').length; i++ ){				
							$( $(this).next().attr('myRadioGroup')[i] ).prev().attr('src', this.src.replace(/_checked\.gif/g, ".gif"));
						}						
						
						if($(this).next().attr('checked')){
							this.src = this.src.replace(/\.gif/g, "_checked.gif");
						} else {
							if($(this).next().attr('type')== 'checkbox') {
								this.src = this.src.replace(/_checked\.gif/g, ".gif");
							}
						}
				});		
				
				
				$(this).bind("click", function(e){													 
						if( this.checked ) {
							for( i=0; i<this.myRadioGroup.length; i++ ){
								$(this.myRadioGroup[i]).prev().attr('src', this.src.replace(/_checked\.gif/g, ".gif") );
							}
							$(this).prev().attr('src', this.src.replace(/\.gif/g, "_checked.gif") );
							
						} else {
							$(this).prev().attr('src', this.src.replace(/_checked\.gif/g, ".gif") );							
						}
				});
				
			}
		});																																
	}
}


var tabs = {
	init: function(){
		var $index, $content, event, $event, $sIFR, margin;
		var $container = $('.tabTeaser');
		var $tabs = $container.find('ul.tabs li');
		var $content = $container.find('.tabContentContainer .tabContent');

		var run = false;
		
		// for IE & Mozilla (Mac)
		if(!run && ($.browser.msie || ($.browser.mozilla && (window.outerWidth - window.innerWidth === 0)))){
			$tabs.each(function(){
				$(this).find('a').css('letter-spacing','0.1em');
				$(this).prepend('<span class="listener"></span>');
			});
			
			if($('.route')){
				margin = '-7px -35px 0';
			}
			else{
				margin = '-7px 0 0';
			}
			
			$('.listener').css({
				position: 'absolute',
				width: '100%',
				height: '100%',
				margin: margin,
				cursor: 'pointer',
				background: 'red',
				opacity: '0'
			});
			
			$event = $tabs;
			run = true;
		}else{
			$event = $tabs.find('a');
		};

		
		$event.unbind('click').bind('click', function(event){
			event = $(event.target).parents('li').get(0);
			
			$index = $($tabs).index(event) + 1;
			
			$sIFR = $(this).find('object').attr('id');
			$id = "Content" + $index;
			
			$tabs.each(function(i, item){
				$(this).removeClass('active');
				tabs.resetColor($(this).find('object').attr('id'));
				
				if(this == event){
					$(this).addClass('active');
					tabs.setColor($sIFR);
				};
			});
			
			if($container.hasClass('assortment')){
				$content.each(function(){
					$(this).attr('id') === $id ? $(this).show() : $(this).hide();
				});
			}else{
				var href = $(event).find('a').attr('href');
				$content.find('img').attr('src', href);
			};
			
			return false;
		});
		
		setTimeout(
			function(){
				var activeItem = $('ul.tabs li.active object').attr('id');
				tabs.setColor(activeItem);
			}
		,1000);
		
	},
	setColor: function(item){
		var css = '.sIFR-root { color:#FF7E21; text-align: center;}';
		sIFR.replacements[item].changeCSS(css);
	},
	resetColor: function(item){
		var css = '.sIFR-root { color:#333333; text-align: center;}'; 
		sIFR.replacements[item].changeCSS(css);
	}
}

$(document).ready(function() {
	$('div.holder').css('visibility','hidden');
	if($('form.shoppingList').length !== 0){ 
		$('form.shoppingList').jqTransform();
	};
	
	if($('.tabTeaser').length !== 0){
		tabs.init();
	};
});