function makeSlider(buttons,box,items){
	var nS2 = new noobSlide({
		box: box,
		items: items,
		size: 550,
		interval: 3000,
		fxOptions: {
			duration: 1500,
			transition: Fx.Transitions.Quint.easeOut,
			wait: false
		},
		addButtons: buttons
	});
}

function makeSimpleSlider(buttons,box,items){
	var nS2 = new noobSlide({
		box: box,
		items: items,
		size: 154,
		interval: 3000,
		fxOptions: {
			duration: 1500,
			transition: Fx.Transitions.Quint.easeOut,
			wait: false
		},
		addButtons: buttons
	});
}

function placeFooter(){
//	var statics = 225;
	if($chk($('foot'))){
		var statics = $('head').getSize().y + $('foot').getSize().y;
		var totalElementHeight = statics + $('mCC').getSize().y;
		var windowHeight = window.getSize().y;
		if(totalElementHeight < windowHeight){
			var newHeight = windowHeight - statics;
			$('mCCWrapper').setStyle('height', newHeight+'px');
		}
	}
	
	placeFlashC(newHeight);
}

function placeFlashC(newHeight){
	$$('div.frontpage_flash_container').each(function(el,i){
		var flashCpos = newHeight - el.getSize().y - 30;
		el.setStyle('top',flashCpos+'px');
	});
}

function uploadDone(imgid){
//		$('appiamgeC').removeClass('hidden');
		doReset = true;

		var sreq = new Request({
			url: '/_ajax/getAppImage.php?imageid='+imgid,
			method: 'post',
/* 			data: { imageid: imgid}, */
			
			onComplete: function(htmlstuff){
				$('pane_5').addClass('active');
				$('pane_5_wait').removeClass('active');
				$('appC').addClass('hidden');
				$('appCrotate').addClass('hidden');

				showstuff(htmlstuff);
			}
		}).send();
		
//		var b = setTimeout("sreq.send()", 4000);
		
//	window.location = 'http://tomcat.allegrointeraktiv.no:8080/images/'+ imgid +'web3d.jpg';

}

function showstuff(stuff){
	$('appimageC').removeClass('hidden');
	$('appimageC').innerHTML = stuff;	
}

function toggleBigButton(bigButton){
	var display = bigButton.getFirst('p');
	var hover = bigButton.getLast('p');
	bigButton.addEvent('mouseover',function(e){
		display.removeClass('display');
		display.addClass('hover');
		hover.removeClass('hover');
		hover.addClass('display');
	});
	bigButton.addEvent('mouseout',function(e){
		display.addClass('display');
		display.removeClass('hover');
		hover.addClass('hover');
		hover.removeClass('display');
	});
}

function doThisApp(funcName, val){
	appObj = document.applets[0];
	appObj.send(funcName, val);
}

function watermark(element, mousepress){
	if(mousepress == true)
		element.value = (element.value == element.get('alt') ? '' : element.value);
	else
		element.value = (element.value == '' ? element.get('alt') : element.value);
}

function formhandler(form){
	form.addEvent('submit', function(e){
		e.stop();
		
		form.set('send', {
			onComplete : function(response){
				var result = JSON.decode(response);
				var msg = "";
				
				for(var i in result){
					msg = msg + '\r\n' + result[i];
				}
				
				alert(msg);
			}
		});
		
		form.send();
	});
}

function testformHandler(form1, form2){
	

	
	form2.addEvent('submit', function(e){
		e.stop();
		
		form2.set('send', {
			onComplete : function(response){
				var result = JSON.decode(response);
				var msg = "";
				
				for(var i in result){
					msg = msg + '\r\n' + result[i];
				}
				

				alert(msg);

				
				if(msg.substr(0, 6) != '\r\nFelt'){
					parent.box1.close();
				}				
			}
		});
		
		form2.send();
	});	
	
}

function urlencode(str) {
	return escape(str).replace(/\+/g,'%2B').replace(/%20/g, '+').replace(/\*/g, '%2A').replace(/\//g, '%2F').replace(/@/g, '%40');
}

var box1;
var averlay;
var doReset = false;

window.addEvent('domready', function(){

    averlay = new overlay(); 
    var box = new multiBox('mb',{ 
        overlay: averlay,
        movieWidth: 460,
        movieHeight: 287
    });

    box1 = new multiBox('mbform',{ 
        overlay: averlay,
        movieWidth: 600,
        movieHeight: 500
    });
    
    tips = new multiBox('tipsfriend',{ 
        overlay: averlay,
        movieWidth: 600,
        movieHeight: 350
    });
    
	var pimpColor = 0;

	/* generic code to open all links with rel=_blank in new window, to pass validation in xhtml strict. */
	$$('a').each(function(link,i){
		if(link.get('rel')=='_blank') link.setProperty('target','_blank');
	});	
	/* end link code */

	setupSlideAnimation(-dot_width);
	setDotPosition();
	placeFooter();
	
	$$('.slideShowContainer').each(function(item,i){
		picture = item.getElement('div.picture');
		if($chk(picture)){
			count = 0;
			items = Array();
			picture.getElements('span').each(function(spans,l){
				items.push(count);
				count++;
			});
		}
		if($chk(item.getElement('div.slideNavigation'))){
			li = item.getElement('div.slideNavigation').getChildren();
			buttons = "";
			buttons = {
				previous: li[0],
				next: li[1]
			}
			makeSlider(buttons,picture,items);
		}
	});

	$$('.simpleSlideContainer').each(function(item,i){
		picture = item.getElement('div.picture');
		if($chk(picture)){
			count = 0;
			items = Array();
			picture.getElements('div.frame').each(function(spans,l){
				items.push(count);
				count++;
			});
		}
		if($chk(item.getElement('div.simpleNavigation'))){
			links = item.getElement('div.simpleNavigation').getChildren();
			links.each(function(link,m){ link.addEvent('click',function(e){ e.stop(); }) });
			buttons = "";
			buttons = {
				previous: links[0],
				next: links[1]
			}
			makeSimpleSlider(buttons,picture,items);
		}
	});
	
	$$('.big_button').each(function(el,i){
		toggleBigButton(el);
	});
	
	$$('ul.flaps a').each(function(el,i){
		var replaceLink = new Element('a',{'href': el.get('href'),'rel': el.get('rel')});
		new Element('span',{'class':'left'}).inject(replaceLink);
		new Element('span',{'class':'mid','html':el.get('html')}).inject(replaceLink);
		new Element('span',{'class':'right'}).inject(replaceLink);
		replaceLink.addEvent('click',function(e){
			e.stop();
			$$('ul.flaps li.active').each(function(li,i){
				li.removeClass('active');
			});

			this.getParent().addClass('active');

			$$('div.pane').each(function(pane,i){
				pane.removeClass('active');
			});
			if($chk($('artid'))){
				//
			}else{
				$(this.get('rel')).addClass('active');
			}

			/* */
			if(el.get('rel') == 'pane_5'){
				$('pane_5_wait').addClass('active');
				$('pane_5').removeClass('active');
				doThisApp('imageLink', $('picidtime').value);
//				$('appC').addClass('hidden');
				
/*
				$('pane_4_3').addEvent('click', function(e){
					if(this.checked == true){

						$('div_info').removeClass('hidden');
					}else{
						$('div_info').addClass('hidden');					

					}
				});
*/
			}else{
				if($chk($('appC'))){
					$('appimageC').addClass('hidden');
					
					$('appC').removeClass('hidden');
					$('appCrotate').removeClass('hidden');
					
					if(doReset == true){
						if(Browser.Platform.win != true){
							$('husapplikasjon').reset();
						}
					}
				}
			}
			
			if($chk($('artid'))){
				var req = new Request({
			        method: 'post',
			        url: '/_ajax/husartikkelgallery.php',
			        data: {
			        	id: $('artid').value,
			        	type: this.get('rel')
			        },
			        onRequest: function() {
			        },
					onComplete: function(response) { 
					    $("tblgallery").set('html', response);
					    milkbox = new Milkbox();
				    }
			    }).send();
			 }
		});
		replaceLink.replaces(el);
	});	
	
	$$('div.pane img').each(function(el, i){
		el.addEvent('click', function(e){
			var theColor = el.get('rel');
//			alert(theColor);
			doThisApp('farge', theColor);
			$('husfarge').value = theColor;
		});
	});
	
	
	if($chk($('smallButton'))){
		$('husapplikasjon').addEvent('submit', function(e){
			e.stop();
		});
		$('smallButton').addEvent('click', function(e){
			e.stop();
			if($('sendmeg').value != ''){
				$('husapplikasjon').set('send', {
					onComplete : function(response){
						result = JSON.decode(response);
						alert(result);
					}
				});
			
			
				$('husapplikasjon').send('/_ajax/prospekt.php', {
					onComplete: function(ret) {
					}
				});
			}
		});
	}
		
	if($chk($('rotate_left'))){
		$('rotate_left').addEvent('mousedown', function(e){
			doThisApp('rotateLeft', 1)
		});
		$('rotate_left').addEvent('mouseup', function(e){
//			var rnd = Math.floor(Math.random()*10);
			doThisApp('rotateLeft', 0)
		});
	}

	if($chk($('rotate_right'))){
		$('rotate_right').addEvent('mousedown', function(e){
			doThisApp('rotateRight', 1)	
		});
		$('rotate_right').addEvent('mouseup', function(e){
			doThisApp('rotateRight', 0)	
		});
	}
	
	if($chk($('inngang'))){
		$('inngang').addEvent('click', function(e){
			doThisApp('setcam2', 2);
			doThisApp('inngang', (this.checked ? 1 : 0));
		});	
	}

	if($chk($('sprosser'))){
		$('sprosser').addEvent('click', function(e){
			doThisApp('sprosser', (this.checked ? 1 : 0));
		});
	}

	if($chk($('gavl_vindu'))){
		$('gavl_vindu').addEvent('click', function(e){
//			if(this.checked == true) doThisApp('setcam1', 1);
			doThisApp('gavl_vindu', (this.checked ? 1 : 0));
		});
	}
	
	if($chk($('ark'))){
		$('ark').addEvent('click', function(e){
			if(this.checked == true) doThisApp('setcam1', 2);
			doThisApp('ark', (this.checked ? 1 : 0));
		});
	}
	
	/* grader på hus */

	if($chk($('vinkel_27'))){
		$('vinkel_27').addEvent('click', function(e){
			doThisApp('Tak27', '1 ');
			if($('ark').checked)
				doThisApp('ark', 1);

			if($('gavl_vindu').checked)
				doThisApp('gavl_vindu', 1);

			$('ark').checked = false;
			$('ark').disabled = true;
			$('lark').addClass('disabled');
			
			$('gavl_vindu').checked = false;
			$('gavl_vindu').disabled = true;
			$('lgavl_vindu').addClass('disabled');	
			
			$('trapp2etg').checked = false;		
			$('trapp2etg').disabled = true;		
			$('ltrapp2etg').addClass('disabled');		
		});
	}

	if($chk($('vinkel_45'))){
		$('vinkel_45').checked = true;
				
		$('vinkel_45').addEvent('click', function(e){
			doThisApp('Tak45', '1 ');

			if(!$('lark').hasClass('never')){
				$('ark').disabled = false;
				$('lark').removeClass('disabled');
			}
			if(!$('lgavl_vindu').hasClass('never')){
				$('gavl_vindu').disabled = false;
				$('lgavl_vindu').removeClass('disabled');
			}
			
			if(!$('ltrapp2etg').hasClass('never')){
				$('trapp2etg').disabled = false;		
				$('ltrapp2etg').removeClass('disabled');		
			}
		});
	}
	
	if($chk($('kn_1'))){
		$('kn_1').addEvent('click', function(e){
			$('kj_hvitevarer').checked = false;
			$('kj_hvitevarer').disabled = true;
			$('kj_fliser').checked = false;
			$('kj_fliser').diabled = true;
		});
		
		$('kn_2').addEvent('click', function(e){
			$('kj_hvitevarer').disabled = false;
			$('kj_fliser').disabled = false;
		});

		$('kn_3').addEvent('click', function(e){
			$('kj_hvitevarer').disabled = false;
			$('kj_fliser').disabled = false;
		});
	}

	if($chk($('Door_1'))){
		$('Door_1').addEvent('click', function(e){
			doThisApp('setcam2', 1);
			doThisApp('door_1', 1);
		});
	}
	if($chk($('Door_2'))){
		$('Door_2').addEvent('click', function(e){
			doThisApp('setcam2', 1);
			doThisApp('door_2', 2);
		});
	}
	if($chk($('Door_3'))){
		$('Door_3').addEvent('click', function(e){
			doThisApp('setcam2', 1);
			doThisApp('door_3', 3);
		});	
	}
	
	if($chk($('inngang_1'))){
		$('inngang_1').addEvent('click', function(e){
			doThisApp('setcam2', 1);
			doThisApp('Enkel', 1);
		});			
	}
	if($chk($('inngang_2'))){
		$('inngang_2').addEvent('click', function(e){
			doThisApp('setcam2', 1);
			doThisApp('Right', 1);
		});			
	}
	if($chk($('inngang_3'))){
		$('inngang_3').addEvent('click', function(e){
			doThisApp('setcam2', 1);
			doThisApp('Left', 1);
		});			
	}
	if($chk($('inngang_4'))){
		$('inngang_4').addEvent('click', function(e){
			doThisApp('setcam2', 1);
			doThisApp('Open', 1);
		});			
	}

	
	if($chk($('color'))){
		$('color').addEvent('click', function(e){
			pimpColor += 1;
			if(pimpColor == 10) pimpColor = 0;
		});
	}
	
	if($chk($('flashC'))){
		var flashvars = {}
		flashvars.xmlurl = '_handlers/map.xml';
//		flashvars.assetsUrl = '_swf/WKLibrary.swf';

		var params = {}
		swfobject.embedSWF('/_swf/KlartHusMapNorway.swf', 'flash', 410, 260, '9.0.0', '/_swf/expressInstall.swf', flashvars, params);

	}
	
	if($chk($('flash1'))){
		var flashvars = {}
		flashvars.videoUrl = '../_gfx/video2.mp4';
		flashvars.buttonUrl = 'http://klarthus.aipublish.no/Kategori/Våre-hus/734.php';
		flashvars.buttonText = 'Se alle våre hus i 3D';

		var params = {}
		params.wmode = 'transparent';
		swfobject.embedSWF('/_swf/VaareHus.swf', 'flash1', 272, 185, '9.0.0', '/_swf/expressInstall.swf', flashvars, params);

	}
	
	if($chk($('katalog'))){
		formhandler($('katalog'));		

		$$('input').each(function(el, i){
			if(el.get('type') == 'text'){
				el.addEvent('click', function(e){
					watermark(el, true);
				});

				el.addEvent('blur', function(e){
					watermark(el, false);
				});
			}
			
			if(el.get('type') == 'image'){
				el.addEvent('click', function(e){
					//$('katalog').send();
				});
			}
		});
	}
	
	if($chk($('appform'))){
		var parentForm = parent.document.forms.husapplikasjon;


		if($chk($('summary'))){
					parentForm.set('send', {
						onComplete : function(response){
							$('summary').innerHTML = response;
						}
					});

					parentForm.send('/_ajax/previewoversikt.php');
		}
		
		if($chk($('FYLKE'))){
			$('FYLKE').addEvent('change', function(e){

				var req = new Request({
					url : '/_ajax/forhandlere.php',
					data : {
						idc : $('FYLKE').value
					},
					onComplete : function(response){
						$('forhandlerdiv').innerHTML = response;
//						$('FORHANDLER').innerHTML = response;
					}
				}).send();

			});
		}	

		$$('input').each(function(el, i){
			if(el.get('type') == 'text'){
				el.addEvent('click', function(e){
					watermark(el, true);
				});

				el.addEvent('blur', function(e){
					watermark(el, false);
				});
			}
			
			if(el.get('type') == 'image'){
				el.addEvent('click', function(e){
					e.stop();
					
					var string = '?';
				
/*
					for(var t in $('appform').elements){
						if($('appform').elements[t] != null || $('appform').elements[t] != undefined){
							string = string +  $('appform').elements[t].name + '='+ $('appform').elements[t].value +'&';
						}
					}
*/
					$$('.cat_input').each(function(el, i){

						string += el.get('name') + '=' + escape(el.value) + '&';
					});
					
					string += $('FYLKE').get('name') + '=' + escape($('FYLKE').value) + '&';
					string += $('FORHANDLER').get('name') + '=' + escape($('FORHANDLER').value) + '&';
										
					string = string.substr(0, string.length-1);
			
					parentForm.set('send', {
						onComplete : function(response){
							var result = JSON.decode(response);
							var msg = "";
							
							for(var i in result){
								msg = msg + '\r\n' + result[i];
							}
							
			
							alert(msg);
							
							if(msg.substr(0, 6) != '\r\nFelt'){
								parent.box1.close();
							}				
						}
					});
					parentForm.send('/_handlers/doubleformhandler.php' + string);
				});
			}
		});
	}
	
	if($chk($('email'))){
		$('email').addEvent('click', function(e){
			if($('email').value == 'e-mail'){
				$('email').value = '';
			}		
		});
		
		$('email').addEvent('blur', function(e){
			if($('email').value == ''){
				$('email').value = 'e-mail';
			}		
		});

	}
	
	if($chk($('tipsform'))){
	
		$$('input').each(function(el, i){
			if(el.get('type') == 'text'){
				el.addEvent('click', function(e){
					watermark(el, true);
				});

				el.addEvent('blur', function(e){
					watermark(el, false);
				});
			}
		});
		
		$$('textarea').each(function(el, i){
				el.addEvent('click', function(e){
					el.value = (el.value == el.get('title') ? '' : el.value);
				});

				el.addEvent('blur', function(e){
					el.value = (el.value ==  '' ? el.get('title') : el.value);
				});				
		});
		
		$('tipsform').addEvent('submit', function(e){
			e.stop();
			
			$('tipsform').set('send', {
				onComplete : function(response){
					var result = JSON.decode(response);
					var msg = "";
					for(var i in result){
						msg = msg + '\r\n' + result[i];
					}
					
	
					alert(msg);
					
					if(msg.substr(0, 6) != '\r\nFelt'){
						parent.tips.close();
					}				
				}
			});
	
			$('tipsform').send('_handlers/tipsenvennhandler.php');
		});
	
	}

});



window.addEvent('resize', placeFooter);