// JavaScript Document
function filterProducts(){
		
	var type = "";
	var protection = "";
	var battery = "";
	var relayfunction = "";
	var buttons = "";
	var industrytype = "";
	var power = "";
	
	var extravars = "";

	//type
	for (var i=0; i < document.productfilter.type.length; i++){
	   	if (document.productfilter.type[i].checked){
			type = document.productfilter.type[i].value;
		}
	}
	
	//protection
	for (var i=0; i < document.productfilter.protection.length; i++){
	   	if (document.productfilter.protection[i].checked){
			protection = document.productfilter.protection[i].value;
		}
	}
	
	//battery
	for (var i=0; i < document.productfilter.battery.length; i++){
	   	if (document.productfilter.battery[i].checked){
			battery = document.productfilter.battery[i].value;
		}
	}
	
	//relayfunction
	for (var i=0; i < document.productfilter.relayfunction.length; i++){
	   	if (document.productfilter.relayfunction[i].checked){
			relayfunction = document.productfilter.relayfunction[i].value;
		}
	}
	
	//buttons
	for (var i=0; i < document.productfilter.buttons.length; i++){
	   	if (document.productfilter.buttons[i].checked){
			buttons = document.productfilter.buttons[i].value;
		}
	}
	
	//industrytype
	for (var i=0; i < document.productfilter.industrytype.length; i++){
	   	if (document.productfilter.industrytype[i].checked){
			industrytype = document.productfilter.industrytype[i].value;
		}
	}
	
	var inputs = document.productfilter.getElementsByTagName("input"); //or document.forms[0].elements;  
	var checked = ""; //all checked checkboxes  
	for (var i = 0; i < inputs.length; i++) {  
	  if (inputs[i].type == "checkbox") {  
		if (inputs[i].checked) {  
		  checked += inputs[i].name+',';  
		}  
	  }  
	}
	
	//extra value for power
	if(document.getElementById('power')){
		if(document.getElementById('power').value != "none"){
			checked += document.getElementById('power').value+','; 
		}
	}
	
	var extravars = checked.substring(0,(checked.length-1));
	
	//add preloader
	document.getElementById('prodfilterres').innerHTML = '<img src="includes/img/preloader.gif" border="0" style="padding-top:70px; padding-left:150px;">';
	
	new Ajax.Request('includes/prod_filter_handle.php', {
	method: 'get',
	parameters: {filterproducts:'yes',type:type,protection:protection,battery:battery,relayfunction:relayfunction,buttons:buttons,industrytype:industrytype,extravars:extravars},
			  
		onSuccess: function(transport){
		var response = transport.responseText || "";
			
			document.getElementById('prodfilterres').innerHTML = response;
			
		}
				
	});


}

var prevappl;
function filterappl(appl){
	
	//add preloader
	document.getElementById('prodfilterres').innerHTML = '<img src="includes/img/preloader.gif" border="0" style="padding-top:70px; padding-left:150px;">';
	
	if(appl != null){
	document.getElementById(appl).style.border ="solid #feb913 4px";
	}
	
	if(prevappl != null){
	document.getElementById(prevappl).style.border ="solid #ffffff 4px";
	}
	
	prevappl = appl;
	
	new Ajax.Request('includes/prod_filter_handle.php', {
	method: 'get',
	parameters: {filterappl:'yes',appl:appl},
			  
		onSuccess: function(transport){
		var response = transport.responseText || "";
			
			document.getElementById('prodfilterres').innerHTML = response;
			
			if(prevappl != null){
			smoothScroll('prodfilterres');
			}
			
		}
				
	});
	
	
	
}


function resetFilter(){
	
	var inputs = document.productfilter.getElementsByTagName("input");
	
	for (var i = 0; i < inputs.length; i++) {  
		if (inputs[i].checked) {  
		  inputs[i].checked = false;  
		}  
	}
	
	document.getElementById('prodfilterres').innerHTML = "";
	
	//extra value for power
	if(document.getElementById('power')){
		document.getElementById('power').value = "none";
	}
	
	filterProducts();
	
}

var numwindopen = 0;
var urlopen = false;
function closewindow(thewind){
	
	if(thewind == "all"){
		
		document.getElementById('prodwind_3d').style.display = "none";
		document.getElementById('prodwind_focus').style.display = "none";
		document.getElementById('prodwind_compare2').style.display = "none";
		document.getElementById('prodwind_url').style.display = "none";
		document.getElementById('prodwind_3durl').style.display = "none";
		document.getElementById('videoPlayer').innerHTML = " ";
		document.getElementById('prodwind_videoPlayer').style.display = "none";
		document.getElementById('prodwind_youtube').style.display = "none";
		
		if(document.getElementById('calendarPopup')){
		document.getElementById('calendarPopup').style.display = "none";
		}
		
		numwindopen = 0;
	
	}else{
		
		document.getElementById(thewind).style.display = "none";
		
		numwindopen -= 1;
		
	}
	
	if(thewind == "prodwind_focus"){
		document.getElementById('prodwind_url').style.display = "none";
		numwindopen -= 1;
	}
	
	if(thewind == "prodwind_3d"){
		document.getElementById('prodwind_3durl').style.display = "none";
		numwindopen -= 1;
	}
	
	if(thewind == "calendarPopup"){
		document.getElementById('calendarPopup').style.display = "none";
		numwindopen -= 1;
	}
	
	if(thewind == "prodwind_videoPlayer")
	{
		document.getElementById('videoPlayer').innerHTML = "";
		document.getElementById('prodwind_videoPlayer').style.display = "none";
	}
	
	if(thewind == "prodwind_youtube")
	{
		document.getElementById('youtube').innerHTML = "";
		document.getElementById('prodwind_youtube').style.display = "none";
	}
	
	
	if(numwindopen < 1){
		numwindopen = 0;
		document.getElementById('black_back').style.display = "none";
	}
		
}

function view3d(prodid,from){
	
	if(from == "prodfocus"){
		document.getElementById('prodwind_3d').style.left = '520px';
	}else{
		document.getElementById('prodwind_3d').style.left = '250px';
	}
	
	document.getElementById('black_back').style.display = "inline";
	document.getElementById('prodwind_3d').style.display = "inline";
	document.getElementById('swfholder').innerHTML = '<img src="includes/img/preloader.gif" border="0" style="padding-top:180px; padding-left:180px;">';
	document.getElementById('3dbtnholder').innerHTML = "<img src=\"includes/img/prodicon_url2.png\" border=\"0\" onclick=\"prod3durl('http://www.tele-radio.com/index.php?id=2&3dfocus="+prodid+"');\" />";
	
	
	
	
	
	new Ajax.Request('includes/prod_filter_handle.php', {
	method: 'post',
	parameters: {view3d:'yes',prodid:prodid},
			  
		onSuccess: function(transport){
		var response = transport.responseText || "";
						
			document.getElementById('swfholder').innerHTML = response;
			
		}
			
	});
	
	numwindopen += 1;
	
}

function produrl(url){

	document.getElementById('black_back').style.display = "inline";
	document.getElementById('prodwind_url').style.display = "inline";
	
	document.getElementById('url').value = url;
	
	numwindopen += 1;
	
}

function prod3durl(url){
	
	
	document.getElementById('prodwind_3durl').style.left = document.getElementById('prodwind_3d').style.left;
	
	document.getElementById('black_back').style.display = "inline";
	document.getElementById('prodwind_3durl').style.display = "inline";
	
	document.getElementById('3durl').value = url;
	
	numwindopen += 1;
	
}

function prodVideo(videoId)
{

	document.getElementById('prodwind_videoPlayer').style.display = "inline";
	document.getElementById('black_back').style.display = "inline";
	document.getElementById('videoPlayer').innerHTML = "<div align=\"center\" style=\"padding-top:170px; padding-left:350px;\"><img src=\"/includes/img/ajax-loader.gif\" border=\"0\"></div>";
	
	new Ajax.Request('includes/video_handle.php', {
	method: 'post',
	parameters: {newPopup:'yes',videoId:videoId},
			  
		onSuccess: function(transport){
		var response = transport.responseText || "";
			
			
			document.getElementById('videoPlayer').innerHTML = response;
			
		}
				
	});
	
	numwindopen += 1;
	

}

function youtubeVideo(id)
{

	document.getElementById('prodwind_youtube').style.display = "inline";
	document.getElementById('black_back').style.display = "inline";
	document.getElementById('youtube').innerHTML = "<div align=\"center\" style=\"padding-top:170px; padding-left:250px;\"><img src=\"/includes/img/ajax-loader.gif\" border=\"0\"></div>";
	
	new Ajax.Request('includes/youtube_handle.php', {
	method: 'post',
	parameters: {newPopup:'yes',id:id},
			  
		onSuccess: function(transport){
		var response = transport.responseText || "";
			
			
			document.getElementById('youtube').innerHTML = response;
			
		}
				
	});
	
	numwindopen += 1;
	

}

function prodfocus(prodid){
	
	new Ajax.Request('includes/prod_filter_handle.php', {
	method: 'post',
	parameters: {prodfocus:'yes',prodid:prodid},
			  
		onSuccess: function(transport){
		var response = transport.responseText || "";
			
			document.getElementById('black_back').style.display = "inline";
			document.getElementById('prodwind_focus').style.display = "inline";
			
			document.getElementById('prodwind_focus').innerHTML = response;
			
		}
				
	});
	
	numwindopen += 1;
	
	
}

var prodstocompare;
function compareAlert(){
		
	//hämtar värden från alla ikryssade rutor
	var inputs = document.compareform.getElementsByTagName("input"); //or document.forms[0].elements;  
	var checked = ""; //all checked checkboxes  
	for (var i = 0; i < inputs.length; i++) {  
	  if (inputs[i].type == "checkbox") {  
		if (inputs[i].checked) {  
		  checked += inputs[i].name+',';  
		}  
	  }  
	}
	
	prodstocompare = checked.substring(0,(checked.length-1));
	var prodstocomparr = prodstocompare.split(",");
	
	//om man valt minst två produkter visas fönstret, annars göms det
	if(prodstocomparr.length > 1){
		document.getElementById('prodwind_compare1').style.display = "inline";
	}else{
		document.getElementById('prodwind_compare1').style.display = "none";
	}
	
		
	
	//lägger in bilder om det inte redan finns 5 inlagda
	if(prodstocomparr.length < 6){
	
		var picstoadd = "";
		for(var i=0;i<5;i++){
			
			if(prodstocomparr[i] != null){
			picstoadd = picstoadd+'<img src="includes/media/prodpics/'+prodstocomparr[i]+'_w50.jpg" style="width:50px; height:65px; border:1px solid #666666; margin-left:10px;">';
			}else{
			picstoadd = picstoadd+'<img src="includes/img/product_empty_50.jpg" style="width:50px; height:65px; border:1px solid #999999; margin-left:10px;">';	
			}
		}
		
		document.getElementById('comparepics').innerHTML = picstoadd;
	
	}
	
}

function compareWindow(){
	
	document.getElementById('prodwind_compare1').style.display = "none";
	
	numwindopen += 1;
	document.getElementById('black_back').style.display = "inline";
	document.getElementById('prodwind_compare2').style.display = "inline";
	
	//checkar av alla rutor
	var inputs = document.compareform.getElementsByTagName("input");
	for (var i = 0; i < inputs.length; i++) {  
		if (inputs[i].checked) {  
		  inputs[i].checked = false;  
		}  
	}
	
	//add preloader
	document.getElementById('comparetarget').innerHTML = '<img src="includes/img/preloader.gif" border="0" style="padding-top:180px; padding-left:300px;">';
	
	//hämtar jämförelse av produkterna
	new Ajax.Request('includes/prod_filter_handle.php', {
	method: 'post',
	parameters: {compareprods:'yes',prodstocompare:prodstocompare},
			  
		onSuccess: function(transport){
		var response = transport.responseText || "";
			
			document.getElementById('comparetarget').innerHTML = response;
			
		}
				
	});
	
	
}

function changeunit(id,type,val1,val2,val3,prevval1,prevval2,prevval3,staticphrase,newphrase,prevphrase){
	
	var newinner;
	
	if(type == "temp"){
		
		newinner = val1+' '+staticphrase+' '+val2+' '+newphrase;
		
		newinner = '<div class="unitleft">'+newinner+"</div><div class=\"unit\" onclick=\"changeunit('"+id+"','"+type+"','"+prevval1+"','"+prevval2+"','','"+val1+"','"+val2+"','','"+staticphrase+"','"+prevphrase+"','"+newphrase+"');\">["+prevphrase+"]</div><br clear=\"all\" />";
	
		document.getElementById(type+id).innerHTML = newinner;
	
	}else if(type == "weight"){
		
		newinner = '~ '+val1+' '+newphrase+staticphrase;
		
		newinner = '<div class="unitleft">'+newinner+"</div><div class=\"unit\" onclick=\"changeunit('"+id+"','"+type+"','"+prevval1+"','','','"+val1+"','','','"+staticphrase+"','"+prevphrase+"','"+newphrase+"');\">["+prevphrase+"]</div><br clear=\"all\" />";
	
		document.getElementById(type+id).innerHTML = newinner;
		
	}else if(type == "dim"){
		
		newinner = '~ '+val1+' x '+val2+' x '+val3+' '+newphrase;
		
		newinner = '<div class="unitleft">'+newinner+"</div><div class=\"unit\" onclick=\"changeunit('"+id+"','"+type+"','"+prevval1+"','"+prevval2+"','"+prevval3+"','"+val1+"','"+val2+"','"+val3+"','','"+prevphrase+"','"+newphrase+"');\">["+prevphrase+"]</div><br clear=\"all\" />";
	
		document.getElementById(type+id).innerHTML = newinner;
		
	}
	
	
}

//functions that scroll the page to an anchor
function currentYPosition() {
	if (self.pageYOffset)
		 return self.pageYOffset;
	if (document.documentElement && document.documentElement.scrollTop)
		return document.documentElement.scrollTop;
	if (document.body.scrollTop)
		 return document.body.scrollTop;
	return 0;
}
function elmYPosition(eID) {
	var elm  = document.getElementById(eID);
	var y    = elm.offsetTop;
	var node = elm;
	while (node.offsetParent && node.offsetParent != document.body) {
		node = node.offsetParent;
		y   += node.offsetTop;
	} return y;
}
function smoothScroll(eID) {
	var startY   = currentYPosition();
	var stopY    = elmYPosition(eID);
	var distance = stopY > startY ? stopY - startY : startY - stopY;
	if (distance < 100) {
		scrollTo(0, stopY); return;
	}
	var speed = Math.round(distance / 100);
	if (speed >= 20) speed = 20;
	var step  = Math.round(distance / 25);
	var leapY = stopY > startY ? startY + step : startY - step;
	var timer = 0;
	if (stopY > startY) {
		for ( var i=startY; i<stopY; i+=step ) {
			setTimeout("window.scrollTo(0, "+leapY+")", timer * speed);
			leapY += step; if (leapY > stopY) leapY = stopY; timer++;
		} return;
	}
	for ( var i=startY; i>stopY; i-=step ) {
		setTimeout("window.scrollTo(0, "+leapY+")", timer * speed);
		leapY -= step; if (leapY < stopY) leapY = stopY; timer++;
	}
}