Event.observe(window, 'load', setUpPage);

var base_page = base_url + "downloads/category_details_ajax/";
function setUpPage() {
	$$('.tabItem').each(waitForSelection);
	firstTab = $('tabbedContent').down('.tabItem');
	//loadPage = location.href + "/category_details_ajax/" + firstTab.innerHTML;
	loadPage = base_page + firstTab.innerHTML;
	loadTab(firstTab, loadPage);
}

function deselectAllTabs() {
	$$('.tabItem').each(deselectTab);
}

function deselectTab(tabElement) {
	$(tabElement).removeClassName('selected');
}

function waitForSelection(tabElement) {
	Event.observe(tabElement, 'click', loadTabEvent);
}

function loadTab(tabElement, loc_url) {
	deselectAllTabs(); 

	tabElement.addClassName('selected');

	//tabPageData = $('tabPageData');	    // throws error in IE6
	// see: netlobo.com/javascript_get_element_id.html
	if(document.getElementById){
		var tabPageData = document.getElementById('tabPageData');
	}else if(document.all){
		var tabPageData = document.all['tabPageData'];
	}else if(document.layers){
		var tabPageData = document.layers['tabPageData'];
	}

	tabPageData = $(tabPageData);
	
	tabPageData.innerHTML = "<div id='downloads'><div class='container' align='center'><p>&nbsp;</p><img src='"+base_url+"public/images/layout/loading.gif' /></div></div>";
	new Ajax.Updater('tabPageData', loc_url + "/category_details_ajax/" + tabElement.innerHTML, { evalScripts: true, onComplete: force_downloads });
}

function loadTabEvent(tabEvent) {
	tabElement = Event.element(tabEvent);
	//loadTab(tabElement, location.href);
	loadPage = base_page + tabElement.innerHTML;
	loadTab(tabElement, loadPage);
}


function add_click_actions(elm){
	Event.observe(elm, 'click', toggle_element);
	$(elm).addClassName("has_children");
}


var open_img = base_url+'public/images/layout/arrow_down.gif';
var closed_img = base_url+'public/images/layout/arrow.gif';
function toggle_element(obj_event){
	//work if en element was sent or an event
	var toggle_elm = Event.findElement(obj_event, ".item")

	//var sku_div = $(toggle_elm).down('.skus', 0);
	var sku_div = $(toggle_elm).next('.skus', 0);
	if($(sku_div)){
		//sku_div.toggle();
		var arrow = toggle_elm.down('img.arrow');
		if(sku_div.getStyle('display') == 'none'){
			arrow.src = open_img;
			Effect.BlindDown(sku_div,{duration: 0.5});
		}else{
			arrow.src = closed_img;
			Effect.BlindUp(sku_div, {duration: 0.4});
		}
	}
}

function force_downloads(){
	//for low res images
	$$('a img[title="Low Res 150dpi"]').each(function(elm){
		$(elm).observe('click', force_download);
	});
	
	//for hi res images
	$$('a img[title="High Res 300dpi"]').each(function(elm){
		$(elm).observe('click', force_download);
	});
}

function force_download(event){
	var elm = event.element();
	//stops the a from firing
	event.stop();
	var file = $(elm).up('a').href;
	
	$('file').value = file;
	$('download_form').submit();
}
/*
function force_downloads(){
	//for low res images
	$$('a img[title="Low Res 150dpi"]').each(setup_download_links);
	
	//for hi res images
	$$('a img[title="High Res 300dpi"]').each(setup_download_links);
}

function setup_download_links(elm){
	$(elm).writeAttribute({
		file: $(elm).up('a').href
	});
	$(elm).up('a').writeAttribute({
		href: "#"
	});
	$(elm).observe('click', force_download);
}

function force_download(event) {
	if(event.isLeftClick()){
		var elm = event.element();
		var file = elm.readAttribute('file');
		
		$('file').value = file;
		$('download_form').submit();
	}
}
*/