(function($){  
    $.fn.extend({   
// Products
        productize: function(options) {  
            var defaults = {  
                default_section: 0,  
				default_item: 0
            };
                  
            var options =  $.extend(defaults, options);  
  			
            return this.each(function() {
				var obj = $(this);
				
				// Prepare for top tab sliding to left button
				obj.find('#category_button_left').click(function() {
					obj.find('#categoriebarcontainer').animate({
						marginLeft: "0px"
					}).end();

obj.find("#solutionsleft.buttonleft").hover(function() {
$(this).find("a.ankerSolTitle").addClass("hover");
       }, function() {
obj.find("a.ankerSolTitle").removeClass("hover");
       }).end();


					
					obj.find('#category_button_right').removeClass('onzichtbaar').end();
					obj.find('#category_button_right').addClass('zichtbaar').end();
					$(this).removeClass('zichtbaar');
					$(this).addClass('onzichtbaar');
					
					return false;
				}).end();
				
				// Prepare for top tab sliding to right button
				obj.find('#category_button_right').click(function() {
					obj.find('#categoriebarcontainer').animate({
						marginLeft: '-245px'
					}, 500).end();
					
					obj.find('#category_button_left').removeClass('onzichtbaar').end();
					obj.find('#category_button_left').addClass('zichtbaar').end();
					$(this).removeClass('zichtbaar');
					$(this).addClass('onzichtbaar');
					
					return false;
				}).end();
				
				// Prepare for top tab clicking
				obj.find('#categoriebarcontainer .categorybutton').click(function() {
					// Highlight selected tab
					obj.find('#categoriebarcontainer .categorybuttonactive').each(function() {
						$(this).removeClass('categorybuttonactive');
					}).end();
					
					$(this).addClass('categorybuttonactive');
					
					// Reset all product-group-active back to product-group
					obj.find('.product-group-active').each(function() {
						$(this).removeClass('product-group-active');
						$(this).addClass('product-group');
					}).end();
					
					// Slide left for next active product group
					var button_id = $(this).attr('id');
					var button_sections = button_id.split('_');
					if (button_sections.length > 0) {
						obj.find('#categorywrapper_' + button_sections[1]).each(function() {
							$(this).addClass('product-group-active');
							$(this).removeClass('product-group');
							$(this).animate({
								marginLeft: "0"
							}, 500);
						}).end();
					}
					
					// SLide right for all other non-active product groups
					obj.find('#productbar .product-group').each(function() {
						$(this).animate({
							marginLeft: "1100px"
						}, 500);
					}).end();
					
					return false;
				}).end();
				
				// Prepare for default product selected
				obj.find('.productbuttonactive').removeClass('productbuttonactive').end();
				obj.find('#product_button_' + defaults['default_section'] + '_' + defaults['default_item']).addClass('productbuttonactive').end();
				obj.find('#categorywrapper_' + defaults['default_section']).css('margin-left', '0').end();
				obj.find('#categorybutton_' + defaults['default_section']).addClass('categorybuttonactive').end();
            });  
        }, 
		
// Solutions
	make_solutions: function() {  
            return this.each(function() {
				var obj = $(this);
				
				obj.find("#solutionsleft .buttonleft").click(function() {
		
				var oldItem = obj.find("#solutionsleft .expanded");
				var newItem = $(this);
				if($(this).next(".infoleft").hasClass('expanded')) return false;

					// Do left menu work

obj.find("div.soltitle").removeClass("titleexpanded").end();
$(this).find("div.soltitle").addClass("titleexpanded").end();


					oldItem.slideUp(function() {
						oldItem.removeClass('expanded');
						newItem.next(".infoleft:first").slideDown();
						newItem.next(".infoleft:first").addClass('expanded');
					}).end();


					// Do right content work
					$(this).find('div').each(function() {
						var item_id = $(this).attr('id');
						var id_sections = item_id.split('_');
						if (id_sections.length > 1) {
							obj.find('#solutionscenter #solutionafbeeldingdiv img').each(function() {
								$(this).css('z-index', '1');
							}).end();
							obj.find('#solutionscenter #' + 'image_' + id_sections[1]).css('z-index', '2').fadeIn(function() { 
								// hide all other images
								obj.find('#solutionscenter #solutionafbeeldingdiv img').each(function() {
									if ($(this).attr('id') != 'image_' + id_sections[1]) {
										$(this).hide();
									}
								}).end();
							}).end();
					
							obj.find('#solutionscenter .explanation').each(function() {
								$(this).hide();
							}).end();
					
							obj.find('#solutionscenter #' + 'explanation_' + id_sections[1]).fadeIn().end();
						}
					});
				}).end();

				// Prepare for bullet click
				obj.find('.imagelinkdiv a').click(function() {
					var item_id = $(this).attr('id');
					var id_sections = item_id.split('_');
					if (id_sections.length > 1) {
						obj.find('#solutionsleft .buttonleft div#' + 'title_' + id_sections[1]).parent().each(function() {
							$(this).trigger('click');
						});
					}
				}).end();
			});
		}
		
	});  
      
})(jQuery);

$(document).ready(function() {
	$('#image_1').addClass('solutionafbeelding displayblock');
	$('#explanation').addClass('displaynone');
	$('#explanation_1').addClass('displayblock');
        $('#solutionswrapper').make_solutions();

	$('div.soltitle:first').addClass("titleexpanded");

	$('.infoleft').css({display:'none'});
	$('.infoleft:first').css({display:'block'});
	$('.infoleft:first').addClass('expanded');
	$('.solutionafbeelding').css ({display:'none'});
	$('.solutionafbeelding:first').css ({display:'block'});

        if (document.domain.match(/crosspoint\.nl$/)) {
            $('#logo_crossconnect').replaceWith('<div style="position:absolute; top:-70px;"><img src="/media/solutions/logo_crossconnect.png" alt="CrossConnect" /></div>');
            $('#logo_crosspoint').replaceWith('');
        }
   });