//alert('js');
var template_directory = 'http://therunaways.com/wp-content/themes/the_runaways/';
var scrapbook_img_dir = 'http://therunaways.com/wp-content/themes/the_runaways/scrapbook/';
var promo_img_dir = 'http://therunaways.com/wp-content/themes/the_runaways/promos/';
var sb_nav_btns = [];
var sb_pages_arr = [];
var sb_img_loaded_num = 0;
var current_pages = [];
var st_items_arr = [];
var pr_items_arr = [];


document.observe("dom:loaded", function() {
	if( $('scrap-book') != undefined ) 	loadTheXML('sb');
	if( $('store') != undefined ) 		loadTheXML('st');
	if( $('promo') != undefined ) 		loadTheXML('pr');
	if( $('sb_top_nav_hoverables') != undefined ) 		new Rollover('sb_top_nav_hoverables');
	if( $('sb_bot_nav_hoverables') != undefined )		new Rollover('sb_bot_nav_hoverables');
	if( $('trailer-visit-moviesite') != undefined )		new Rollover('trailer-visit-moviesite');
	if( $('news_btn') != undefined )					new Rollover('news_btn');
	if( $('back_home') != undefined )					new Rollover('back_home');
	if( $('sidbar-visit-moviesite') != undefined )		new Rollover('sidbar-visit-moviesite');
	if( $('visit_blackheart_store') != undefined )		new Rollover('visit_blackheart_store');
});




// XML ======================================================================================================================== >
function loadTheXML(tar) {
	var e = new Effect.Opacity(tar+'_loader', { from: 0, to: 1, duration: 0.2, transition: Effect.Transitions.sinoidal });
	var areq = new Ajax.Request(template_directory+'data/'+tar+'.xml',{
		method:'get',
		onSuccess: function(transport){
			var response = transport.responseText || "no xml text";
			parseTheXML(response, tar);
		},
		onFailure: function(){ 
			$(tar+'_loader').hide();
		//$(tar+'_page_holder').insert("<center><p style='margin-top:180px;'><b>There was an error retrieving this data.  Please try back later.</b></p></center>");
		}
	});
}

function parseTheXML(response, tar) {
	if (window.DOMParser) var xmlobject = (new DOMParser()).parseFromString(response, "text/xml");
	else {
		//IE
		var xmlobject = new ActiveXObject("Microsoft.XMLDOM");
		xmlobject.async="false";
		xmlobject.loadXML(response);
	}
	var root = xmlobject.getElementsByTagName(tar)[0];
	switch(tar)
	{
		case "sb" :
			var sb_pages = root.getElementsByTagName("page");
			for (var i = 0; i < sb_pages.length; i++) {
				var page = sb_pages[i];
				sb_pages_arr.push({
					'img0':page.getElementsByTagName('img0')[0].childNodes[0].data, 
					'img1':page.getElementsByTagName('img1')[0].childNodes[0].data
				});
				//sb_pages[i].img0 = page.getElementsByTagName('img0')[0].childNodes[0].data;
				//sb_pages[i].img1 = page.getElementsByTagName('img1')[0].childNodes[0].data;
			}
			sbInit();
			break;
		case "st" :
			var st_items = root.getElementsByTagName("item");
			for (var i = 0; i < st_items.length; i++) {
				var item = st_items[i];
				var img = item.getElementsByTagName('img')[0].childNodes[0].nodeValue;
				var title = item.getElementsByTagName('title')[0].childNodes[0].nodeValue;
				var price = item.getElementsByTagName('price')[0].childNodes[0].nodeValue;
				var link = item.getElementsByTagName('link')[0].childNodes[0].nodeValue;
				var alt = item.getElementsByTagName('alt')[0].childNodes[0].nodeValue;
				st_items_arr.push({
					'img':img,
					'title':title,
					'price':price,
					'link':link, 
					'store_item':"<div class='section' id='store-item"+(i+1)+"'><a href='"+link+"' class='' target='_blank'><img src='"+img+"' class='store-item-img' alt='"+alt+"' title='"+alt+"' /></a><div class='store-item-title'>"+title+"</div><div class='store-item-price' >"+price+"</div><a href='"+link+"' class='store-item-buynow' target='_blank'><img src='"+template_directory+"imgs/store_buy_now-btn.png' /></a></div>", 
					'store_nav_btn':"<a href='#store-item"+(i+1)+"' class='store-nav-btn'><img src='"+template_directory+"imgs/promo_"+(i+1)+"-btn.png' /></a>"
				});
			}
			stInit();
			break;
		case "pr" :
			var pr_items = root.getElementsByTagName("item");
			for (var i = 0; i < pr_items.length; i++) {
				var item = pr_items[i];
				var img = item.getElementsByTagName('img')[0].childNodes[0].nodeValue;
				var link = item.getElementsByTagName('link')[0].childNodes[0].nodeValue;
				var alt = item.getElementsByTagName('alt')[0].childNodes[0].nodeValue;
				pr_items_arr.push({
					'item':item, 
					'img':img, 
					'link':link, 
					'promo_item':"<div class='section' id='promo-item"+(i+1)+"'><a href='"+link+"' class='promo-item-goto' target='_blank'><img src='"+promo_img_dir+img+"' class='promo-item-img' alt='"+alt+"' title='"+alt+"'/></a></div>", 
					'promo_nav_btn':"<a href='#promo-item"+(i+1)+"' class='promo-nav-btn'><img src='"+template_directory+"imgs/promo_"+(i+1)+"-btn.png' /></a>"
				});
			}
			prInit();
			break;
		default :
			console.log(tar+' does not match anything');
			break;
	}
}




// STORE ======================================================================================================================== >
//store-glider.previous();	return false;
//store-glider.next();		return false;
function stInit() {
	var store_items_html = "";
	var store_nav_html = "";
	for (var i = 0; i < st_items_arr.length; i++) {
		store_items_html += st_items_arr[i].store_item;
		store_nav_html +=st_items_arr[i].store_nav_btn;
	}
	$('store-content').update(store_items_html);
	$('store-nav').update(store_nav_html);
	var store_glider = new Glider('store-glider', {duration:0.5});
	new Rollover('store-nav');
}


// PROMO ======================================================================================================================== >
//promo-glider.previous();	return false;
//promo-glider.next();		return false;
function prInit() {
	var promo_items_html = "";
	var promo_nav_html = "";
	for (var i = 0; i < pr_items_arr.length; i++) {
		promo_items_html += pr_items_arr[i].promo_item;
		promo_nav_html +=pr_items_arr[i].promo_nav_btn;
	}
	$('promo-content').update(promo_items_html);
	$('promo-nav').update(promo_nav_html);
	var promo_glider = new Glider('promo-glider', {duration:0.5});
	new Rollover('promo-nav');
}



//SCRAP BOOK ======================================================================================================================== >
function sbInit() {
	sbLoadImgs(0);
	sbAddNavAttributes();
}
function sbAddNavAttributes () {
	$('sb_nav_joan').writeAttribute('pageTo', 2);
	$('sb_nav_lita').writeAttribute('pageTo', 18);
	$('sb_nav_sandy').writeAttribute('pageTo', 24);
	$('sb_nav_cherie').writeAttribute('pageTo', 10);
	$('sb_nav_jackie').writeAttribute('pageTo', 30);
	$('sb_nav_home').writeAttribute('pageTo', 0);
	$('sb_nav_75').writeAttribute('pageTo', 38);
	$('sb_nav_76').writeAttribute('pageTo', 42);
	$('sb_nav_77').writeAttribute('pageTo', 50);
	$('sb_nav_78').writeAttribute('pageTo', 60);
	$('sb_nav_79').writeAttribute('pageTo', 64);
	$('sb_nav_a0').writeAttribute('pageTo', 70);
	$('sb_nav_a1').writeAttribute('pageTo', 72);
	$('sb_nav_a2').writeAttribute('pageTo', 68);
	$('sb_nav_a3').writeAttribute('pageTo', 66);
	$('sb_nav_a4').writeAttribute('pageTo', 74);
	sb_nav_btns = $$('a.sb_nav_btn');
	sbAddNavActions();
}
function sbAddNavActions() {
	sb_nav_btns.each(
		function(btn, i) {
			Event.observe(btn, 'click', function(event) {
				sbPageTurn( Math.floor(this.readAttribute('pageTo')/2) );
				Event.stop(event); 
			});
		}
	);
	Event.observe('sb_turn_left', 'click', function(event) { sbPageTurn( Math.floor(current_pages[0]-1) ); Event.stop(event); });
	Event.observe('sb_turn_right', 'click', function(event) { sbPageTurn( Math.floor(current_pages[0]+1) ); Event.stop(event);  });
	Event.observe('sb_prev_btn', 'click', function(event) { sbPageTurn( Math.floor(current_pages[0]-1) ); Event.stop(event);  });
	Event.observe('sb_next_btn', 'click', function(event) { sbPageTurn( Math.floor(current_pages[0]+1) ); Event.stop(event);  });
}
function sbRemoveNavActions() {
	sb_nav_btns.each(
		function(btn, i) {
			btn.stopObserving('click');
		}
	);
	$('sb_turn_left').stopObserving('click');
	$('sb_turn_right').stopObserving('click');
	$('sb_prev_btn').stopObserving('click');
	$('sb_next_btn').stopObserving('click');
}
function sbPageTurn(n) {
	var nid;
	if(n < 0) nid = sb_pages_arr.length-1;
	else if (n >= sb_pages_arr.length) nid = 0;
	else nid = n;
	sbLoadImgs(nid);
}
function sbLoadImgs(n) {
	current_pages = [n, n+1];
	$('sb_page_holder').setOpacity(0);
	new Effect.Opacity('sb_loader', { from: 0, to: 1, duration: 0.2, transition: Effect.Transitions.sinoidal });
	$('sb_turn_left').update("<img src='"+scrapbook_img_dir+sb_pages_arr[n].img0+"' id='sb_img_left' style='width:279px; height:362px;' onLoad='sbImgLoaded();' />");
	$('sb_turn_right').update("<img src='"+scrapbook_img_dir+sb_pages_arr[n].img1+"' id='sb_img_right' style='width:279px; height:362px;' onLoad='sbImgLoaded();' />");
}
function sbImgLoaded() {
	sb_img_loaded_num++;
	if(sb_img_loaded_num >= 2) {
		showImg('sb_page_holder', 0.5);
		sb_img_loaded_num = 0;
	}
}
function showImg(tar, speed) {
	new Effect.Opacity('sb_loader', { from: 1, to: 0, duration: 0.2, transition: Effect.Transitions.sinoidal });
	new Effect.Opacity(tar, { from: 0, to: 1, duration: speed, transition: Effect.Transitions.sinoidal });
}


/*-----------------------------------------------------------*/
function traceArray(tar) {
	console.log(tar+' =================> ');
	switch(tar) 
	{
		case 'sb' :
			console.log('length of array ==> '+sb_pages.length);
			for (var i = 0 ; i < sb_pages.length ; i++) console.log(sb_pages[i].id+'\n'+sb_pages[i].img0+'\n'+sb_pages[i].img1);
			break;
		case 'st' :	
			console.log('length of array ==> '+st_items.length);
			for (var i = 0 ; i < st_items.length ; i++) console.log(st_items[i].img+'\n'+st_items[i].title+'\n'+st_items[i].price+'\n'+st_items[i].link);
			break;
		case 'pr' :
			console.log('length of array ==> '+pr_items.length);
			for (var i = 0 ; i < pr_items.length ; i++) console.log(pr_items[i].img+'\n'+pr_items[i].link);
			break;
	}
}