/* CREDITS
 * ----------------------------------------------------------
 * Title:		WEBSITE - Main Javascript file
 * Author:		Bart Geraerts - Inventis <bartgeraerts@inventis.be>
 * Date:		19/08/2010
 * Last Edit:	01/09/2010 Bart Geraerts
 * ----------------------------------------------------------
 * Inventis - Web Architects - We design the Web!
 * www.inventis.be
*/
$(document).ready(function(){
	
	/* CUFON REPLACEMENTS
	--------------------------------------------------------------------------*/
	if(Cufon){
		Cufon.replace('#navigation ul li a', { fontFamily: 'helveticaBold', hover: true });
		Cufon.replace('#navigation ul li ul li.title', { fontFamily: 'helveticaBold' });
		Cufon.replace('#memberBar > span', { fontFamily: 'helveticaBold' });
		Cufon.replace('#memberBar a', { fontFamily: 'helveticaBold' });
		//Cufon.replace('#header ul.user_actions li a', { fontFamily: 'helveticaBold', hover: true });
		//Cufon.replace('#header ul.languages li a', { fontFamily: 'helveticaBold', hover: true });
		//Cufon.replace('#footer a.regular', { fontFamily: 'helvetica', hover: true });
		Cufon.replace('#footer a.bold', { fontFamily: 'helveticaBold', hover: true });
		Cufon.replace('h1, h2, h3', { fontFamily: 'helveticaBold' });
		Cufon.replace('#bottomBar form.newsletter label', { fontFamily: 'helveticaBold' });
		Cufon.replace('#bottomBar form.newsletter button', { fontFamily: 'helveticaBold' });
		Cufon.replace('#bottomBar a.order', { fontFamily: 'helveticaBold', hover: true });
		Cufon.replace('#sidebar ul a', { fontFamily: 'helveticaBold', hover: true });
		Cufon.replace('#productsFilter label', { fontFamily: 'helvetica' });
		Cufon.replace('ul.productActions li a', { fontFamily: 'helveticaBold', hover: true });
		Cufon.replace('.previewImage a.zoom', { fontFamily: 'helveticaBold', hover: true });
		Cufon.replace('.addToShoppingcart a', { fontFamily: 'helveticaBold', hover: true });
	}
	
	/* HEADER IMAGES
	--------------------------------------------------------------------------*/
	setInterval("slideHeaderImages()", 7000);
	
	
	/* TEXTBOX PLACEHOLDER
	--------------------------------------------------------------------------*/
	if($('input.placeholder')){
		$('input.placeholder').each(function(i){
			$(this).data('placeholder', $(this).val());
			$(this).focus(function(){
				$(this).addClass('active');
				if($(this).data('placeholder') == $(this).val())
					$(this).val('');
			});
			$(this).blur(function(){
				if($(this).val() == '' || $(this).val() == $(this).data('placeholder')){
					$(this).val($(this).data('placeholder'));
					$(this).removeClass('active');
				}
			});
		});
	}
	
	/* SHOPPINGCART
	--------------------------------------------------------------------------*/
	
		// Toggle
		if($('div.shoppingcart a.toggle')){
			$('div.shoppingcart a.toggle').click(function(ev){
				ev.preventDefault();
				$('div.shoppingcart a.toggle').toggleClass('expanded').next('div.shoppingcart div.products').toggle();
				if (jQuery.browser.msie && (parseInt(jQuery.browser.version)) == 6) {
					if($('div.shoppingcart a.toggle').hasClass('expanded')){
						$("div#productsFilter fieldset ul li select").css({ visibility: "hidden" });
					} else {
						$("div#productsFilter fieldset ul li select").css({ visibility: "visible" });
					}
				}
			});
			
			$('div.buttons a#continueshopping').click(function(ev){
				ev.preventDefault();
				$('div.shoppingcart a.toggle').toggleClass('expanded').next('div.shoppingcart div.products').toggle();
			});
		}
		
	
	
	if($('.products_filter')) {
		$('.products_filter').change(function(el) {
			$('input[name="field"]').val($(this).attr("name"));
			$('input[name="value"]').val($(this).val());
			
			$('#filterForm').submit();
		});
	}
	
	if($('.viewPerTop')) {
		$('.viewPerTop').change(function(el) {
			$('input[name="perpage"]').val($(this).val());
			
			$('#perPageForm').submit();
		});
	}

	if($('img.colorSwatch')) {
		$('img.colorSwatch').tipsy();
	}
	
	if($('.productsOverview .colorSwatch').length) {
		$('.colorSwatch').hover(
			function(el) {
				var img = $(this).attr('alt');
				var bigImg = $(this).parents('li ul.swatches').siblings('div.image').find('img');
				var bigImgSrc = bigImg.attr('src');
				
				bigImgSrc = bigImgSrc.split('/');
				bigImgSrc[(bigImgSrc.length - 1)] = img;
				bigImgSrc = bigImgSrc.join('/');
				
				bigImg.attr('src', bigImgSrc);
			}
		);
	}
	
	if($('div.previewThumbs ul li').length) {
		$('div.previewThumbs ul li a img').click(function(e) {
			var bigImage = $(this).attr('src').replace('productthumb', 'product');
			
			var parent = $(this).parent();
			$('div.previewThumbs ul li a').each(function(count, el) {
				$(el).removeClass('active');
			})
			parent.addClass('active');
			
			$('div.previewImage img').attr('src', bigImage);
			
			return false;
		});
	}
	
	if($('div.productdetailSwatches ul li').length) {
		$('div.productdetailSwatches ul li a img').hover(function() {

			var colorCode = $(this).attr('alt');
			var previewImage = $('div.previewImage img').attr('src');
			previewImage = previewImage.split('_');
			
			previewImage[previewImage.length - 2] = colorCode;
			previewImage = previewImage.join('_');
			
			$('div.previewImage img').attr('src', previewImage);
						
			previewImage1 = previewImage.replace('product', 'productthumb');
			previewImage2 = previewImage.replace('product', 'productthumb');
			var previewImages = Array();
			previewImages.push(previewImage1);
			previewImages.push(previewImage2.replace('_F', '_B'));
			
			$('div.previewThumbs ul li a img').each(function(count, el) {
				el = $(el);
				el.attr('src', previewImages.pop());
			})
		});
	}
	
	$("a.zoom").click(function() {
		var image = $('div.previewImage img').attr('src').replace('product', 'productbig');
		
		$.fancybox([
			image
		], {
			'padding'			: 0,
			'transitionIn'		: 'none',
			'transitionOut'		: 'none',
			'type'              : 'image',
			'changeFade'        : 0
		});
		return false;
	});
	
	if($("a[rel='fancybox']")){
		$("a[rel='fancybox']").fancybox();
	}
	
	if($('div.addToShoppingcart a')) {
		$('div.addToShoppingcart a').click(function() {
			$.fancybox([
				$(this).attr('href')
			], {
				'padding'			: 0,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'              : 'iframe',
				'changeFade'        : 0,
				'autoScale'			: true,
				'width'				: 775,
				'height'			: 500
			});
			return false;
		})
	}
	
	if($('li a.addToShoppingcart')) {
		$('li a.addToShoppingcart').click(function() {
			$.fancybox([
				$(this).attr('href')
			], {
				'padding'			: 0,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'              : 'iframe',
				'changeFade'        : 0,
				'width'				: 775,
				'height'			: 500
			});
			
			return false;
		});
	}
	
	
	if($('div.shoppingcartProductSlider ul.products')) {
		$('#shoppingcartProductSliderUp').click(function(ev) {
			ev.preventDefault();
			var first = $('ul.products li.active:first').prev();
			if(first && first.hasClass('inactive')) {
				first.toggleClass('inactive');
				first.toggleClass('active');
				
				var prev = $('ul.products li.active:last');
				prev.toggleClass('inactive');
				prev.toggleClass('active');
			}
		});

		
		$('#shoppingcartProductSliderDown').click(function(ev) {
			ev.preventDefault();
			var prev = $('ul.products li.active:last').next();
			if(prev && prev.hasClass('inactive')) {
				prev.toggleClass('inactive');
				prev.toggleClass('active');
				
				var first = $('ul.products li.active:first');
				first.toggleClass('inactive');
				first.toggleClass('active');
			}
		});
	}
	
	if($('ul.options li a.deleteline')) {
		$('ul.options li a.deleteline').click(function(ev) {
			ev.preventDefault();
			
			var form = $(this).attr('href');
			form = $(form);
			if(form) {
				form.submit();
			}
		});
	}
	
	if($('ul.options li a.editline')) {
		$('ul.options li a.editline').click(function(ev) {
			ev.preventDefault();
			
			var form = $(this).attr('href');
			form = $(form);
			if(form) {
				form.submit();
			}
		});
	}
	
	if($('ul.user_actions li a.login_action')) {
		$('ul.user_actions li a.login_action').click(function(ev) {
			ev.preventDefault();
			
			$.fancybox([
				$(this).attr('href')
			], {
				'padding'			: 0,
				'transitionIn'		: 'none',
				'transitionOut'		: 'none',
				'type'              : 'iframe',
				'changeFade'        : 0,
				'width'				: 650,
				'height'			: 285
			});
		});
	}
	
	if($('ul.options li a.register')) {
		$('ul.options li a.register').click(function(ev) {
			ev.preventDefault();
			
			parent.document.location = $(this).attr('href');
			parent.$.fancybox.close();
		})
	}
});


function slideHeaderImages()
{
	// Create a duplicate of the first list-item and put it at the end of the list.
	var li = $('#headerImages li:first');
	var newLi = $("<li>").html($('#headerImages li:first').html()).appendTo('#headerImages ul');
	
	// Slide the margin
	$('#headerImages li:first').animate({"margin-left": "-=240px"}, "slow", "linear", function(){ $(li).remove(); });
}


$(document).ready(function(){
	if (jQuery.browser.msie && (parseInt(jQuery.browser.version)) == 6) {
		$("div#navigation ul li a").hover(function(){
			$("div#productsFilter fieldset ul li select").css({ visibility: "hidden" });
		},function(){
			$("div#productsFilter fieldset ul li select").css({ visibility: "visible" });
		});
	}
});