var activeTab;
var activeTabToevoegingen;

$(document).ready(function(){
	$('a.lightbox').lightBox({
		 imageBtnPrev:		'/img/lightbox/'+$_language+'/lightbox-btn-prev.gif'		// (string) Path and the name of the prev button image
		,imageBtnNext:		'/img/lightbox/'+$_language+'/lightbox-btn-next.gif'		// (string) Path and the name of the next button image
		,imageBtnClose:		'/img/lightbox/'+$_language+'/lightbox-btn-close.gif'	// (string) Path and the name of the close btn
	});
	//$('a.lightbox_big').lightBox();
	
 	$('#product_menu').hover(function() { viewMenu('menuboxes_producten', 'product_menu'); }, 
							 function() { closeMenu('menuboxes_producten','product_menu'); });
	$('#branche_menu').hover(function() { viewMenu('menuboxes_branches', 'branche_menu'); }, 
							  function() { closeMenu('menuboxes_branches','branche_menu'); });
	$('#overcaru_menu').hover(function() { viewMenu('menuboxes_overcaru', 'overcaru_menu'); }, 
							  function() { closeMenu('menuboxes_overcaru','overcaru_menu'); });
	
	$('#headerslideshow').cycle({
		 next:   '#headerslideshow',
		 fx:     'fade',
		 timeout: 6500,
		 pause:   1
	});
	
	$('#datepicker').DatePicker({
		format:'d / m / Y',
		date: $('#datepicker').val(),
		current: $('#datepicker').val(),
		starts: 1,
		position: 'r',
		onBeforeShow: function(){
			$('#datepicker').DatePickerSetDate($('#datepicker').val(), true);
		},
		onChange: function(formated, dates){
			$('#datepicker').val(formated);
			$('#datepicker').DatePickerHide();
		}
	});
	
	checkHeight();
	
	activeTab = $('#product-gegevens .tab-lijst').children(':first');
	$('#product-gegevens .tab-lijst .tab').click(function(){
			// alle gegevens uitzetten
			$('#product-gegevens .tab-lijst').find('.tab').removeClass('active');
			$('#productdetail-gegevens').children().css('display','none');
			// juiste tab en gegevens (actief) weergeven
			showTabDetails($(this), $(this).attr('name'));				   
	});
	activeTabToevoegingen = $('#product-toevoegingen .tab-lijst').children(':first');
	$('#product-toevoegingen .tab-lijst .tab').click(function(){
			showTabDetails($(this), $(this).attr('name'));				   
	});
	
	$('#locations-right .tab-lijst a').click(function(){
		$('#locations-right .tab-lijst a').removeClass('active');
		$('#locations-right .locationlists').removeClass('active');
		$(this).addClass('active');
		$('#locations-right #'+$(this).attr('rel')).addClass('active');
	});
	
	$('a.mail-tip').cluetip();
	$('a.ctip').cluetip({
						width:          300,
						topOffset:      6, 
    					leftOffset: 	-300,
						cluetipClass:   'default_cert'
						});
	
	$('a.langselected').click(function(){
		var _h = $(this).height();
		var _w = $(this).width();
		$('a.langselect').each(function(){
			var _rel = parseFloat($(this).attr('rel'));
			$(this).css({'top': (_rel*_h)+((_rel+1)*10)+'px', 'width' : _w+'px' });
			$(this).slideToggle('fast');
		});
		return false;
	});
	
	
	$('select#reference-cat-select').change(function(){
		$('.reference-cat-item').hide();
		$('.reference-item').removeClass('active');
		$('.reference-item.'+$(this).val()).addClass('active');
	});
});

function getTeamLeden(depart_name_for_id){
	if(depart_name_for_id == 'transmo'){
		window.open('http://www.transmo.nl/nl/team');
		return false;
	}
		
	$('#teamleden').find('.teamleden').hide();
	$('#'+depart_name_for_id).show();
	$('a.mail-tip').cluetip();
}

function showTabDetails(target, listname) {
	if(listname == 'lijst_gegevens') {	
		var previousTab = activeTab;
		activeTab = target;
		
		activeTab.addClass('active');
		
		var data = $('#productdetail-gegevens').children();
		
		$(data[activeTab.index()]).show();
	}
	else {
		var previousTabToevoegingen = activeTabToevoegingen;
		activeTabToevoegingen = target;
		
		previousTabToevoegingen.toggleClass('active');	
		activeTabToevoegingen.toggleClass('active');
		
		var dataToevoegingen = $('#productdetail-toevoegingen').children();
		
		$(dataToevoegingen[previousTabToevoegingen.index()]).hide();
		$(dataToevoegingen[activeTabToevoegingen.index()]).show();
	}
}

function bigImage(largeimg_id, img_uuid, imgname, img_uuid_for_id) {
	//$('#'+largeimg_id).html('<div id="productimage-overlay"></div><img src="/images/'+img_uuid+'/479/190/FFFFFF/0" alt="'+imgname+'" class="mainimage" />');
	
	$('#'+largeimg_id).html('<div id="productimage-overlay"></div><div class="mainimage-block">&nbsp;</div>');
	$('.mainimage-block').css('background-image', 'url("/images/'+img_uuid+'/360/270/FFFFFF/0")');
	$('.mainimage-block').css('background-position', 'center center');
	$('.mainimage-block').css('background-repeat', 'no-repeat');
	
	/*
	$('#'+img_uuid_for_id).parent().parent().parent().find('img').css('opacity','1');
	*/
	
	$('#'+img_uuid_for_id).parent().parent().parent().find('div').css('opacity','1');
	$('#'+img_uuid_for_id).css('opacity','0.4');
	
}

var viewportWidth;
var selectedSlideIndex;
var previousSelectedIndex;
viewportWidth = 160;
selectedSlideIndex = 1;

function updateSelectedSlide(type, totalSlides) {
	previousSelectedSlideIndex = selectedSlideIndex;
	if(type == 'next') {
		selectedSlideIndex = selectedSlideIndex+1;
		
	}
	if(type == 'prev') {
		selectedSlideIndex = selectedSlideIndex-1;
	}
	
	if(selectedSlideIndex == 1) {
		$('#prev_img_btn').hide();
	}
	else {
		$('#prev_img_btn').show();
	}
	
	if(selectedSlideIndex == totalSlides) {
		$('#next_img_btn').hide();
	}
	else {
		$('#next_img_btn').show();
	}
	
	moveSliderViewportCanvas();
}
 
function moveSliderViewportCanvas() {
	var newPos = ((selectedSlideIndex * viewportWidth) - viewportWidth) / -1;
	$('#slider_viewport_canvas').animate({left : newPos}, 350);
}

/****** MAIN MENU *******************************************************************/
// Weergeven van het uitklapmenu
function viewMenu(selected, menuitem) {
	$('#'+selected).slideToggle();
	$('#'+menuitem).addClass('active');
}
// verbergeb van het menuitem 
function closeMenu(selected, menuitem) {
	$('#'+selected).stop(true, true).hide();
	$('#'+menuitem).stop(true, true).removeClass('active');
}

/****** PRODUCTS PAGE *******************************************************************/
// Uitklappen van de producten filter
function uitklappen(current, element, link_id) {
	if($('#'+element).css('display') == 'block') {
		$('#'+element).css('display', 'none');
		$('#'+link_id).removeClass('active');
	}
	else {
		$('#'+element).css('display', 'block');
		$('#'+link_id).addClass('active');
	}
	return false;
}

function checkHeight() {
	//var curr_height = $('#filter').height();
	var new_height = $('#filterlijst').height();
	if(new_height > 440) {
		$('#filter').height(440);
		$('#filter-inner-box').height(440);
		$('#filter-inner-box').css('overflow', 'auto');
	} 
	else {
		$('#filter').height(new_height);
	}
	//alert(new_height+':NEW ---- CUR:'+curr_height);	
}

function showProductDetail(element) {
	$('#'+element).show();
}
function hideProductDetail(element) {
	$('#'+element).hide();
}



/**
 * Zorgt voor het filteren van de producten. Post de waardes naar php bestand en haald de content op.
 */
function filterProducts(current_page, location_url_name, language_afk, producten, pagina) {

   	var form = document.getElementById('filterForm');
	//form.submit();
	//return false;
	
	var data = "ajax=ajax&page=1";
	//&page="+form.page.value+
	//"&amount="+form.amount.value;
	
	var elements = form.elements;

	for (var i=0; i<elements.length; i++) {
		var e = elements[i];
		//var name = e.name.substr(0,8);
		var name = e.name.substr(0, e.name.length-2);


		if(e.type == "checkbox" && name == "type_uuid" && e.checked) {
			data += "&type_uuid[]="+e.value;
		}
		else if(e.type == "checkbox" && name == "segment_uuid" && e.checked) {
			data += "&segment_uuid[]="+e.value;
		}		
		else if(e.type == "checkbox" && name == "categorie_uuid" && e.checked) {
			data += "&categorie_uuid[]="+e.value;
		}
		else if(e.type == "checkbox" && name == "length_uuid" && e.checked) {
			data += "&length_uuid[]="+e.value;
		}
		else if(e.type == "checkbox" && name == "payload" && e.checked) {
			data += "&payload[]="+e.value;
		}
		else if(e.type == "checkbox" && name == "certifcation_uuid" && e.checked) {
			data += "&certifcation_uuid[]="+e.value;
		}
		else if(e.type == "checkbox" && name == "contract_uuid" && e.checked) {
			data += "&contract_uuid[]="+e.value;
		}

	}
	$('#all_accessoires:checked').attr('checked',false);
	$('#accessoires').css('display', 'none');
	
	// data += "&categorie=";
	
	// alert(data);
	$.getJSON("/inc/ajax.products.php?"+data,function(json){ 
		if(current_page != 1){
			window.location.href = '/'+location_url_name+'/'+language_afk+'/'+producten+'/'+pagina+'/1';
		} 
		else{
			$("#product-results").replaceWith(json.html);
			$("#filtercontainer").replaceWith(json.filter);
			checkHeight(); // Hoogtecheck op filtercontainer toepassen
			$('#aantal_products').text(json.amount);
		}
		
   }    
  );
/*	$.ajax({
		type: "POST",
		url: "/inc/ajax.products.php",
		data: data,
		success: function(html) {
			if(current_page != 1){
				window.location.href = '/'+location_url_name+'/'+language_afk+'/'+producten+'/'+pagina+'/1';
			} 
			else {
				$("#product-results").replaceWith(html);
				var cnt = $('#cnt_products').text(); 
				$('#aantal_products').text(cnt);
			} 
		}
	});*/
	
	return false;
}

function filterAccessoireProducts(url, accessoires) {
	if($('#all_accessoires').is(':checked') == true) {
		window.location.href = url+'/'+accessoires;
	}
	else {
		window.location.href = url;	
	}
	return false;	
}