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),
								new Array(5, 'Ptex Shader', 69.95),
								new Array(6, 'Happy Little Paint Shader', 35));
	var packageDiscount = new Array( 0, 0, 10, 15, 18, 20, 22, 24);
	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';
			if (obj==5) document.getElementById('pack'+obj).src = 'images/pack'+obj+'off.gif';
			arrSelected[obj]=false;
			return false;
		}
		arrSelected[obj]=true;
		document.getElementById('pack'+obj).src = 'images/pack'+obj+'on.jpg';
		if (obj==5) document.getElementById('pack'+obj).src = 'images/pack'+obj+'on.gif';	
	}
	
	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;
		}
	}