var clEff = (typeof Effect != 'undefined' && Effect);
var product = {
	animating: false,
	prev_content: '',
	prev_id: '',
	previous_extra_id: 0,
	
	add_comma_to_number: function(number)
	{
		number = number.toString();
		strlength = number.length;
		return number.substr(0,strlength-2)+","+number.substr(strlength-2,2);

	},
	
	set_product_price : function()
	{
	    //$('product_price').innerHTML = product.add_comma_to_number($('product_price').innerHTML);
	},
	
	friendly_price: function(id)
	{
		$(id).innerHTML = product.add_comma_to_number($(id).innerHTML);
	},
	
	to_cents: function(value)
	{
		value = value.replace(',','');
		value = parseFloat(value);
		
		return value;
	},
	
	select_colour : function(productid,extrapriceid,bg)
	{
		/* Set image */
		$('product_color_big').style.background = bg;
		if($('product_color_big').style.display == 'none' && clEff)
		{
			new Effect.BlindDown('product_color_big',{duration:0.5});
		}
		
		/* Hier prijs berekekekn */
		var url = siteurl + '/producten/updateprice'
		var pb  = 'productid=' + productid; 
		    pb += '&extrapriceid=' + extrapriceid;
		new Ajax.Request(url,
	    {
	    	method:'post',
	    	postBody:pb,
	    	onSuccess: function(transport)
	    	{
	    		response = transport.responseText;
	    		
	    		/* Get vars */
	    		prices = response.split(';');
	    		
	    		/* Create vars */
	    		price_basic = prices[0];
	    		price_add   = prices[1];
	    		group		= prices[2];
	    		
	    		extra = document.getElementsByName('product_price');
	    		calc  = 0;
	    		
	    		/* Setup prices */
	    		$('product_price_'+group).innerHTML = product.add_comma_to_number(price_add);
	    		
	    		/* Calculate total price */
	    		for(i=0;i<extra.length;i++)
	    		{
	    			temp = product.to_cents(extra[i].innerHTML);
					calc = calc+temp;
	    		}
	    			
	    		/* Check if there are discounts */
	    		
	    		/* WERKT NOG NIET (LEKKER) */
	    		for(i=0;i<product.discounts.length;i++)
	    		{
	    			if(product.discounts[i].type == 'percentage')
	    			{
	    				percentage_basic  = parseFloat(price_basic) / 100 * product.discounts[i].amount;
	    				price_basic       = parseFloat(price_basic)-percentage_basic;
	    				
	    				percentage_calc   = parseFloat(calc) / 100 * product.discounts[i].amount;
	    				calc              = parseFloat(calc)-percentage_basic;
	    				
	    				$('product_discount_' + i).innerHTML = '-' + product.add_comma_to_number(Math.round(percentage_basic+percentage_calc*1));
	    			}
	    		}
	    		
	    		$('product_price_total').innerHTML =  product.add_comma_to_number(parseFloat(price_basic)+calc);
	    	}
	  	});
	},
	
	price_colour : function(product_id,extra_price)
	{
		var url = siteurl + '/producten/updateprice'
		var pb  = 'productid=' + product_id; 
		    pb += '&extra=' + extra_price; 
		new Ajax.Request(url,
	    {
	    	method:'post',
	    	postBody:pb,
	    	onSuccess: function(transport)
	    	{
	    		response = transport.responseText;
	    		price = response.split('.');
	    		
	    		$('product_price_big').innerHTML   = price[0];
	    		$('product_price_small').innerHTML = price[1];
	    	}
	  	});
	},
	
	toggle_description : function()
	{
	    if(!clEff) return;
		if($('description_extra').style.display == 'none')
	    {
	        new Effect.BlindDown('description_extra');
	        $('description_click').innerHTML = 'Minder info...';
	    }
	    else
	    {
	        new Effect.BlindUp('description_extra');
	        $('description_click').innerHTML = 'Meer info...';
	    }
	},
	
	toggle_thumbs : function()
	{
	    if(!clEff) return;
	    if($('thumbnail_big').style.display == 'none')
	    {
	        new Effect.BlindDown('thumbnail_big',{duration:0.2});
	        $('thumb_click').innerHTML = 'Minder voorbeelden...';
	    }
	    else
	    {
	        new Effect.BlindUp('thumbnail_big',{duration:0.2});
	        $('thumb_click').innerHTML = 'Meer voorbeelden...';
	    }
	},
	
	switch_tabs : function(id)
	{
	    var tabs = $('product_tabs').getElementsByTagName('div');
	    for(i=0;i<tabs.length;i++)
	    {
	        if(tabs[i].id != id)
	        {
	            $(tabs[i].id).removeClassName('tab_data_top_tab_active');
	            $(tabs[i].id).addClassName('tab_data_top_tab_inactive');
	        }
	        else
	        {
	            $(tabs[i].id).removeClassName('tab_data_top_tab_inactive');
	            $(tabs[i].id).addClassName('tab_data_top_tab_active');
	        }
	    }
	},
	
	load : function(id,duration)
	{
	    if(duration == undefined){
	        duration = 0.5;
	    }
	    var tab     = 'tab_' + id;
	    var content = 'tab_content_' +id;
	    
	    if(product.prev_content != '')
	    {
	        $('tab_content_' + product.prev_id).innerHTML = product.prev_content;
	    }
	    
	    /* Load content */
	    if(product.animating == false)
	    {
			if(!clEff) return;
			new Effect.BlindUp('tab_contents',
    	    {
    	        duration: duration,
                beforeStart: function()
                {
                    product.animating = true;
                    product.switch_tabs(tab);
                },
                afterFinish: function()
                {
                    $('tab_contents').innerHTML = $(content).innerHTML;
                    product.prev_content        = $(content).innerHTML;
                    product.prev_id             = id; 
                    $(content).innerHTML        = '';
                    new Effect.BlindDown('tab_contents',
                    {
                        duration: duration,
                    	afterFinish:function() 
                    	{
                            product.animating = false;
                    	}     
                    });
                }
    	    });
	    }
	},
	
	faq_load :function(id)
	{
	    if(product.animating == false)
	    {
	        product.animating = true;
    	    if($(id).style.display == 'none')
    	    {
    	        $(id + '_title').style.background = 'url('+siteurl+'/public/img/bullet_down.gif) no-repeat';
				if(clEff)
				new Effect.BlindDown(id,
    	        {
    	           duration:0.5,
    	           afterFinish : function()
    	           {
    	               product.animating = false;
    	           }
    	        });
    	        
    	        divs = $('product_faq_overview').getElementsByTagName('div');
    	        for(i=0;i<divs.length;i++)
    	        {
    	            first = divs[i].id.substr(0,3);
    	            last  = divs[i].id.substr(divs[i].id.length-3);
    	            
    	            if(first == 'faq' && last != 'faq' && last != 'tle')
    	            {
    	               if(divs[i].id != id && clEff)
    	               {
    	                   new Effect.BlindUp(divs[i].id,{duration:0.5});
    	               }
    	            }
    	        }
    	    }
    	    else
    	    {
    	       $(id + '_title').style.background = 'url('+siteurl+'/public/img/bullet_right.gif) no-repeat';
    	       if (clEff) new Effect.BlindUp(id,
    	        {
    	           duration:0.5,
    	           afterFinish : function()
    	           {
    	               product.animating = false;
    	           }
    	        });
    	    }
	    }	    
	},
	
	extra_info_switch:function(id){
		if(product.animating == false){
			product.animating = true;
			
			if(!clEff) return;
			
			if(product.previous_extra_id != 0 && $('extra_info_'+product.previous_extra_id).visible() == true){
				new Effect.SlideUp(		'extra_info_'+product.previous_extra_id,
										{
											duration:1
										}
									);
			}
			
			if($('extra_info_'+id).visible() == false){
				product.previous_extra_id = id;
				new Effect.SlideDown(	'extra_info_'+id,
										{
											duration:1,
											afterFinish: function(){
												product.animating = false;
											}
										}
									);
			}else{
				new Effect.SlideUp(		'extra_info_'+id,
										{
											duration:1,
											afterFinish: function(){
												product.animating = false;
											}
										}
									);	
			}
		}
	}
};