var arrPlugins = new Array(	new Array(0, 'Reference Shader 2.1', 35),
								new Array(1, 'enDOFin', 39.95),
								new Array(2, 'SPLURF', 35),
								new Array(3, 'Cinapsis', 39.95),
								new Array(4, 'Photometric', 44.95));
	var packageDiscount = new Array( 0, 0, 10, 15, 18, 20 );
	var arrSelected = new Array();
	
	for (var m = 0; m < arrPlugins.length; m++) {
		arrSelected[m]=false;
	}
		
	function ReallySet(obj) {
		if (arrSelected[obj]==true) {
			document.getElementById('pack'+obj).src = 'images/pack'+obj+'off.jpg';
			arrSelected[obj]=false;
			return false;
		}
		arrSelected[obj]=true;
		document.getElementById('pack'+obj).src = 'images/pack'+obj+'on.jpg';	
	}
	
	function SelectObj(obj) {
		ReallySet(obj);
		var counter = 0;
		var price = 0; //
		var list = '<ul><li><span style="color:#0c0;">Free: </span>Camera Shader</li>';
		for (var i = 0; i < arrPlugins.length; i++) {
			if (arrSelected[i]==true) {
				counter++;
				price+=arrPlugins[i][2];
				list+='<li>'+arrPlugins[i][1]+"</li>";
				document.getElementById('on'+counter).value = "Plugin "+counter+": "+arrPlugins[i][1];			
			}
		}
		for (i = counter+1; i <= arrPlugins.length; i++) {
			document.getElementById('on'+i).value = "";	
		}
		list+="</ul>";
		try {
			replace_html(document.getElementById('pluginList'), list);
			replace_html(document.getElementById('setPack'), list);
		} catch (ex) {
			
		}
		if (counter > 0) {
			var x = Math.floor(price * (packageDiscount[counter]))/100;
			var final = Math.ceil(price*(100-packageDiscount[counter])/100);
			if (counter==1)
				final = price;
			//document.getElementById('PackSelect').innerHTML = 'you save &euro; '+number_format((price-final),2,',','.');
			//$('PackSelect').update('you save &euro; ' + number_format((price-final),2,',','.') );
			replace_html(document.getElementById('PackSelect'), 'you save &euro; ' + number_format((price-final),2,',','.'));
			var savings = document.getElementById('PackSelect');
			savings.style.color = '#fff';
			savings.style.fontSize = '24px';
			//document.getElementById('setPack').innerHTML += '<div style="float:right; display:block; border-top:1px silver solid; text-align:right;"><span style="text-decoration:line-through;">&euro '+number_format(Math.round(price*100)/100,2,',','.')+'</span><br /><span style="color:#fff; font-weight:bold;">&euro; '+number_format(final,2,',','.')+'</span></div>';
			//$('setPack').update($('setPack')+'<div style="float:right; display:block; border-top:1px silver solid; text-align:right;"><span style="text-decoration:line-through;">&euro '+number_format(Math.round(price*100)/100,2,',','.')+'</span><br /><span style="color:#fff; font-weight:bold;">&euro; '+number_format(final,2,',','.')+'</span></div>');
			replace_html(document.getElementById('setPack'), list + '<div style="float:right; display:block; border-top:1px silver solid; text-align:right;"><span style="text-decoration:line-through;">&euro; '+number_format(Math.round(price*100)/100,2,',','.')+'</span><br /><span style="color:#fff; font-weight:bold;">&euro; '+number_format(final,2,',','.')+'</span></div>');
			document.getElementById('buyImage').style.visibility = 'visible';
			document.getElementById('btn').style.visibility = 'visible';
			document.getElementById('os0').disabled = false;
			document.getElementById('amount').value = number_format(final,2,'.','');
			//document.getElementById('finalPrice').innerHTML = '&euro; '+number_format(final,2,',','.');
			//$('finalPrice').update('&euro; '+number_format(final,2,',','.'));
			replace_html(document.getElementById('finalPrice'), '&euro; '+number_format(final,2,',','.'));
			
		} else {
			//document.getElementById('PackSelect').innerHTML = 'Select any plugins';
			//$('setPack').update(list);
			replace_html(document.getElementById('PackSelect'), 'Select any plugins');
			var savings = document.getElementById('PackSelect');
			savings.style.color = '#fff';
			savings.style.fontSize = '24px';
			document.getElementById('buyImage').style.visibility = 'hidden';
			document.getElementById('btn').style.visibility = 'hidden';
			document.getElementById('os0').disabled = true;
			//document.getElementById('finalPrice').innerHTML = '&euro; 0,00';
			//$('finalPrice').update('&euro; 0,00');
			replace_html(document.getElementById('finalPrice'), '&euro; 0,00');
		}
		replace_html(document.getElementById('PackDiscount1'), packageDiscount[counter] + "%");
		var discounter = document.getElementById('PackDiscount1');
		discounter.style.color = '#000';
		discounter.style.fontSize = '60px';
		discounter.style.fontWeight = 'bold';
	}
	function number_format(number, decimals, dec_point, thousands_sep) {
		var n = !isFinite(+number) ? 0 : +number, 
			prec = !isFinite(+decimals) ? 0 : Math.abs(decimals),
			sep = (typeof thousands_sep === 'undefined') ? ',' : thousands_sep,        dec = (typeof dec_point === 'undefined') ? '.' : dec_point,
			s = '',
			toFixedFix = function (n, prec) {
				var k = Math.pow(10, prec);
				return '' + Math.round(n * k) / k;        };
		// Fix for IE parseFloat(0.55).toFixed(0) = 0;
		s = (prec ? toFixedFix(n, prec) : '' + Math.round(n)).split('.');
		if (s[0].length > 3) {
			s[0] = s[0].replace(/\B(?=(?:\d{3})+(?!\d))/g, sep);    }
		if ((s[1] || '').length < prec) {
			s[1] = s[1] || '';
			s[1] += new Array(prec - s[1].length + 1).join('0');
		}    return s.join(dec);
	}
	function formatNumber(num)
	{    
		var n = num.toString();
		var nums = n.split('.');
		var newNum = "";
		if (nums.length > 1)
		{
			var dec = nums[1].substring(0,2);
			newNum = nums[0] + "," + dec;
		}
		else
		{
		newNum = num;
		}
		return newNum;
	}
	
	function replace_html(el, html) {
	if( el ) {
                var oldEl = (typeof el === "string" ? document.getElementById(el) : el);
                var newEl = document.createElement(oldEl.nodeName);

                // Preserve any properties we care about (id and class in this example)
                newEl.id = oldEl.id;
                newEl.className = oldEl.className;

                //set the new HTML and insert back into the DOM
                newEl.innerHTML = html;
                if(oldEl.parentNode)
        	        oldEl.parentNode.replaceChild(newEl, oldEl);
                else
		        	oldEl.innerHTML = html;

                //return a reference to the new element in case we need it
                return newEl;
		}
	}