// JavaScript Document
$(document).ready(function(){
	$('a[rel=external]').each(function(){
		$(this).attr('target','_blank');
	})
	
	
	if($('html').attr('lang') == 'fr'){
		$('ul#menu>li:eq(0)>a,ul#menu>li:eq(0)>span').html('<span class="largeItem">Biomed</span> <span class="smallItem">Hairtherapy</span>');
		$('ul#menu>li:eq(1)>a,ul#menu>li:eq(1)>span').html('<span class="largeItem">Axenia</span> <span class="smallItem">Technical Line</span>');
		$('ul#menu>li:eq(2)>a,ul#menu>li:eq(2)>span').html('<span class="largeItem">SoOne</span> <span class="smallItem">Styling Line</span>');
		$('ul#menu>li:eq(3)>a,ul#menu>li:eq(3)>span').html('<span class="largeItem">Linea Style</span> <span class="smallItem">Produits</span>');
		$('ul#menu>li:eq(4)>a,ul#menu>li:eq(4)>span').html('<span class="largeItem">Matériels</span>');
	}else{
		$('ul#menu>li:eq(0)>a,ul#menu>li:eq(0)>span').html('<span class="largeItem">Biomed</span> <span class="smallItem">Hairtherapy</span>');
		$('ul#menu>li:eq(1)>a,ul#menu>li:eq(1)>span').html('<span class="largeItem">Axenia</span> <span class="smallItem">Technical Line</span>');
		$('ul#menu>li:eq(2)>a,ul#menu>li:eq(2)>span').html('<span class="largeItem">SoOne</span> <span class="smallItem">Styling Line</span>');
		$('ul#menu>li:eq(3)>a,ul#menu>li:eq(3)>span').html('<span class="largeItem">Linea Style</span> <span class="smallItem">Producten</span>');
		$('ul#menu>li:eq(4)>a,ul#menu>li:eq(4)>span').html('<span class="largeItem">Materialen</span>');
	}
	
	$('ul#menu>li').each(function(){
		$(this).find('>ul').find('li:first').css({
			'background':'url(/media/img/bg_sub_top.gif) top left no-repeat',
			'padding-top': '15px'
		})
		$(this).find('>ul').find('>li:last').css({
			'background':'url(/media/img/bg_sub_bottom.gif) bottom left no-repeat',
			'padding-bottom': '15px'
		})
	})
	
	$(".imgWrapper").click(function() {
		var img = $(this).find('.textimg').attr('id');
		//alert(img);
		$.fancybox({
			//'orig'			: $(this),
			'padding'		: 0,
			'href'			: 'http://lineastyle.be.boaserver.be/media/img/pics/_large/'+img,
			'transitionIn'	: 'elastic',
			'transitionOut'	: 'elastic'
		});
    });

	$('#breadcrumbContainer p a').tooltip({
		showURL	: false, 
		track	: true,
		fade	: 250
	});
	
	$('.productitem ul.products li:even, .searchResults ul li:even, .lastOrders ul li:even').css('background','#ddd');
	
	$('.productitem ul.products li .count input').each(function(){
		if($(this).val() != '0'){
			$(this).parent('.count').parent('li').css('background', '#c7e8c7');	
		}
	})
	
	$('body').click(function(){
		$('#loginform').hide();
	})
	
	$('#loginform').click(function(event){
		event.stopPropagation();
	});
	$('#login #loginBtn').removeAttr('href').click(function(event){
		//if('#loginform').css()
		event.stopPropagation();
		$('#loginform').toggle();
	})
	
	$('#shoppingCart').hover(
		function(){
			$(this).find('a').find('img').attr('src', $(this).find('a').find('img').attr('src').replace('shopping_cart.gif', 'shopping_cart_hover.gif'))
		},
		function(){
			$(this).find('a').find('img').attr('src', $(this).find('a').find('img').attr('src').replace('shopping_cart_hover.gif', 'shopping_cart.gif'))
		}
	)
	
	$('#zoek').bind('click', function(){
		$.ajax({
			type	: 'POST',
			url		: '/ajax.php',
			data	: {
				m	: 'DEALERS',
				code: $('#postcode').val()
			},
			success	: function(data){
				$('#dealers').html(data);
			}
		})
	})
	
	$('#getList').bind('click', getList);
	$('ul#menu>li:last a span.largeItem, ul#menu>li:last span span.largeItem').css('padding-top', '8px');
})


function isIEzes(){
	if($.browser.msie && $.browser.version == '6.0'){
		return true;
	} else {
		return false;
	}
}

function getList(){
	var lang = $('html').attr('lang');
	$('body').append('<div id="overlay"></div>');
	$('body').append('<div id="loadingBox"><img src="/media/img/ajax-loader.gif" />Loading...</div>');
	var l = $('html').attr('lang');
	$.ajax({
		type	: 'POST',
		url		: '/ajax.php',
		data	: {
			m	: 'getProducts',
			l	: l
		},
		success	: function(data){
			//alert(data)
			eval(data);
			$('#loadingBox').remove();
			
			$('body').append('<div id="productBox"></div>');
			if(isIEzes()){
				$('select').hide();
				var dH = $(document).height();
				$('#overlay').css('height',dH+'px');
				
			}
			$('#productBox').append('<form id="productForm" action="/nl/shoppingcart/" method="post" /></form>')
			$('#productForm').append('<img src="/media/img/btn_close_nl.gif" id="closeBtn" />');
			
			$('#productForm').append('<div id="productWrapper"></div>');
			$('#productForm').append('<input type="image" name="addProductToShoppingCart" src="/media/img/orderdoor_'+lang+'.gif" id="addProductFromList" />');
			var pH = $('#productBox').height();
			$(window).bind('resize', function(){
				var pH = $('#productBox').height();
				$('#productWrapper').css('height', (pH-100)+'px');
			})
			$('#productWrapper').css('height', (pH-100)+'px');
			for(i = 0; i < data.length; i++){
				/*if(i == 0){*/
					$('#productWrapper').append('<h1>'+data[i].cat+'</h1>');
				/*}else if(data[i-1].cat_ID != data[i].cat_ID){
					$('#productWrapper').append('<h1>'+data[i].cat+'</h1>');
				}*/
				/*if(data[i].image === null){
					var img = ''	
				}else{
					var img = ' title="'+data[i].image+'" rel="'+data[i].image+'"';
				}*/
				for(j = 0; j < data[i].products.length; j++){
					
					if(data[i].products[j].image === null){
						var img = ''	
					}else{
						var img = ' title="'+data[i].products[j].image+'" rel="'+data[i].products[j].image+'"';
					}
					
					if(data[i].cat_ID == '4' || data[i].cat_ID == '5'){
						if((j == 0 || data[i].products[j-1].mat != data[i].products[j].mat) && data[i].products[j].mat != null){ 
						
							$('#productWrapper').append('<h2>'+data[i].products[j].mat+'</h2>'); 
							
						} 
					}
					
					$('#productWrapper').append('<p'+img+'><span class="productRef">'+data[i].products[j].ref+' - </span><span class="productName">'+data[i].products[j].name+' - </span><span class="productPrice">€'+data[i].products[j].price+'</span> <input type="text" name="prod_'+data[i].products[j].ID+'" class="listItem" value="'+data[i].products[j].count+'" /></p>')
				}
				
				//$('#productWrapper').append('<p'+img+'><span class="productRef">'+data[i].ref+' - </span><span class="productName">'+data[i].name+' - </span><span class="productPrice">€'+data[i].price+'</span> <input type="text" name="prod_'+data[i].ID+'" class="listItem" value="'+data[i].count+'" /></p>')
			}
			
			$('#productWrapper p:even').addClass('striped');
			//$('#productWrapper').append
			$('#productWrapper p').tooltip({
				delay: 0,
				showURL: false,
				bodyHandler: function() { 
					//alert($(this).attr('rel'));
					return $("<img/>").attr("src", '/media/img/pics/_small/'+$(this).attr('rel')).attr('width', '175');
				}
			})
			$('#closeBtn').bind('click', clearOverlay)
		}
	})
}


function clearOverlay(){
	$('#overlay').remove();
	$('#productBox').remove();
	$('#loadingBox').remove();
	if(isIEzes()){
		$('select').show();
		
	}

}