function initExpand() {
		
	var btnFYI = $$('a.seemore');
	var form = $('expandMore');
	
	if (btnFYI.length == 0 || !form)
		return;
		
	var fxForm = new Fx.Slide('expandMore', {
		duration: 500
	});	
	fxForm.hide();
		
	btnFYI[0].addEvent('click', function(evt) {
		fxForm.toggle();		
		//this.toggleClass('btnFYIVisited');
	});
}

function initMallmenu(){
	var mallmenu = $$('.mallmenu');
	if(mallmenu.length){
		var ulTags = mallmenu[0].getElement('ul').getElements('ul');
		if(ulTags.length){
			ulTags.each(function(ulTag){
				ulTag.getParent().addEvents({
					'mouseenter': function(){
						this.addClass('current');
						ulTag.setStyles({
							'top': this.getCoordinates('CCSMainContent').top
						});
						ulTag.removeClass('hidden');
					},
					'mouseleave': function(){
						this.removeClass('current');
						ulTag.addClass('hidden');
					}
				});
			});
		}
	}
}

function initHelpFunc(){
	var helpLayerWrap = $('helpLayerWrap');
	if(!helpLayerWrap) return;
	var hiddens = helpLayerWrap.getElements('ul.hidden');
	if(hiddens.length){
		hiddens.each(function(hide){
			hide.getPrevious().addEvent('click', function(e){
				e.stop();
				hide.toggleClass('hidden');
				if($$('#helpLayerWrap .helpLeft')[0].getNext())
						$$('#helpLayerWrap .helpLeft')[0].getNext().dispose();
				new VScroll($$('#helpLayerWrap .helpLeft')[0]);
			});
		});		
	}
	var aLinks = helpLayerWrap.getElements('a');
	aLinks = aLinks.filter(function(item){
		return !item.href.test('#');
	});
	aLinks.each(function(aLink){
		aLink.addEvent('click', function(e){
			e.stop();
			new Request.HTML({				
				update: $$('#helpLayerWrap .helpRight')[0],
				onComplete: function(){
					if($$('#helpLayerWrap .helpRight')[0].getNext())
						$$('#helpLayerWrap .helpRight')[0].getNext().dispose();
					new VScroll($$('#helpLayerWrap .helpRight')[0]);
				}				
			}).get(this.href);
		});
	});
}
///////////
window.addEvent("domready", function(){
	new Gallery('popupType');
	new Gallery2('gallery');
	initMooquee();
	initMallmenu();
	initFormApplyJob();
	initExpand();
	initHelpFunc();
});

function initMooquee(){	
	if(!$('CCSMooqueeInner')) return;
	obj = new mooquee($('CCSMooqueeInner'),{
		marWidth: 932,
		marHeight: 26,
		direction: 'left'
	});	
}
function initFormApplyJob(){
	if(!$('frmregister')) return;
	var demoFormApplyJobData = [{
		field: 'first_name',
		valid: 'required',
		alert: 'first name is required'
	},{
		field: 'last_name',
		valid: 'required',
		alert: 'last name is required'
	},{
		field: 'email',
		valid: 'email',
		alert: 'email is required'
	},{
		field: 'confirmEmail',
		valid: 'email',
		alert: 'email is required'
	},{
		field: 'password',
		valid: 'required',
		alert: 'password is required'
	},{
		field: 'confirmPassword',
		valid: 'required',
		alert: 'confirm password is required'
	},{
		field: 'birthdate',
		valid: 'required',
		alert: 'Date of birth is required'
	},{
		field: 'sitename',
		valid: 'required',
		alert: 'Please check: I agree to the Terms and conditions'
	}];
	new htmlform({
		id: "frmregister",
		data: demoFormApplyJobData,
		layer: {
			type: "layer",
			layerWidth: 155
		}
	});
}
///////////
function initSlidersQuestions() {
	var slide = $$("div.faqs")[0];
	if (!slide) return;
	var elements = slide.getElements("dd");
	var togglers = slide.getElements("dt");
	togglers.each(function(el) {
		el.addEvent('click', function(e) {new Event(e).stop();});
	});
	elements.setStyle("display", "block");
	
	new Accordion(togglers, elements, {
		duration: 300,
		//show: -1,
		opacity: false,
		alwaysHide: true,
		onActive: function(el) {
			el.addClass("current");
		},
		onBackground: function(el) {
			el.removeClass("current");
		}
	});
}
//////////////////////
var Gallery = new Class({
	initialize: function(element){
		this.element = element;
		this.initScroller();
	},
	
	initScroller: function(){
		var that = this;
		var container = $(that.element);
		if (!container) {
			return;
		}
		$("btnfinish").setStyles({'display': 'none'});
		var listContainer = container.getElement('div.popupContent ul');
		var contents = listContainer.getChildren();
		var len = contents.length;		
		var scrollIndex = 0;
		var totalWidth = 0;		
		var currentLi = contents[0];
		contents.each(function(el, index){
			totalWidth += el.getCoordinates().width;			
		});
		listContainer.setStyle('width', totalWidth);
		var scrollFx = new Fx.Scroll(listContainer.getParent());
		scrollFx.set(0, 0);	
		scrollFx.toElement(contents[scrollIndex]);
		var btnPre = container.getElement('li.btnPrev');
		var btnNext = container.getElement('li.btnNext');
		if (!btnPre || !btnNext) {
			return;
		}
		if (contents.length <= 1) {
			this.setDisableButton(btnPre);
			this.setDisableButton(btnNext);
			return;
		}
		that.setDisableButton(btnPre);
		btnPre.removeEvents('click').addEvent('click', function(e){
			new Event(e).stop();
			$("btnfinish").setStyles({'display': 'none'});			
			if(scrollIndex - 1 < 0) {
				that.setDisableButton(btnPre);
				return;
			}
			scrollIndex -= 1;
			if(scrollIndex - 1 < 0) {
				that.setDisableButton(btnPre);
			}
			that.setEnableButton(btnNext);
			scrollFx.cancel().toElement(contents[scrollIndex]);
		});
		that.setEnableButton(btnNext);
		btnNext.removeEvents('click').addEvent('click', function(e){
			new Event(e).stop();	
			if(scrollIndex + 1 > len - 1) {
				that.setDisableButton(btnNext);
				
				return;
			}
			scrollIndex += 1;
			if(scrollIndex + 1> len - 1) {
				that.setDisableButton(btnNext);	
							
			}
			that.setEnableButton(btnPre);
			$("btnfinish").setStyles({'display': 'block'});			
			scrollFx.cancel().toElement(contents[scrollIndex]);
		});
	},
	
	setDisableButton: function (btn) {
		try {			
			btn.setStyles({
				'display': 'none'	
			});
		} catch(err) {}
	},

	setEnableButton: function (btn) {
		try {
			btn.setStyles({
				'display': 'block'
			});
		} catch(err) {}
	}
});

var Gallery2 = new Class({
	initialize: function(element){
		this.element = element;
		this.initScroller();
	},
	
	initScroller: function(){
		var that = this;
		var container = $(that.element);
		if (!container) {
			return;
		}
		var listContainer = container.getElement('div.scrollContainer ul');
		var contents = listContainer.getChildren();
		var len = contents.length;		
		var scrollIndex = 0;
		var totalWidth = 0;		
		var currentLi = contents[0];
		contents.each(function(el, index){
			totalWidth += el.getCoordinates().width;			
		});
		listContainer.setStyle('width', totalWidth);
		var scrollFx = new Fx.Scroll(listContainer.getParent());
		scrollFx.set(0, 0);	
		scrollFx.toElement(contents[scrollIndex]);
		var btnPre = container.getElement('.btnPrev');
		var btnNext = container.getElement('.btnNext');
		if (!btnPre || !btnNext) {
			return;
		}
		if (contents.length <= 1) {
			this.setDisableButton(btnPre);
			this.setDisableButton(btnNext);
			return;
		}
		that.setDisableButton(btnPre);
		btnPre.removeEvents('click').addEvent('click', function(e){
			new Event(e).stop();
			$("btnfinish").setStyles({'display': 'none'});			
			if(scrollIndex - 1 < 0) {
				that.setDisableButton(btnPre);
				return;
			}
			scrollIndex -= 1;
			if(scrollIndex - 1 < 0) {
				that.setDisableButton(btnPre);
			}
			that.setEnableButton(btnNext);
			scrollFx.cancel().toElement(contents[scrollIndex]);
		});
		that.setEnableButton(btnNext);
		btnNext.removeEvents('click').addEvent('click', function(e){
			new Event(e).stop();	
			if(scrollIndex + 1 > len - 1) {
				that.setDisableButton(btnNext);
				
				return;
			}
			scrollIndex += 1;
			if(scrollIndex + 1> len - 1) {
				that.setDisableButton(btnNext);	
							
			}
			that.setEnableButton(btnPre);
			$("btnfinish").setStyles({'display': 'block'});			
			scrollFx.cancel().toElement(contents[scrollIndex]);
		});
	},
	
	setDisableButton: function (btn) {
		try {			
			btn.setStyles({
				'display': 'none'	
			});
		} catch(err) {}
	},

	setEnableButton: function (btn) {
		try {
			btn.setStyles({
				'display': 'block'
			});
		} catch(err) {}
	}
});
//////////////////////////////
function showHideLayer(div, to){
	var _div = $(div);
	if(!_div.overlay){
		_div.overlay = new Element('div', {
			id: 'overlay'
		}).inject(document.body);			
		_div.overlay.fx = new Fx.Tween(_div.overlay, {property: "opacity"});
	}
	if(to == 1){	
		if(Browser.Engine.trident4)
			_div.overlay.setStyles({	
				'position': 'absolute',
				'height': window.getScrollHeight(),
				'width': window.getScrollWidth()					
			});
		_div.overlay.fx.set(0).start(0.6);
		_div.setStyles({
			'position': 'absolute',
			'top': Math.max(10, (Browser.Engine.trident4 ? window.getScrollTop() : 0) + (window.getHeight() - _div.getCoordinates().height)/2),
			'left': window.getWidth()/2 - _div.getCoordinates().width/2			
		});
		
	}
	else{
		_div.overlay.fx.start(0);
		_div.setStyles({
			'top': -1000,
			'left': -1000
		});
		window.removeEvents('scroll');
		window.removeEvents('resize');
		
	}
}
//Show Div
function opaceIt(thisObj, opaceTo) {	
	if (!thisObj) {
		return;
	}
	thisObj = $(thisObj);	
	if (opaceTo == 1) {
		var bot = thisObj.getPrevious().getCoordinates('CCSMainContent');
		thisObj.setStyles({
			top: bot.top - thisObj.getCoordinates().height + thisObj.getPrevious().getCoordinates().height,
			display: 'block',
			right: 0
		});
	}	
	else {
		thisObj.setStyles({			
			top: -15000 + 'px'
		});
	}
}
//////////////////////////////
window.addEvent("load", function(){ //safari cannot get style if window isnt fully loaded
	//
	initSlidersQuestions();
});

