// JavaScript Document

function swapImage(name,number) {
    if (number == 1)
        number = '';
    else
        number = '_'+number;
    document.getElementById('productdetails_label').src = '/wp-content/themes/joon_v1/images/products/'+name+'_label'+number+'.png';
    document.getElementById('productdetails_large').src = '/wp-content/themes/joon_v1/images/products/'+name+'_large'+number+'.jpg';
}

function swapTabs(id) {
	if (id == 'how_to_use') {
		document.getElementById('ingredients').style.display = 'none';
		document.getElementById('how_to_use').style.display = 'block';
		document.getElementById('tab_how_to_use').style.backgroundPosition = 'right';
		document.getElementById('tab_ingredients').style.backgroundPosition = 'left';
	}
	else {
		document.getElementById('ingredients').style.display = 'block';
		document.getElementById('how_to_use').style.display = 'none';
		document.getElementById('tab_how_to_use').style.backgroundPosition = 'left';
		document.getElementById('tab_ingredients').style.backgroundPosition = 'right';
	}
}

function swapTabsStory(id) {
    closeStoryTabs();
    document.getElementById(id).style.display = 'block';
    document.getElementById('tab_'+id).style.backgroundPosition = 'right';
    resize();
}

function closeStoryTabs() {
    this.ids = ['joonstory','philosophy','founders','advisors']
    for (this.k in this.ids) {
        document.getElementById(this.ids[this.k]).style.display = 'none';
        document.getElementById('tab_'+this.ids[this.k]).style.backgroundPosition = 'left';
    }
}

function showIngredient(id) {
	document.getElementById('ingredient_'+id).style.display = 'none';	
}

function hideIngredient(id) {
	document.getElementById('ingredient_'+id).style.display = 'block';	
}

function resize() {
	if (document.getElementById('page')) {
        document.getElementById('bg_stretch').style.height = (document.getElementById('page').offsetHeight-7)+'px';
    }
    if (document.getElementById('sidebar')) {
        document.getElementById('bg_right_stretch').style.height = (document.getElementById('sidebar').offsetHeight-30)+'px';
    }
    this.winHeight = getHeight();
    this.docHeight = document.getElementById('content').offsetHeight;
    //Hack to get this footer position to work on all the pages
    if (document.getElementById('page') && document.getElementById('page').offsetHeight + 125 > this.docHeight)
        this.docHeight = document.getElementById('page').offsetHeight;
    if (document.getElementById('rightcolumn') && document.getElementById('rightcolumn').offsetHeight + 125 > this.docHeight)
        this.docHeight = document.getElementById('rightcolumn').offsetHeight;
    this.footer = document.getElementById('footer');
	if (docHeight > winHeight - 45) {
		this.footer.style.position = 'absolute';
		this.footer.style.top = (this.docHeight+100)+'px';
	}
	else {
		this.footer.style.position = 'absolute';
		this.footer.style.top = (winHeight - 79) + 'px';
	}
}

function getHeight() {
	if( typeof( window.innerWidth ) == 'number' )
		return window.innerHeight;
	else //patch for IE6
		return document.documentElement.clientHeight;
}

function eventListener(el,action,func) {
	if (el.addEventListener)
		el.addEventListener(action, func, false); 
	else if (el.attachEvent)
		el.attachEvent('on' + action, func);
}

function submitRecycle() {
	document.getElementById('recycle').submit();	
}

function submitEmail() {
	document.getElementById('emailsignup').submit();
}

eventListener(window,'resize',resize);
eventListener(window,'onload',resize);
resize();