/**
 * Script: Wood For Good
 * Version : 1.0.3
 * Revision Date : 27/07/2011
 * Purpose : This script initialises on dom ready, MODx vars are passable via class initialisation
 */
var sectionKick = new Class({
    //implements
    Implements: [Options],

    //options
    options: {
        docid: '',
		caseSendId: '',
		showTab: -1
    },

    //initialization
    initialize: function (options) {
        //set options
        this.setOptions(options);

        this.startIt();
		this.blogTabs();
		this.caseTabs();
		this.caseSend();
		this.homeVideo();
		this.toolTips();
    },

    //a method that does whatever you want
    startIt: function () {

        $$('.search').addEvent('focus', function () {
            if (this.value == 'search') this.set('value', '');
        });
		
		
        var crossnav = document.id('cross-nav');
        if (crossnav) {
            var resourceID = this.options.docid;

            var crossNavAcc = new Fx.Accordion('li.tab', 'div.tab',{
				display: this.options.showTab,
                resetHeight: false,
                alwaysHide: true,
                //fixedHeight  : 155,
                onActive: function (toggler) {
                    document.id('cross-nav-info').removeClass('hidden'), toggler.getElement('p').setStyles({
                        'background': '#68872c',
                        'color': '#bdc525'
                    });
                },
                onBackground: function (toggler) {
                    toggler.getElement('p').setStyles({
                        background: '#edefb7',
                        color: '#3F3130'
                    });
                }
            });

        } 
    },
	
	homeVideo: function(){
	
		var videos = $$('#videos ul li a');
		
		var videoHolder = document.id('video-holder');
		if(!videoHolder) return '';
		videos.each(function(e){

			e.addEvent('click', function(event){

				event.stop();


				var video = this.get('rel');     
				var self = this;

				var morph = new Fx.Morph(videoHolder,{
					transition: 'quart:out',
					duration: 500,
					link: 'chain',
					onStart: function(){
						videoHolder.fade('out');
						$$('#videos ul li').morph({'background-color':'#C7D300'});
						videos.morph({'color':'#403231'});
						videos.getParent().getElement('p').fade('out');
						videos.getParent().getElement('span').fade('out').removeClass('video-active');
						videos.getParent().removeClass('video-active');

					},
					onComplete: function(){
						self.morph({'color':'#F2F2BC'});
						//self.getparent('span').addClass('video-active');
						
						self.getParent().getElement('span').addClass('video-active').fade('in');
						self.getParent().morph({'background-color':'#57881C'});
	 					self.getParent().getElement('p').setStyles({'display':'block'}).fade('in');
						videoHolder.set('html', '<iframe src="http://player.vimeo.com/video/'+video+'?title=0&amp;byline=0&amp;portrait=0&amp;color=c9ff23" allowtransparency="true" width="549" height="309" frameborder="0" webkitAllowFullScreen allowFullScreen></iframe>');
						(function(){	
							videoHolder.fade('in');
						}).delay(500);
					}
				}).start();

			});

		});
	
	},
	
	toolTips: function () {
		var customTips = $$(".help");
		var toolTips = new Tips(customTips, {
			showDelay: 100,
			hideDelay: 100,
			fixed: false,
			offsets: {
				"x": 0,
				"y": 2
			},
			windowPadding: {
				"x": 20,
				"y": 20
			},
			onShow: function (toolTipElement) {
				toolTipElement.fade(0.8);
			},
			onHide: function (toolTipElement) {
				toolTipElement.fade(0);
			}
		});
	},
	
	blogTabs: function(){
	
		var blogTabs = document.id('blog-tabs');
        if (blogTabs) {
           
			document.id('search-blog').addEvent('focus', function () {
				if (this.value == 'search') this.set('value', '');
			});
            var blogTabsAcc = new Fx.Accordion('li.blogtab', 'div.blogtab',{
				display: 0,
                resetHeight: false,
                alwaysHide: true,
				initialDisplayFx: false,
                //fixedHeight  : 155,
                onActive: function (toggler) {
                    toggler.setStyles({
                        'background': '#57881c',
                        'color': '#f2f2bc'
                    });
                },
                onBackground: function (toggler) {
                    toggler.setStyles({
                        background: '#f2f2bc',
                        color: '#403231'
                    });
                }
            });
        } 
	},
	
	caseTabs: function(){
	
		var blogTabs = document.id('case-tabs');
        if (blogTabs) {
           
			document.id('search-case').addEvent('focus', function () {
				if (this.value == 'search') this.set('value', '');
			});
            var blogTabsAcc = new Fx.Accordion('li.casetab', 'div.casetab',{
				display: 0,
                resetHeight: false,
                alwaysHide: true,
				initialDisplayFx: false,
                //fixedHeight  : 155,
                onActive: function (toggler) {
                    toggler.setStyles({
                        'background': '#403231',
                        'color': '#bdc525'
                    });
                },
                onBackground: function (toggler) {
                    toggler.setStyles({
                        background: '#edefb7',
                        color: '#3F3130'
                    });
                }
            });
        } 
	},
	
	caseSend: function(){
		//alert(dd);
	if(document.id('send-to')){	
		var myForm = document.id('send-to');
		var myResult = document.id('log');
		
		var request = new Form.Request(myForm, myResult, {


			onComplete: function(response){
				var msg = response.get('text');
				var log = document.id('log');
				/*

				if(msg == 'wrong'){
					log.setStyles({'font-size':'16px', 'color':'#C4CA37'}).set('html', 'Anti Spam Wrong');
					javascript:Recaptcha.reload ();
				}
				
				*/
				if(msg == 'success'){
					log.setStyles({'font-size':'16px', 'color':'#C4CA37'}).set('html', 'Email Sent');
					(function(){
						Mediabox.close();
						//javascript:Recaptcha.reload ();
						document.id('mbOverlay').fade('out');
						log.empty();
					}).delay(1000);
				}
				
			}
		});
	  
		// Labels over the inputs.
		myForm.getElements('[type=text], textarea').each(function(el){
			new OverText(el);
		});
		
		
	  // Validation.
		new Form.Validator.Inline(myForm,{
			stopOnFailure: true,
			useTitles: true, 
			errorPrefix: "",
			onFormValidate: function(passed, form, event) {
			if (!passed) return null;
				request.send();
			}
		});
		}
	}

});