/*
 * 01 - Kein Javascript
 * 02 - Zebra Streifen f. Tabellen 
 * 03 - Höhe v. Diagonalen Wrapper
 * 04 - Ausklappbare Navigation
 * 05 - Initialien mit Grafik versehen
 * 06 - Produkte Zeilenumbruch
 * 07 - Nicht Hover Produkte	
 * 08 - Hover Produkte
 * 09 - Overlay Produkte	
 * 10 - Unternehmer Overlay
 * 11 - Filme Switchen
 * 12 - Wo zu kaufen Overlay (wtb)
 * 13 - Formular Validation
 * 14 - Hinzufügen von zurück button bei div. Seiten
 * 15 - Soll Layer angezeigt werden ja nein
 * 16 - Wenn nur ein Tab vorhanden dann verstecken
 * 17 - Bildschirmhöhe auf div übertragen
 * 18 - Erhältlich bei... Hofer 2 Produkte pro Zeile
 * 19 - Slideshow
*/
$(document).ready(function(){
	
	
	//01 - Kein Javascript
	$('#nojs').hide();

	
	//02 - Zebra Streifen f. Tabellen
	$("tr:nth-child(odd)").addClass("odd");
	$(".noodd tr:nth-child(odd)").addClass("noodd");

	
	//03 - Höhe v. Diagonalen Wrapper
	//$('#diagonale, #wrapper').height($('body').height());

	
	//04 - Ausklappbare Navigation
	$('ul#navigation li ul').css({'display':'block'}).hide();
	$('ul#navigation li').hover(
		function(e){
			$(this).children('ul').slideDown(100);
		},
		function(e){
			$(this).children('ul').slideUp(50);
		}
	);
	
	
	//05 - Initialien mit Grafik versehen
	$('h2.initial').each(function(){
 		var text = $(this).html();
 		var f = text.substr(0, 1);
 		var c = f.toLowerCase().replace(/ü/, 'ue').replace(/ä/, 'ae').replace(/ö/, 'oe').replace(/[0-9]/, 'num');
 		$(this).html(text.replace(text.substr(0, 1), '<span class="'+c+c+'">'+f+'</span>'));
	});
	
		
	$('ul.tabs').tabs('div.panes > div',{effect:'fade'});
	
	
	//06 - Produkte Zeilenumbruch
	$('ul.tabs li a').each(function(){	
		
		var wID = $(this).attr('href');
		var wNr = wID.substr(1);
		var isHover = $('#hover').attr('value');

		if (isHover == 'nein') {
			var wCount = $('#wrapper' + wNr + ' .scrollable .items .productThumb').size();
		}else if(isHover == 'ja'){
			var wCount = $('#wrapper' + wNr + ' .scrollable2 .items .productThumb2').size();
		}
		
		
		if (wCount > 8) {
			var result = Math.ceil(wCount / 2);
		}else if (wCount == 8) {
			var result = 4;
		}else if (wCount < 8) {
			$('#wrapper' + wNr +  ' .scrollable2 .items').attr('id','fixWidth');
		}
		
				
		for(i=0;i<=result;i++){
	
			if(i==result){
				if (isHover == 'nein') {
					var thum = $('#wrapper' + wNr + ' .scrollable .items .productThumb').get(i);
				}else if (isHover == 'ja') {
					var thum = $('#wrapper' + wNr + ' .scrollable2 .items .productThumb2').get(i);
				}	
				
				//$(thum).before('<div class="clear">&nbsp;</div>');
				$(thum).addClass('clear');

			}	
		}
	
	});	
	
	
	
		
	//07 - Nicht Hover Produkte
		
	$('div.scrollable').scrollable({
		onSeek: function(){
			var iC = $('.items').children().size();			
			//alert(iC%2);
			
			if (iC%2 > 0){
				iC = (iC+1)/2;
			}else if (iC%2 == 0){
				iC = iC/2;
			}
			
		
					
			if (this.getIndex() == iC-3){
				$('a.next').attr('style','display:none !important');
				this.seekTo(0, 400);		
				
			}else if (this.getIndex() < iC) {
				$('a.next').attr('style','display:block !important');
			}
			
			
		}		
	});
	
	$('.items').each(function(){
		var wrapperId = $(this).parent().parent().attr('id');
		var itemCount = $('#'+ wrapperId + ' .scrollable2 .items .productThumb2').size();	
	});
		
	$('ul.tabs li a').each(function(){			
			
				var wrapperID = $(this).attr('href');
				var wrapperNr = wrapperID.substr(1);
				var wrapperCount = $('#wrapper'+ wrapperNr +' .scrollable .items .productThumb').size();
				var wrapperCount2 = $('#wrapper'+ wrapperNr +' .scrollable2 .items .productThumb').size();
						
					if (wrapperCount <= 8) {
						$('#wrapper' + wrapperNr + ' .scrollable').removeClass('scrollable');
						$('#wrapper' + wrapperNr + ' a.prev').hide();
						$('#wrapper' + wrapperNr + ' a.next').hide();
					} else if (wrapperCount > 8) {
						$('#wrapper' + wrapperNr).addClass('scrollActive');
					}
								
				if (wrapperCount == 1) {
				
					$(this).click(function(){
						var wrapperID2 = $(this).attr('href');
						var wrapperNr2 = wrapperID2.substr(1);
						
						
						var wrapperIDOver = $('#wrapper' + wrapperNr2 + ' .items .productThumb').attr('rel');
						//console.log(wrapperID2 + ' ' + wrapperIDOver);
						
						$('#wrapper' + wrapperNr2 + ' .items .productThumb').css('visibility', 'hidden');
						
						$(wrapperIDOver).overlay({
							absolute: true,
							top: '25%',
							left: '5%',
							api: true
						}).load();
						
					});
					
				}
	});
	
	
	$('ul.tabs li a').click(function(){
		$('.scrollActive').removeClass('scrollActive');
		if($(this).hasClass('current')){								
			var wrapperID = $(this).attr('href');
			var wrapperNr = wrapperID.substr(1);
			$('#wrapper'+wrapperNr).addClass('scrollActive');	
		}
	});

	
	//08 - Hover Produkte
	var hover = $('#hover').attr('value')
	$('div.scrollable2').css({'overflow':'hidden'});
	
	if (hover=='ja'){
				
			var ulsize = $('ul.tabs li a').size();
			var getId = $('.panes').children('div').attr('id');	
			var thumbCount = $('#'+ getId +' .productThumb2').size();		
					
			if(ulsize==1){			
				if(thumbCount<=8){
					$('#' + getId + ' a.prev').hide();
					$('#' + getId + ' a.next').hide();
				}else if(thumbCount > 8){
					$('#' + getId + ' a.prev').show();
					$('#' + getId + ' a.next').show();
				}
				$('#' + getId).addClass('scrollActive');
				$('div.scrollable2').scrollable({
					onSeek: function(){
						var iC = $('.items').children().size();
						if (iC%2 > 0){
							iC = (iC+1)/2;
						}else if (iC%2 == 0){
							iC = iC/2;
						}
						
						if (this.getIndex() == iC - 3) {
							$('a.next').attr('style', 'display:none !important');
							this.seekTo(0, 400);
							
						}
						else 
							if (this.getIndex() < iC) {
								$('a.next').attr('style', 'display:block !important');
							}
						
					}
				});
				 	
			}else if(ulsize > 1){
				/*$('ul.tabs li a:first').addClass('current')*/
				$('ul.tabs li a:first').addClass('first')	
				
				//wenn erste seite
				if ($('ul.tabs li a:first').hasClass('current') == true) {
					var wrapperID3 = $('ul.tabs li a.first').attr('href');
					var wrapperNr3 = wrapperID3.substr(1);
					
					var thumbCount1 = $('#wrapper' + wrapperNr3 + ' .scrollable2 .items .productThumb2').size();
							
							if(thumbCount1<=8){
								$('#wrapper' + wrapperNr3 + ' a.prev').hide();
								$('#wrapper' + wrapperNr + ' a.next').attr('style','');
								$('#wrapper' + wrapperNr3 + ' a.next').hide();
							}
							
							if(thumbCount1 > 8){
								$('#wrapper' + wrapperNr3 + ' a.prev').show();
								$('#wrapper' + wrapperNr3 + ' a.next').show();
							}
					
					$('#wrapper' + wrapperNr3).addClass('scrollActive');
					
					$('div.scrollActive div.scrollable2').scrollable({
						onSeek: function(){
							var getParent = $('.items').parent().parent().attr('id');
							var iC = $('#' + getParent + ' .items').children().size();
							
						
							
							if (iC%2 > 0){
								iC = (iC+1)/2;
							}else if (iC%2 == 0){
								iC = iC/2;
							}
							
						
							
							if (this.getIndex() == iC - 3 ) {
								$('a.next').attr('style', 'display:none !important');
								this.seekTo(0, 400);
								
							}
							else 
								if (this.getIndex() < iC) {
									$('a.next').attr('style', 'display:block !important');
								}
								
						}
					});
				}
					
				//wenn klick auf tab
				$('ul.tabs li a').click(function(){					
							
							$('.panes').find('.scrollActive').removeClass('scrollActive');
							
							var wrapperID = $(this).attr('href');
							var wrapperNr = wrapperID.substr(1);
							
							$('#wrapper' + wrapperNr).addClass('scrollActive');
								
						
							var thumbCount2 = $('#wrapper' + wrapperNr + ' .scrollable2 .items .productThumb2').size();
							
						
							if(thumbCount2<=8){
								$('#wrapper' + wrapperNr + ' a.prev').hide();
								$('#wrapper' + wrapperNr + ' a.next').attr('style','');
								$('#wrapper' + wrapperNr + ' a.next').hide();
							}
							
							if(thumbCount2 > 8){
								$('#wrapper' + wrapperNr + ' a.prev').show();
								$('#wrapper' + wrapperNr + ' a.next').show();
							}	
							
							
							
							
							
							$('#wrapper' + wrapperNr + ' div.scrollable2').scrollable({
									onSeek: function(){
										var getParent = $('.items').parent().parent().attr('id');
										var iC = $('#wrapper' + wrapperNr + ' .items').children().size();
										
								
										
										if (iC%2 > 0){
											iC = (iC+1)/2;
										}else if (iC%2 == 0){
											iC = iC/2;
										}
										
									
										
										if (this.getIndex() == iC - 3 ) {
											$('a.next').attr('style', 'display:none !important');
											this.seekTo(0, 400);
											
										}
										else 
											if (this.getIndex() < iC) {
												$('a.next').attr('style', 'display:block !important');
											}
										
									}
							});				
				})
			
			} 
		
	
		//Hover	
		$('.panes .items div.productThumb2').each(function(){		
			var id = $(this).attr('rel');
			$('img',this).tooltip({
				effect:"fade",
				tip:id,
				offset: [-20,0] 
				
			}).dynamic({
				right: {
					offset: [-20,220]
				}
			});
		});	
		
		//Overlay Auto
		$('ul.tabs li a').each(function(){			
				var wID2 = $(this).attr('href');
				var wNr2 = wID2.substr(1);
				var wC2 = $('#wrapper'+ wNr2 +' .scrollable2 .items .nohover').size();
					if (wC2 == 1) {
						$(this).click(function(){
							var wID21 = $(this).attr('href');
							var wNr21 = wID21.substr(1);
							var wIDO2 = $('#wrapper' + wNr21 + ' .items .productThumb2').attr('rel');
	
							$('#wrapper' + wNr21 + ' .items .productThumb2').css('visibility', 'hidden');
							
							$(wIDO2).overlay({
								absolute: true,
								top: '25%',
								left: '5%',
								api: true
							}).load();
						});
					}
		});
	}
		
	
	
	//09 - Produkt Overlay	
	$('div.items div.productThumb').overlay({
		expose:{
			color:'#111',
			opacity: '0.3'
		},
		absolute: true,
		top: '25%',
		left: '5%'
	});
	
	
	//10 - Unternehmer Overlay
	$('#contentUG a[rel]').overlay({
		expose:{
			color:'#111',
			opacity: '0.3'
		},
		absolute: true,
		top: '25%',
		left: '5%'
	});
	
	
	//11 - Filme Switchen
	$('a.player:first').css('display','block').addClass('active');

	$('.movieList h2').click(function(){
		showMovie($(this).attr('class'));
	});
	
	$('div.watch > div').click(function(){
		showMovie($(this).attr('class'));
	});
	
	
	//12 - Wo zu kaufen Overlay (wtb)
	$('#wtbNav li ul li div[rel]').overlay({
		expose:{
			color:'#111',
			opacity: '0.3'
		},
		absolute: true,
		top: '25%',
		left: '5%'
	});
	
	
	//13 - Formular Validation
	var container = $('div.errorcontainer');
	var formId = $('form').attr('id');

	$('.cmxform').validate({
		rules: {
			name: "required",
			tel: "required",
			mail: {
				required: true,
				email: true
			 } 
			},
		messages: {
			name: "Bitte geben Sie Ihren Namen ein!",
			tel: "Bitte geben Sie Ihren Telefonnummer ein!",
			mail: "Bitte eine g&uuml;ltige E-Mail Adresse eingeben!"
		 },
		errorLabelContainer: $('#'+ formId + " div.errorcontainer"),
		meta: "validate"
		});
	
	//14 - Hinzufügen von zurück button bei div. Seiten
	var getPageId = $('#artID').attr('value');
	
	if (getPageId == 322) {
		$('#back').show();
	}else if (getPageId == 323) {
		$('#back').show();
	}else{
		$('#back').hide();
	}
	
	//15 - Soll Layer angezeigt werden ja nein
	$('.noLayer').each(function(){
		var noLayerID = $(this).parent().attr('rel');
		$(this).parent().css('cursor','default')
		$(noLayerID).remove();
	})
	
	//16 - Wenn nur ein Tab vorhanden dann verstecken
	if($('ul.tabs li').size() == 1){
		$('ul.tabs li').hide();
		$('ul.tabs li').empty();
		$('ul.tabs').css('height','60px');
	}
	
	//17 - Bildschirmhöhe auf div übertragen
	$('#diagonale').css('height',$(document).height()+' !important');
	$('#wrapper').css('height',$(document).height() +' !important');
	
	
	//18 - Erhältlich bei... Hofer 2 Produkte pro Zeile
	var liCount = 0 ;
	$('.Hofer li').each(function(){
		liCount++;	
		if (liCount == 3){
			$(this).addClass('clear');
			$('.Hofer ul').addClass('ulcenter');
		}
	});
	
	//19 - Slideshow
	$('.slideshow').cycle({
		fx: 'fade'
	});
	
});

function showMovie(lala)
	{
		var headID = lala
		$('a.player').removeClass('active');
		$('#player'+headID).fadeIn().css('display','block').addClass('active');
		$('a.player').not($('a.active')).hide();
	}