function wc()
{
	if(window.console)
	{
		for(var i = 0; i < arguments.length; i++)
		{
			window.console.log(arguments[i]);
		}
	}
}

$(document).ready(function(){

	
	$('.media ',".advertisements .advertisement").stop().hover(function(){
	
		$(this).parent().addClass('hovered');
	
	}, function(){
	
		$(this).parent().removeClass('hovered');
	
	});
	
	var images = $('advertisements');
	var selected_add = false;
	
	// ------------------------------------------------------

	
	$('li.item-voorwaarden a, a.show-disclaimer').click(function(){
		
		centerPopup($('.modal.voorwaarden'));
		$(".background-layer").css({"opacity": "0.7"}).show();
		$('.modal.voorwaarden').show();
		$('.modal.help').hide();
		
		return false;
	});
	
	
	// ------------------------------------------------------

	
	$('li.item-help a, a.show-help').click(function(){
		
		
		centerPopup($('.modal.help'));
		$(".background-layer").css({"opacity": "0.7"}).show();
		$('.modal.help').show();		
		$('.modal.voorwaarden').hide();
		
		return false;
	});
	
	
	// ------------------------------------------------------
	
	
	// Close button.
	$('a.close').bind('click', function() {
		
		closePopup();
		
		$('.background-layer').hide();
		$('.modal').hide();
		
		return false;
		
		
	});
	 
	/*
		//Click out event!
	$(".background-layer").click(function(){
	disablePopup();
	});
	
	//Press Escape event!
	$(document).keypress(function(e){
	if(e.keyCode==27 &amp;amp;amp;amp;amp;amp;&amp;amp;amp;amp;amp;amp; popupStatus==1){
	disablePopup();
	}
	});
	*/


	// ------------------------------------------------------
	
	
	$(".advertisements .advertisement").each(function(i) {
		
		var advertisement = $(this);
		

		$('.media', advertisement).click(function(){
				
			//$('.modal.lightbox .inner-modal').html(advertisement.html());
		
			if(!advertisement.hasClass('selected'))
			{
				advertisement.addClass('selected');
				//overlay(advertisement);
				loadPopup(advertisement);
				centerPopup($(".modal.lightbox"));
			}
			else
			{
			
				//advertisement.addClass('selected');
			}
			
			return false;
				
		});
	
	});
	
	// Vorige button.
	$('a.backward').bind('click', function() {
		
		$(".advertisements .advertisement.selected").removeClass('selected').prev().addClass('selected');
		$('.modal.lightbox .inner-modal').html($(".advertisements .advertisement.selected").html());
		
		return false;
		
	});
	
	
	// Volgende button.
	$('a.forward').bind('click', function() {
		
		var current_add = $(".advertisements .advertisement.selected").removeClass('selected');
		var next_add = current_add.next().addClass('selected');
		
		wc(next_add);
		
		if(next_add.length >= 1)
		{	
			
		
			$('.modal.lightbox .inner-modal').html($(next_add).html());
			//$('.modal.lightbox').animate({ left: next_add.offset().left });
		}
		else
		{
			$('.advertisements .advertisement:first').addClass('selected');
			$('.modal.lightbox .inner-modal').html($('.advertisements .advertisement:first').html());
		}
		
		return false;
		
	});
	
	
});


//SETTING UP OUR POPUP
var popupStatus = 0;


//loading popup with jQuery magic!
function loadPopup(object)
{
	//loads popup only if it is disabled
	if( popupStatus == 0 )
	{
		// enabled popup
		popupStatus = 1;
		

		// Show shits...
		$(".background-layer").css({"opacity": "0.7"}).show();
		$(".modal.lightbox").show();
		
		$('.modal.lightbox .inner-modal').html($(object).html());
		
		
	}
}

//loading popup with jQuery magic!
function closePopup()
{
	if(popupStatus == 1)
	{  
		$(".advertisements .advertisement.selected").removeClass('selected');
		$('.modal.lightbox').hide();
		$(".background-layer").hide();
		
		popupStatus = 0;
	}
}


//centering popup
function centerPopup(object)
{
	//request data for centering
	var windowWidth = document.documentElement.clientWidth;
	var windowHeight = document.documentElement.clientHeight;
	var popupHeight = $(object).height();
	var popupWidth = $(object).width();
	if(windowHeight >= popupHeight)
	{
		//centering
		$(object).css({
			"position": "absolute",
			"top": $(object).offset().top,//"top": (windowHeight/2)-(popupHeight/2),
			"left": (windowWidth/2)-(popupWidth/2)
		});
	}
	else
	{
		
		//centering
		$(object).css({
			"position": "absolute",
			"top": "10%",
			"left": windowWidth/2-popupWidth/2
		});
	}
	
}


function overlay(object)
{

	 
	/*
		modal_top_position = $(object).offset();
				
		$('.modal.lightbox').show().css({ 
			top: '30px'//top: (modal_top_position.top-100)+'px',
			//left: (modal_top_position.left)+'px' 
		});
		
		//object.addClass('selected');
		
		$('.modal.lightbox .inner-modal').html($(object).html());
	*/

}