jQuery(document).ready(function() {

	rb_replace();

	

	// tid som varje bild i skyltfönstret visas. (ms)

	var s_ms = 4000;

	// tid för övergång. (ms)

	var t_ms = 1000;

	

	if (jQuery('#visitkort_packages_container').length > 0) {

		var x = t = 0; var fading = false; n = jQuery('#visitkort_packages_container .visitkort_package').size();		

		jQuery('#visitkort_packages_container .visitkort_package').each(function(i) { if (i != x) jQuery(this).hide() });		

		function slider_start() { t = setInterval(function() { slider_switch() }, s_ms); }

		function slider_switch() { fading = true; jQuery('#visitkort_packages_container .visitkort_package').eq(x).fadeOut(t_ms); x = (x + 1) % n; jQuery('#visitkort_packages_container .visitkort_package').eq(x).fadeIn(t_ms, function() { fading = false }) }

		jQuery('#visitkort_packages_container').hover(function() { clearInterval(t) }, function() { slider_start() });

		jQuery('#visitkort_packages_container').click(function() { if (!fading) { slider_switch() } });		

		slider_start();

	}

		

	//menu

	jQuery('.visitkort_menu_item').hover(function() {

		jQuery(this).addClass('hover');

	}, function () {

		jQuery(this).removeClass('hover');

	});

	

	//kundservice

	jQuery('#visitkort_kundservice').hover(function() {

		jQuery('#visitkort_kundservice_menu').slideToggle('fast');

		jQuery('#visitkort_kundservice').find('.visitkort_menu_item').addClass('active');

	}, function() {

		jQuery('#visitkort_kundservice_menu').stop(true,true);
		
		jQuery('#visitkort_kundservice_menu').hide();

		jQuery('#visitkort_kundservice').find('.visitkort_menu_item').removeClass('active');

	});

	

	//hover

	

	jQuery('#visitkort_kundservice li').hover(function() { jQuery(this).addClass('hover') }, function() { jQuery(this).removeClass('hover') });

	

	jQuery('h5').hover(function() { jQuery(this).addClass('hover') }, function() { jQuery(this).removeClass('hover') });

	

	jQuery('.visitkort_product').hover(function() { jQuery(this).addClass('hover') }, function() { jQuery(this).removeClass('hover') });

	

	jQuery('.visitkort_footer li').hover(function() { if (!jQuery(this).hasClass('title')) jQuery(this).addClass('hover') }, function() { jQuery(this).removeClass('hover') });

	

	jQuery('.visitkort_footer ul').hover(function() { jQuery(this).find('.title').addClass('active') }, function() { jQuery(this).find('.title').removeClass('active') });

	

	//align

	jQuery('.product').each(function(){
									 
		var height = jQuery(this).attr("height");
		
		if (height) jQuery(this).css('margin-top',(92 - height) / 2 + 10);

	});

	

	jQuery('.visitkort_top10_container img').each(function() {

		jQuery(this).css('margin-right',(jQuery(this).parent().width() / 2) - (jQuery(this).width() / 2));

	});



	var h = 0;

	

	jQuery('.visitkort_footer ul').each(function() { if (jQuery(this).height() > h) h = jQuery(this).height() });

	jQuery('.visitkort_footer ul').height(h);

	

	// swap between front/back
	jQuery('.showbackside').click(function() {
		var prodImage = jQuery(this).parent().find(".product");
		var prodImageUrl = prodImage.attr("src");

		if (jQuery(this).html() == "showingBackside") {
			jQuery(this).html("showingFrontside");			
			prodImageUrl = prodImageUrl.replace("isBackside=true", "isBackside=false");
		}
		else {
			jQuery(this).html("showingBackside");
			prodImageUrl = prodImageUrl.replace("isBackside=false", "isBackside=true");
		}

		prodImage.attr("src", prodImageUrl);
	});

});



function rb_replace() {

	jQuery('.rb-select').remove();

	jQuery('select').each(function() {

		if (jQuery(this).attr('size') < 2) {

			jQuery(this).hide();

			jQuery(this).after('<div class="rb-select" tabindex="' + jQuery(this).attr('tabindex') + '"></div>');


			jQuery(this).next().width(jQuery(this).width());

			jQuery(this).next().css('padding-left',jQuery(this).css('padding-left'));

			jQuery(this).next().css('padding-right',jQuery(this).css('padding-right'));

			jQuery(this).next().css('padding-top',jQuery(this).css('padding-top'));

			jQuery(this).next().css('padding-bottom',jQuery(this).css('padding-bottom'));

			jQuery(this).next().css('margin-left',jQuery(this).css('margin-left'));

			jQuery(this).next().css('margin-right',jQuery(this).css('margin-right'));

			jQuery(this).next().css('margin-top',jQuery(this).css('margin-top'));

			jQuery(this).next().css('margin-bottom',jQuery(this).css('margin-bottom'));

			jQuery(this).next().css('background-image',jQuery(this).find(':selected').css('background-image'));

			

			

			d = '<div class="rb-value">' + jQuery(this).find(':selected').text() + '</div><div class="rb-button"></div><ul>';

			jQuery(this).find('option').each(function() {

				c = (jQuery(this).is(':selected')) ? ' class="rb-selected">' : '>';

				d += '<li' + c + jQuery(this).text() + '</li>';

			});

			d += '</ul>';

			

			jQuery(this).next().html(d);

			jQuery(this).next().find('.rb-button').width(jQuery(this).next().outerHeight());

			jQuery(this).next().addClass(jQuery(this).attr('class'));	



			jQuery(this).next().find('li').css('padding-left',jQuery(this).css('padding-left'));

			jQuery(this).next().find('li').css('padding-right',jQuery(this).css('padding-right'));

			jQuery(this).next().find('li').css('padding-top',jQuery(this).css('padding-top'));

			jQuery(this).next().find('li').css('padding-bottom',jQuery(this).css('padding-bottom'));

			

			for (i = 0; i < jQuery(this).find('option').size(); i++) {

				jQuery(this).next().find('li').eq(i).attr('class',jQuery(this).find('option').eq(i).attr('class'));

			}

		}

	});

		

	jQuery(document).click(function() { 

		jQuery('.rb-select ul').hide();

	});

			

	jQuery('.rb-select').click(function(event) {

		event.stopPropagation();

		x = jQuery('.rb-select').index(this);

		jQuery('.rb-select').each(function(i) {

			if((i == x) && (jQuery(this).find('ul').css('display') == 'none')) {

				jQuery(this).find('ul').slideToggle('fast');

			}

			else {

				jQuery(this).find('ul').hide();

			}

		});

	});

		

	jQuery('.rb-select li').click(function() {

		jQuery(this).parent().parent().prev().attr('selectedIndex',jQuery(this).parent().find('li').index(this));

		jQuery(this).parent().parent().find('.rb-value').html(jQuery(this).html());

		jQuery(this).parent().find('li').removeClass('rb-selected');

		jQuery(this).parent().parent().css('background-image',jQuery(this).parent().parent().prev().find(':selected').css('background-image'));

		jQuery(this).addClass('rb-selected');

	});

	

	jQuery('.rb-select').keydown(function(event) {

		s=jQuery(this).prev().attr('selectedIndex');

		l=jQuery(this).prev().children().length-1;

		switch(event.keyCode) {

			case 13:

				jQuery('.rb-select ul').css('z-index','0');

				jQuery('.rb-select ul').hide();

				break;

			case 38:

				event.preventDefault()

				if (s > 0) {

					jQuery(this).prev().attr('selectedIndex',s-1);

				}

				break;

			case 40:

				event.preventDefault()

				if (s < l) {

					jQuery(this).prev().attr('selectedIndex',s+1);

				}

				break;

		}

		jQuery(this).find('.rb-value').html(jQuery(this).prev().find(':selected').text());	

		jQuery(this).find('li').removeClass('rb-selected');

		jQuery(this).find('li').eq(jQuery(this).prev().attr('selectedIndex')).addClass('rb-selected');

		jQuery(this).css('background-image',jQuery(this).prev().find(':selected').css('background-image'));

	});

	

	jQuery('.rb-select li').hover(function(){

		jQuery(this).addClass('rb-hover');

	},function() {

		jQuery(this).removeClass('rb-hover');

	});

}