// JavaScript Document
var root="http://localhost:8888/scheltema/cms/";
var loc="";
var show;
window.addEvent('domready',function(){						
	if(Browser.Engine.trident4)fixPng();
	if($('ss'))mkSlideShow($('ss'));
	if($('home_fan')||$('mini_fan'))mkHome((($('home_fan'))? 'home': 'mini' ));
	if($('plan')){
	    var rs=[];
	    $('plan').getElements('.nav a input').each(function(item){rs.push(item.value)});
	    var imgs=new Asset.images(rs);
	    var im=$('thumb').getElement('img');
	    var dim=thumbDim(im.width,im.height);
	    im.width=dim.w;
	    im.height=dim.h;
	}
	if($('sort'))mkSort();
});

function thumbDim(w,h){
    if(w>138 && h*(138/w) > 102 ){
	h=Math.round(h*(138/w));
	w=138;
    }else{
	w=Math.round(w*(102/h));
	h=102;
    }
    
    return {'w':w, 'h':h};
}

window.addEvent('load',function(){						
	mkSh();
	if(String(window.location).indexOf('?')>-1){
		var show=String(window.location).split('?')[1].split('=')[1];
		var url=String(window.location).split('=')[2];
		if(show.indexOf('&')>-1)show=show.split('&')[0];
		if(show.toLowerCase()=='plattegrond' )mkPlan(url);
	}
	
	
});

function mkSort(){
    $('sort').getElements('a').each(function(item){
	item.order=((String(item.id)=='dat')? 'desc' : 'asc');
	item.im=item.getNext('img');
	item.addEvent('click',function(e){
	    new Event(e).stop();
	   $('pros')._sort(String(this.id),this.order);
	   $('sort').getElements('img').setStyle('display','none');
	   $('sort').getElements('a').setStyle('text-decoration','none');
	   this.im.src=loc+'/gfx/'+((this.order=='desc')? 'up' : 'down')+'.gif';
	   this.im.setStyle('display','inline');
	   this.setStyle('text-decoration','underline');
	   $('reset').setStyle('display','inline');
	   this.order=((this.order=='asc')? 'desc' : 'asc');
	});
    });
    $('pros')._sort=function(t,order){
	var tmp=this.clone();
	tmp.rows=tmp.getElements('.rw')
	$('pros').rows=$('pros').getElements('.rw');
	tmp.rows.sort(compare2(t));
	if(order=='desc')tmp.rows.reverse();
	tmp.rows.each(function(item,n){
	   // alert(item.getElement('.'+t).value);
	    item.setStyle('opacity',1.0);
	    item.replaces($('pros').rows[n]);
	});
	set_tSort();
    }
    set_tSort();
}

function set_tSort(){
    $$('.t_sort').each(function(item){
	item.typ=item.getElement('input').value;
	item.addEvent('click',function(e){
	    new Event(e).stop();
	    //var tmp=[];
	   // var alt=[];
	    var typ=this.typ;
	    $('pros').getElements('.rw').each(function(item){
		    var test=false;
		    item.getElements('.t_sort input').each(function(item){
			if(item.value==typ)test=true;
		    });
		    if(test){
			item.setStyle('opacity',1.0);
			//tmp.push(item.clone());
		    }else{
			item.setStyle('opacity',0.35);
			//alt.push(item.clone());
		    }
	    })
	    /*$('pros').rows=$('pros').getElements('.rw');
	    tmp.each(function(item,n){
		item.replaces($('pros').rows[n]);
	    });
	    alt.each(function(item,n){
		item.setStyle('opacity',0.7-((0.4/alt.length)*n));
		item.replaces($('pros').rows[n+tmp.length]);
	    });*/
	});
    });
}

function compare2(t){
    return function compare(a,b){
	var aa=((t=='tit')? a.getElement('h4').get('text'): a.getElement('.'+t).value);
	var bb=((t=='tit')? b.getElement('h4').get('text'): b.getElement('.'+t).value);
	return aa.localeCompare(bb);
    }
}

function mkSlideShow(ss){
	var slides=[];
	ss.getElements('input').each(function(item){
		var data=String(item.value).split(':');										
		slides.push({'img':data[0],'w':data[1],'h':data[2]});
	});
	//var t=$('f_g').getElement('.pro_img');
	for(var i=0; i<3; i++){
		var div= new Element('div', {
    		'id': 's'+i,
   			 'class': 'slide l'
		});
		if(!i){
			div.grab(ss.getElement('img'));
			//t.getElement('a').dispose();
		}else if(i==2){
			var ld=new Element('div', {
    			'id': 'load'
			});
			div.grab(ld);
		}
		ss.grab(div);
	}
	var ph=[$('s0'),$('s1')];
	show=new sShow(ph,slides,3200, 'http://www.scheltemacomplex.nl');//(-,-,interval);
	//show.play();
	//if(slides.length > 1)mkNav();
}

function mkNav(){
	var b=$('b_pla');
	b.setStyle('display','inline');
	b.addEvent('click',function(e){
		new Event(e).stop();
		this.setStyle('display','none');
		$('b_pau').setStyle('display','inline');
		show.play();
	});
	var b=$('b_pau');
	b.addEvent('click',function(e){
		new Event(e).stop();
		this.setStyle('display','none');
		$('b_pla').setStyle('display','inline');
		show.pause();
	});
	var b=$('b_fwd');
	b.addEvent('click',function(e){
		new Event(e).stop();
		show.flip('fwd');
	});
	var b=$('b_bck');
	b.addEvent('click',function(e){
		new Event(e).stop();
		show.flip('bwd');
	});
	$('s2').addEvent('click',function(){show.flip('fwd')});
}

function mkPlan(u){
	var url=u;
	$('plan').getElements('.nr a').each(function(item){
		item.loc=item.href.split('=')[2];
		item.pic=item.getElement('input').value.split(':')
		item.addEvent('mouseover',function(){
			Swiff.remote($('swiffer'), 'jsShow',this.loc);
			var im=$('thumb').getElement('img');
			var dim=thumbDim(this.pic[1],this.pic[2]);
			im.src=this.pic[0];
			im.width=dim.w;
			im.height=dim.h;
		});
		if(!url)url=item.loc;
		if(url==item.loc)item.setStyle('text-decoration','underline');
	});
	//var ver=parseInt(Browser.Plugins.Flash.version);// ((ie && ver>=9)? 'window' ):
	//var pars=eval($('route').getElement('input').value);
			swf = new Swiff(loc+'/swf/3d.swf', {
			container:$('swf'),				
			id: 'swiffer',
			width: '720',
			height: '440',
			params: {
				align: 'top',
				allowFullScreen:'true',
            	wMode:  'transparent',
            	bgcolor: '#000000'
			},
			vars: {
				'loc':url
				/*flv:pars.flv,
				nxt:pars.nxt,
				keys:pars.keys,
				top5:pars.top5*/
				//javaname: strUid
			}	
		});
	
}

function mkHome(typ){
    swf = new Swiff(loc+'/swf/fan.swf', {
			container:((typ=='mini')?$('mini_fan') : $('home_fan')),				
			id: 'swiff_1',
			width: '100%',
			height: '100%',
			params: {
				scale:'noscale',
				wMode:  'transparent',
				bgcolor: '#00ff00',
				align: 'top',
				salign:'lt'
			/*},callBacks:{
			    '_show':function(){
			      
			    }*/
			},
			vars: {
				mini:((typ=='mini')?'true': 'false'),
				win:(Browser.Engine.trident)
				/*f'loc':url
				lv:pars.flv,
				nxt:pars.nxt,
				keys:pars.keys,
				top5:pars.top5*/
				//javaname: strUid
			}
			
		});	  
	  
    if(!Browser.Engine.trident){
	var msk=new Element('div',{'id':'msk'});
	document.body.grab(msk);
	$('msk').addEvent('click',function(){
	    Swiff.remote($('swiff_1'), 'act_hide');    
	});
    }
}

function showFan(lb){
    if(lb=='in'){
	$('mini_fan').setStyle('width','2000px');
	$('msk').setStyle('display','block');
     }else{
	 $('mini_fan').setStyle('width','600px');
	$('msk').setStyle('display','none');
     }
}


function mkSh(){
	
	$$('.d_sh').each(function(item){					
		var div=new Element('div', {'class': 'sh'});
		for(var i=0; i<9; i++){
			if(i!=4){
				if(Browser.Engine.trident4){
					var sp=new Element('span',{'styles':{
						'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+loc+'/gfx/sh_'+i+'.png\', sizingMethod=\'scale\')',
						'position':'absolute'
					}});
					div.adopt(sp);
				}else{
					var im=	new Element('img', 
						{'src' : loc+'/gfx/sh_'+i+'.png',	'styles':{'position':'absolute'}
					});
					div.adopt(im);
				}
			}
		}
		item.drag=new Drag(item,item.getElement('.hd'));
		item.grab(div);
		item.redraw=function(){
			this.setStyle('height','');
			var dim=this.getSize();			
			var tw=dim.x+18;
			var th=dim.y+18;
			this.getElements('.sh '+((Browser.Engine.trident4)? 'span':'img')).each(function(item,i){
				var h=((i==3 || i==4)? th-54 : 27);
				var w=((i==1 || i==6)? tw-56 : 28);
				var y=((i==3 || i==4)? 27 : ((i==5 || i==6 || i==7)? th-27 : 0 ));
				var x=((i==1 || i==6)? 28 : ((i==2 || i==4 || i==7)? tw-28 : 0 ));
				
				item.setStyles({'top':y+'px','left':x+'px','width':w+'px','height':h+'px'});
			});
		}
		item.redraw();
	});
}


function fixPng(){
	$(document.body).getElements('.pngFix').each(function(ob){												  
		var w=((ob.width)? ob.width : ob.getSize().x+'px');
		var h=((ob.height)? ob.height : ob.getSize().y+'px');
		var sp=new Element('span',{'styles':{
			'width':w,
			'height':h,
			'display':'block',
			'filter':'progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+ob.src+'\', sizingMethod=\'scale\')'
		}});
		sp.replaces(ob);
	});
}