var jQ = jQuery.noConflict();

jQ(document).ready(function(){
	
	jQ('#logo').click( function(){
		location.href = 'http://www.mdlarchitecten.nl/';
	})
	
	jQ('#menuL0 li').hoverPointer();
	
	if( jQ('#images img').length > 0){
		jQ('#content').jScrollPane({showArrows:true});
		jQ('.jScrollPaneContainer').css('width','255px');
		jQ('#content').css('width','230px');
	}
	if( jQ('.news-single-img img').length > 0){
		
		jQ('#content').append( jQ('.news-signle-item-content').html() );
		jQ('#contentContainer').before( jQ('.news-single-backlink') );
		jQ('#content').jScrollPane({showArrows:true});
		
		jQ('#images').append('<ul></ul>');
		jQ('#images ul').append( jQ('.news-single-img img') );
		
		jQ('#images img').wrap('<li class="csc-textpic-image"></li>');
		jQ('.news-single-item').remove();
	}
	
	if( jQ('#schutblad').css('display') == 'block'){
		jQ('#schutblad').hoverPointer();
		jQ('#schutblad').click(function(){
			
			//write cookie
			//jQ.cookie('schutblad', '1', { expires: 1 }); // set cookie
		
			location.href = 'http://www.mdlarchitecten.nl/projecten/beeld/';
		});
	}
	
	jQ('.projectItem').each(function(){
		var href= jQ('.link a',this).attr('href');
		jQ('img',this).wrap('<a></a>');
		
		jQ('.csc-textpic-imagewrap a',this).attr('href',href);
	});
	
	jQ('.projectImage img').each(function(){
		jQ(this).css({
			'width':'114px',
			'height':'80px'
		});
	});
	
	var divBlox = jQ('#images img').length; 
	var tags = '';
	
	if( jQ('#images img').length > 1){
		for (i=0;i<divBlox;i++){
			tags = tags + '<div class="bloxItem" id="blox'+i+'"> </div>';
		}
	
		jQ('#images').append('<div class="blox">'+tags+'</div>');
	}
	
	//initialise
	jQ('#images .bloxItem').eq(0).addClass('selected');
	//jQ('#images dl').eq(0).css('z-index','11');
	jQ('#images li').eq(0).css('z-index','11');
	
	jQ('.bloxItem').hover(function(){
		var iter = jQ(this).attr('id').substring(4);
		
		//reset images
		//jQ('#images dl').css('z-index','10');
		//jQ('#images dl').eq(iter).css('z-index','11');
		
		//reset images
		jQ('#images li').css('z-index','10');
		jQ('#images li').eq(iter).css('z-index','11');
		
		//set selected bloxItem
		jQ('#images .bloxItem').removeClass('selected');
		jQ(this).addClass('selected');
	});
	
	jQ('.projectItem').each(function (){
		var hghtImg = jQ('img',this).height();
		
		jQ(this).css('height',hghtImg);
	});
	
	if( jQ('.beeld').length > 0){
		jQ('.beeld').pager(12);
	}
	if( jQ('#itemsContainer, #news-list-items').length > 0){
		jQ('#itemsContainer, #news-list-items').pager(4);
	}
});

jQ.fn.hoverPointer = function(){
	this.each(function(){ 
		var c = this;
		
		jQ(this,c).hover(function(){
    			jQ(this,c).addClass('hover');
  		},function(){
  			jQ(this,c).removeClass('hover');
  		});
  	});
};

(function($) {
$.fn.pager = function(pageItems){
	$(this).before('<ul id="tabItems"></ul>');
	
	var items = $('.projectItem', this).length;
	var pages = Math.ceil( 1*items/pageItems);
//	alert(items +'  pageItems:'+pageItems +'  pages:'+pages);
	var iter = 1;
	$('.projectItem', this).each(function(){
		desc = Math.ceil( 1*iter/pageItems);
		$(this).attr('description', desc);
		iter++;
	});
	var i=0;
	for (i=0;i<pages;i++){
		var z = i+1;
		$("ul#tabItems").append('<li><a href="#fragment-'+z+'"><span>'+z+'</span></a></li>');
		$(".projectItem[description='"+z+"']").wrapAll('<div id="fragment-'+z+'"></div>');
	};
	
	$('ul#tabItems').tabs();

};
})(jQuery);