var xmlURLs = {	
	'promotions' : 'xml/promotions.php',
	'classifieds' : 'xml/classifieds.php',
	'reviews' : 'xml/reviews.php',
	'gallery' : 'xml/gallery.php'
}

$(document).ready(function(){

	var list = $('div.slider ul').get(0);
	list.count = $(list).children("li").length;
		
	var length = 125*list.count;
	$('div#main div.menu ul').css("width", length);
	
	//Generate a random number to move the slider to a random spot on each page load
	var randomnumber=Math.floor(Math.random()*list.count)
	if(randomnumber <= 1) { randomnumber = 0 };
	direction = '-';
	$('div#main div.menu ul').animate({marginLeft: direction + "=" + randomnumber*125}, 30, "linear");
	
	
	
	var load_page = 1;
	var url = 'xml/promotions.xml';
	
	$('#gallery ul.sub-nav a').each(function(i){
		$(this).click( function(){
			var xml = $(this).attr('rel');
			url = xmlURLs[xml];
			$(this).parents("ul").find("a").removeClass("active");
			$(this).addClass("active");
			
			getItems(url);d
			
	
						
			return false;
		});
	});

	getItems( xmlURLs['reviews'] );

	$('div#main div.menu a.last').hover(function(){
		direction = '-';
		animateLast();
	}, function(){ 
		direction = '';
		$('div#main div.menu ul').stop()
	});
	
	$('div#main div.menu a.first').hover(function(){
		direction = '+';
		animateFirst();
	}, function(){ 
		direction = '';
		$('div#main div.menu ul').stop()
	});
			
});


function getItems(url){
	if ($('div.main-nav ul#pics')) {
		$.ajax({
		  type: "GET",
		  url: url,
		  dataType: "xml",
		  success: function(xml){
		  	items = $(xml).find("item");
		  	str_li = '';
				$(items).each (function (n, j) {
					str_li += '<li><div class="image"><a href="'+$(j).children('url').text()+'"  onMouseover="ddrivetip(\''+$(j).children('title').text()+'\')" onMouseout="hideddrivetip()"><img alt="" src="'+$(j).children('thumb').text()+'" /></a></div>\n'
				});
    		$('div.main-nav ul#pics').html(str_li); 
    		getPages();
    		pager()
		  }
		})
	}
}

function getPages(){
	var pics_count = $("#gallery").find("ul#pics li").length;
	var pages_count = Math.round((pics_count/18) + 0.5, 1);
		
	var str = '';
		
	for (var i = 1; i <= pages_count; i++) {
		if (i == 1) {  str += '<li class="first"><a class="active" href="#">' + i + '</a></li>\n'; }
		else { if (i == pages_count) { str += '<li class="last"><a class="last" href="#">' + i + '</a></li>\n'; } else { str += '<li><a href="#">' + i + '</a></li>\n'; } }
	};

	$("div#gallery").find("ul.pager").html(str);
}

var direction = '';

	function animateLast(){
		var list = $('div.slider ul').get(0);
		list.count = $(list).children("li").length;
		
		var length = 125* (list.count - 7);
		
		var ml = $('div#main div.menu ul').css('margin-left');
		if (-1*length < parseInt(ml)) {
			$('div#main div.menu ul').animate({
			marginLeft: direction + "=" + 15
			}, 30, "linear", animateLast);
		} else { $('div#main div.menu ul').stop() };
	} 
	
	function animateFirst(){
		var ml = $('div#main div.menu ul').css('margin-left');
		if (parseInt(ml) < 0) {
			$('div#main div.menu ul').animate({
			marginLeft: direction + "=" + 15
			}, 30, "linear", animateFirst);
		} else { $('div#main div.menu ul').stop() };
	} 
	
function pager(){
	var active_page = 1;
	
	$('div#main div.main-nav ul.pager li a').click(function(){
	load_page = $(this).html();

	$(this).parents("ul.pager").find("li a").removeClass("active");
	$(this).addClass("active");

	var elements = [];
	$("#gallery ul#pics li").each(function(i){
	if (i >= (active_page-1)*18 && i < (active_page*18))
		elements.push(this);  
	});
		
	$(elements).fadeOut(500, function(){
		$("#gallery ul#pics li").each(function(i){
		if (i >= (load_page-1)*18 && i < (load_page*18)){
			$(this).css({
				'display': 'block',
				'visibility': 'visible',
				'opacity': 1
			});
			} else {
				$(this).css({
					'display': 'none'
				});
			}
		});
		active_page = load_page;
		return false;
	});	
	return false;
	});
}