// JavaScript Document

$(document).ready(function() {
	
	var currContinent = 'na';
	var currState = 'ca';
	var currLink;
	
	$("div[id=na]").show();
	$("div[id=state_ca]").show();
	
	$("a[id=continent]").click( function(event) {
		event.preventDefault();
		
		$("a[refer="+currContinent+"]").css("color", "#FFF").css("background", "#000");
		$(this).css("color", "#000").css("background", "#FFF");
		
		$("div[id="+currContinent+"]").hide("fast");
		$("div[id=state_"+currState+"]").hide("fast");
		$("div[id="+$(event.target).attr('refer')+"]").show("fast");
		
		currContinent = $(event.target).attr('refer');
	});
	
	$("a[id=state]").click( function(event) {
		event.preventDefault();
		
		$("a[refer="+currState+"]").css("color", "#FFF").css("background", "#000");
		$(this).css("color", "#000").css("background", "#FFF");
		
		$("div[id=state_"+currState+"]").hide("fast");
		$("div[id=state_"+$(event.target).attr('refer')+"]").show("fast");
		
		currState = $(event.target).attr('refer');
	});
	
	$("a[class=line_link]").click( function(event) {
		event.preventDefault();
		
		if ( currLink != null ) { 
			$(currLink).css('textDecoration', 'underline').css('backgroundColor', '#000').css('color', '#FFF');
		}
		currLink = event.target;
		$(event.target).css('textDecoration', 'none').css('backgroundColor', '#FFF').css('color', '#000');
		
		$("#line_image").html("");
		
		$.post( 'http://www.dtaintl.com/page/view_line/'+$(this).attr('folder')+'/'+$(event.target).attr('id'), {}, function(xml) {
			viewImages(xml);
		});
		
		var urlVal = String($(this).attr('href')).split('#');
		 $.address.value($(this).attr('href')); 
	});
	
	var url_strings = String(document.location).split('#/');
	var section_strings = String(document.location).split('/');
	
	switch( section_strings[4] )
	{
		case 'showcase#':
			showcase();
			break;
		case 'showcase':
			showcase();
			break;
	}
	
	if ( url_strings[1] )
	{
		$("a[href="+url_strings[1]+"]").trigger('click');
	}
	
	$("a[refer=na]").trigger("click");
	$("a[refer=ca]").trigger("click");
	
});

function showcase()
{
	$("a[id=collection_link]").click( function(event) {
		event.preventDefault();
		
		$.post( $(this).attr("send_url"), {}, function(xml) {
			$("#main").html(xml);	
			$("#thumb_container").hide();
			$("#thumb_container").fadeIn("slow");
			showcase();
		});
		
		var urlVal = String($(this).attr('href')).split('#');
		 $.address.value($(this).attr('href'));  
	});
	
	$("p.pagination a").click( function(event2) {
		event2.preventDefault();
				
		$.post( $(event2.target).attr('href'), {}, function(xml) {
			$("#main").html(xml);
			$("#thumb_container").hide();
			$("#thumb_container").fadeIn("slow");
			showcase();
		});
	});
	
	$("a[class=thumb_link]").click( function(link_event) {
				
		link_event.preventDefault();
		var addStr = '<div>';
		
		if ( $(this).attr("title") != '') {
			addStr += '<img src="'+$(this).attr('href')+'" title="'+$(this).attr("title")+'" style="display:block;border:5px #FFF solid;" />';
			addStr += '<p style="padding:5px 5px 10px 5px;margin:0;background-color:#FFF;color:#000;text-align:center;">' + $(this).attr("title").toUpperCase() + '</p>';
		} else {
			addStr += '<img src="'+$(this).attr('href')+'" style="display:block;border:5px #FFF solid;" />';
		}
		addStr += '<div id="full_size">';
		addStr += '<a href="http://www.dtaintl.com/images/'+$(this).attr('folder')+'/'+$(this).attr('source')+'" title="'+$(this).attr("title").toUpperCase()+'" class="full_size"><img style="padding-top:0px;" src="../../images/eyeglass.png" border="0" />';
		addStr += 'View Full Size</a>';
		addStr += '</div>';
				
		$("#showcase_spotlight").hide();
		$("#showcase_spotlight").html(addStr);	
		$("#showcase_spotlight").fadeIn('slow');
				
		$("a[class=full_size]").lightBox();
	});
}

function viewImages(xml)
{
	$("#line_spotlight").html(xml);	
	$("#thumb_container").hide();
	$("#thumb_container").fadeIn("slow");
			
			$("p.pagination a").click( function(event) {
				event.preventDefault();
				$("#line_image").html("");
				$.post( $(event.target).attr('href'), {}, function(xml) {
					viewImages(xml);												   
				});
			});
			
			$("a[class=thumb_link]").click( function(link_event) {
				var i_width = $(this).attr('w');
				var i_height = $(this).attr('h');
				
				link_event.preventDefault();
				var addStr = '<div>';
				addStr += '<img src="'+$(this).attr('href')+'" style="display:block;border:5px #FFF solid;" />';
				addStr += '<div id="full_size">';
				addStr += '<a href="http://www.dtaintl.com/images/'+$(this).attr('folder')+'/'+$(this).attr('source')+'" class="full_size"><img style="padding-top:0px;" src="../../images/eyeglass.png" border="0" /></a>';
				addStr += '<a href="http://www.dtaintl.com/images/'+$(this).attr('folder')+'/'+$(this).attr('source')+'" class="full_size">View Full Size</a>';
				addStr += '</div>';
				
				$("#line_image").hide();
				$("#line_image").html(addStr);	
				$("#line_image").fadeIn('slow');
				
				$("a[class=full_size]").click( function(full_event) {
					full_event.preventDefault();
					
					window.open( $(this).attr('href'), "Rogue Status", "menubar=no,toolbar=no,innerWidth="+i_width+",innerHeight="+i_height);
				});
			});
}