// JavaScript Document

var ytplayer = null;

var bzn = {
    videoId: null,
    initVideo: function() {
        simpelOnline.youtube.init(bzn.videoId);
    },
    playVideo: function(id) {
        ytplayer.loadVideoById(id, parseInt(0) );
    },
    resumeVideo: function() {
        ytplayer.playVideo();
    },
    pauseVideo: function() {
        ytplayer.pauseVideo();
    },
    muteVideo: function() {
        $('controlUnmute').removeClass('hide');
        $('controlMute').addClass('hide');
        ytplayer.mute();
    },
    unmuteVideo: function() {
        $('controlUnmute').addClass('hide');
        $('controlMute').removeClass('hide');
        ytplayer.unMute();
    },
    toggleplayVideo: function() {
        if ($('controlPlay').hasClass('hide')) { bzn.pauseVideo(); } else { bzn.resumeVideo(); }
    },
    playerLoaded: function() {
/*        
        ytplayer = $("#myytplayer");
        
       
         alert('hier wel');
        ytplayer.addEventListener("onStateChange", "bzn.setChange");
         alert('en hier niet');
        ytplayer.addEventListener("onError", "bzn.error");

        //ytplayer.addEventListener('onStateChange', 'bzn.setChange');
        //ytplayer.addEventListener("onError", "bzn.error");
        
        if (ytplayer.getVolume() < 60) {
            ytplayer.setVolume(60);
        }
        
        ytplayer.unMute();
        // Play FirstVideo
        bzn.playVideo(bzn.videoId);
		// Show Controls
        $('#videoControls').removeClass('hide');
       
 		//Add Events
        $('#controlPause').addEvent('click', function() { bzn.pauseVideo(); })
        $('#controlPlay').addEvent('click', function() { bzn.resumeVideo(); })
        $('#controlMute').addEvent('click', function() { bzn.muteVideo(); })
        $('#videoToggle').addEvent('click', function() { bzn.toggleplayVideo(); })
        $('#controlUnmute').addEvent('click', function() { bzn.unmuteVideo(); }) */
    },
    error: function(e){
        alert(e);
    },
    setChange: function(state) {
        switch (state) {
            case -1:
                /*unstarted*/
                break;
            case 0:
                /*ended*/
                $('#myytplayer').outerHTML = '<div id="video" style="background-image:url(src/css/img/videoplay2.png);"></div>';
                $('#videoControls').addClass('hide');
                break;
            case 1:
                /*playing*/
                $('#controlPlay').addClass('hide');
                $('#controlPause').removeClass('hide');                
                break;
            case 2:
                /*paused*/
                $('#controlPause').addClass('hide');
                $('#controlPlay').removeClass('hide');
                break;
            case 3:
                /*buffering*/
                break;
            case 5:
                /*cued*/
                break;
        }
    },

	
	diesnt : {
		collection 	: $('.dienstContainer .dienst') 	
		
		, nextDienst 	: function(){			
			var container = $('#dienstContainer');
			var curL = parseInt(container.css("margin-left").replace("px", ""));	
				
			if((curL/288) <= ((bzn.diesnt.collection.length-1)*-1)){	
				container.animate({
					marginLeft : 0
				}, 700 );	
			}
			else{
				var size = (270+18) *-1 ;			
				var x = size + curL;
				container.animate({
					marginLeft : x
				}, 700 );
			}
		}	
		, prevDienst 	: function(){
			var container = $('#dienstContainer');
			var curL = parseInt(container.css("margin-left").replace("px", ""));	
				
			if(curL >= 0){	
				container.animate({
					marginLeft : (288 * (bzn.diesnt.collection.length-1)) * -1
				}, 700 );	
			}
			else{
				var size = (270+18) *-1 ;			
				var x = curL -size;
				container.animate({
					marginLeft : x
				}, 700 );
			}
		}		
	},
	
	
	slides : {
		timer : null
		, images : null
		, counter : 1
		, max : null
		, play: function(){	
			bzn.slides.next();
			bzn.slides.timer = setTimeout(function(){bzn.slides.next()}, 3000); 
			if($('slides-pause').hasClass('active')){
				$('slides-pause').removeClass('active');
			}
			$('slides-play').addClass('active');
		}
		, next : function(){
		
			var images = bzn.slides.images;			
			bzn.slides.max = images.length;
			
			jQuery.preloadImages = function()
			{
				for(var i = 0; i<arguments.length; i++)
				{
				  	if(i == bzn.slides.counter){					
						$('#slideimg').attr('src', im);
					}
				}
			}
			
					
			if(bzn.slides.counter < bzn.slides.max){ bzn.slides.counter++} else{bzn.slides.counter = 0;}
		}
		, pause: function(){
			if($('slides-play').hasClass('active')){
				$('slides-play').removeClass('active');
			}
			$('slides-pause').addClass('active');
			
			$clear(bzn.slides.timer);
		}		
	}	
	 , offerte: {
        sendSloop: function(o) {
            $.ajax({
                type: 'POST'
                , url: 'WebService.asmx/VerstuurOfferteSloop'
                , data: w4u.util.JSON.encode({ validator: o, hash: o.hash })
                , contentType: 'application/json; charset=utf-8'
                , dataType: 'json'
                , success: function(result) {
                    alert(result.d);
                    o.reset();
                } .createDelegate(this)
                , error: function(xhr, result) {
                    alert('mislukt');
                }
            });           
  
        }
        
        ,sendAsbest: function(o){
            $.ajax({
                type: 'POST'
                , url: 'WebService.asmx/VerstuurOfferteAsbest'
                , data: w4u.util.JSON.encode({ validator: o, hash: o.hash })
                , contentType: 'application/json; charset=utf-8'
                , dataType: 'json'
                , success: function(result) {
                    alert(result.d);
                    o.reset();
                    //ps.nieuwsBrief.show();

                } .createDelegate(this)
                , error: function(xhr, result) {
                    //TODO: general handler
                    alert('mislukt');
                }
            });         
        }
    }
}

$(document).ready(function() {
	$('.video').click(function(){									  
		bzn.initVideo();
	});
	if($('#dienstContainer').length > 0){
		$($('.dienstenBox2 a.prev')[0]).click(function(){  bzn.diesnt.prevDienst();  });
		$($('.dienstenBox2 a.next')[0]).click(function(){  bzn.diesnt.nextDienst();  });
	}
	if($('#slideimg').length > 0){
		$('#slides-play').click(function(){ bzn.slides.play();});
		$('#slides-pause').click(function(){ bzn.slides.pause();});
	}


});