$(document).ready( function(){
	
	// handle category colors
	$("#top_categories a:odd, #bottom_categories a:odd, #MyMenu a:odd").addClass("even");
	
	// handle subcategory block colors
	if( $("#subcategory_items_container") )
	{
		$("#subcategory_items_container div.subcatitem:odd").addClass("odd");
		$("#subcategory_items_container div.subcatitem:nth-child(3n)").addClass("third");
	}
	
	// handle item list bgcolor
	if( $("#advertisement_items_container li") )
	{
		$("#advertisement_items_container div.borderadvertisement:odd").addClass("even");
	}
	
	// handle advertisement detail property color
	if( $("#advertisement_detail_container dt") )
	{
		$("#advertisement_detail_container dt:odd, #advertisement_detail_container dd:odd").addClass("even");
	}
	
	// handle advertisement detail images
	if( $('#img_container li img') )
	{
		// bind mouseover to the small images
		$('#img_container li img').bind("mouseover", function(e) 
		{
			// get the mouseover image src
			var imagedata = this.src;
			// rewrite the mouseover image src
			var newimagedata = imagedata.replace( '/1/', '/2/' );
			var newbigimagedata = imagedata.replace( '/1/', '/' );
			// update the main image src
			$('#main_image_div a').attr( 'href', newbigimagedata );
			$('#main_image_div img').attr( 'src', newimagedata );
	    });
		// bind click to the big image to open lightbox for bottom images.
		$('#main_image_div img').bind("click", function(e) 
		{
			var imagedata = this.src;
			var newbigimagedata = imagedata.replace( '/2/', '/' );
			var file1 = newbigimagedata.match(/[^\/]*$/);
			$('#img_container li a[href$="' + file1 + '"]').removeAttr( 'rel' );
		
			$(function() {
				// Use this example, or...
				$('a[rel*=lightbox]').lightBox(
					{
						overlayBgColor: '#333',
						overlayOpacity: 0.8,
						imageLoading: '/bsl/img/jquery/lightbox/loading.gif',
						imageBtnClose: '/bsl/img/jquery/lightbox/close.gif',
						imageBtnPrev: '/bsl/img/jquery/lightbox/prev.gif',
						imageBtnNext: '/bsl/img/jquery/lightbox/next.gif',
						containerResizeSpeed: 350,
						txtImage: 'Afbeelding',
						txtOf: 'van'
   					}
				); 
			});
			
			$('#img_container li a[href$="' + file1 + '"]').attr( 'rel', 'lightbox' );
		});
	}
	
	// handle advertisement price type selection
	// if price_type price (20) is selected we need to show the price field.
	if( $('input[name=price]') && $('select[name=price_type_code_cid]').children("option:selected").attr("value") != 20 )
	{
		$('input[name=price]').attr( 'disabled', 'disabled' );
		$('input[name=price]').css( 'background', '#f9f9f9' );
	}
	if( $('select[name=price_type_code_cid]') && $('input[name=price]') )
	{
		$('select[name=price_type_code_cid]').change(function () { 
			// if the selected value = 20 ( price ) we need to show the price field.
			if( this.value == 20 )
			{
				$('input[name=price]').removeAttr( 'disabled' );
				$('input[name=price]').css( 'background', '#FFFFE3' );
			}
			// if selected value != 20 we need to disable the field again.
			else
			{
				$('input[name=price]').attr( 'disabled', 'disabled' );
				$('input[name=price]').css( 'background', '#f9f9f9' );
			}
		});
	}
	
	// handle terms and conditions logic
	/*if( $('#agree_terms_conditions').is(':visible') )
	{
		//$('button[@name=next]').toggle();
		$('input[@name=agree_terms]').change( function() 
		{
			$('button[@name=next]').toggle();
		} );
	}*/
	
	if( $('input[name=AdvertisementReactionButton]').is(':visible') )
	{
		$('#formContainer').toggle();
		$('input[name=AdvertisementReactionButton]').click( function()
		{
			if( $('#formContainer').is(":hidden") )
			{
				$('#formContainer').slideDown('slow');
			}
		} );
	}
	
	// terms and conditions iframe 
	$('#termsConditionsLink').click( function()
	{
		document.getElementById( "PopupPageFrame" ).src = "/pagina/algemene-voorwaarden.html?layout=popup";
		$("#termsConditionsContainer").fadeIn('slow');
	} );
	
	
	// change payment method
	$('input[name=psp_pr_id]').change( function(){
		$( 'p[id^="paymentType_"]' ).hide();
		$( '#paymentType_' + $(this).val() ).show();
	} );
	
});

function PopupClose()
{
	$("#termsConditionsContainer").fadeOut('slow');
}