window.addEvent('domready', function() {
	$('footerContainer').setOpacity(0.7);
	initMainArticles();
	initMainQuickButtons();
	if ($('popupContainer')) initPopup();
	initMainProducts();
	toggleMainCOntents();
});

var __mc_open = true;
function toggleMainCOntents() {
	if (!__mc_open) {
		if ($('popupContainer')) closeMainPopup(true);
		$('movie1').hide();
		$('movie2').show();
		$('innerContents').show();
		$('trigger').hide();
		$('trigger2').show();
	} else {
		if ($('popupContainer')) openMainPopup();
		$('movie2').hide();
		$('movie1').show();
		$('innerContents').hide();
		$('trigger2').hide();
		$('trigger').show();
	}
	__mc_open = !__mc_open;
	return false;
}

var __selected_article = 'notice';
function initMainArticles() {
	$('contentsArticles').getElements('div.mc-articles-container').each(function(container) {
		if (container.get('id') == ('contentsArticles' + __selected_article)) {
			container.show();
		} else {
			container.hide();
		}
	});
	$('contentsArticleTriggers').getElements('li img').each(function(trigger) {
		trigger.store('source', trigger.get('src'));
		trigger.store('osource', trigger.get('src').replace(RegExp("(\.[^\.]+)$"), '_r' + "$1"));

		if (trigger.get('id') == ('contents' + __selected_article + 'Trigger')) {
			trigger.set('src', trigger.retrieve('osource'));
		}
	});
}

function viewContentsArticles(section) {
	$('contentsArticles' + __selected_article).hide();
	$('contentsArticles' + section).show();

	var trigger = $('contents' + __selected_article + 'Trigger');
	trigger.set('src', trigger.retrieve('source'));
	var new_trigger = $('contents' + section + 'Trigger');
	new_trigger.set('src', new_trigger.retrieve('osource'));

	__selected_article = section;
}

function initMainQuickButtons() {
	new artpq.ImageButton($('contentsQuickButtonList').getElements('li img'),{
		out: false,
		layers: $('contentsQuickButtons').getElements('div.contents-qbuttons-detail'),
		fade: false
	});
}

function fixPNGs() {
	$('all').getElements('img.png,div.png').each(function(el) {Browser.fixPNG(el);});
}

function initPopup() {
	$('popupContainer').setStyles({'z-index': 1000});
	var main_pop_cook = Cookie.read('main_popup');
	if ((!main_pop_cook || main_pop_cook != 'close') && !$('popupContainer').hasClass('init-close')) {
		$('popupOpenButton').fade('out');
		$('popupContainer').show();
	}

	$('btnPopupClose').addEvent('click', function(evt) {
		evt.stop();
		closeMainPopup(true);
		Cookie.write('main_popup', 'close', {duration: 1});
	});

	$('popupOpenButton').addEvent('click', function() {
		openMainPopup();
		Cookie.dispose('main_popup');
	});

	new artpq.Rotator($('popups'), $('triggers').getElements('img.trigger'), $('popups').getElements('div.popup-item'), {
	}).play();
}

function closeMainPopup(showOpenButton) {
	$('popupContainer').fade('out');
	if(showOpenButton) {
		$('popupOpenButton').show();
		$('popupOpenButton').fade('in');
	}
}

function openMainPopup() {
	$('popupOpenButton').hide();
	$('popupContainer').show();
	$('popupContainer').fade('in');
}

var __mainProductOver = null;

function mainProductOver() {
	if (__mainProductOver) {
		__mainProductOver.retrieve('on').hide();
		__mainProductOver.retrieve('off').show();
	}
	this.retrieve('off').hide();
	this.retrieve('on').show();
	__mainProductOver = this;
}

function initMainProducts() {
	var prs = $('movie1').getElements('img.main-products1');
	prs.each(function(pr, idx) {
		var oimg = new Asset.image(pr.get('src').replace(RegExp("(\.[^\.]+)$"), "_r$1"),{
			'width': 265,
			'height': (idx==0) ? 310 : 293,
			'alt': pr.getProperty('alt'),
			'styles': {'display':'none'}
		});
		var a = pr.getParent();
		a.grab(oimg);
		a.store('on', oimg);
		a.store('off', pr);
		a.addEvents({'mouseenter': mainProductOver.bind(a),'focus': mainProductOver.bind(a)});
	});
	var init = mainProductOver.bind(prs[0].getParent());
	init();
	new artpq.ImageButton($('movie2').getElements('img.main-products2'), {});
}
