//Cidade do Natal 2011

/* ============================================================================================================ home mediabox ============*/
var hmitens = 0;
var hmactual = 0;
var hminc = 0;
var hminterval = null;
var hmintervaltime = 4000;
var hmdbtrans = false;
$(document).ready(function(){
		if($('#hmdb').length > 0) 
		{
			hmitens = $('#hmdb').children('li').size();
			$('#hmdb').css('width',(hmitens*950)+'px');
			$('#hmdb li').each(function(index){
					$('#hmdbcontroller').append("<li><a href=\"#"+(index+1)+"\" title=\""+$('#hmdb').children('li').eq(index).children('img').attr('title')+"\">"+(index+1)+"</a></li>");
				});
			$('#hmdbcontroller li a').click(function(evt){
					evt.preventDefault();
					if(!hmdbtrans) hmdbSlideTo($(this).parents('li').index());
				});
			$('#home a.nav').click(function(evt){
				evt.preventDefault();
					if(!hmdbtrans)
					{
						switch($(this).attr('id'))
						{
							case 'hmdbleft' : 
							hSlideLeft();
							break;
							case 'hmdbright' : 
							hSlideRight();
							break;
						}
					}
				});
			hmactual = $('#hmdbcontroller').children('li').eq(0).children('a').addClass('active');
			hSetInterval();
		}
	});

function hmdbSlideTo(index)
{	
	hMarkItem(index);
	if(hminterval!=null) clearInterval(hminterval);
	hminc = index;
	hmdbtrans = true;
	$('#hmdb').animate({'margin-left':(0-(index*950))+'px'},2000, function(){
			hSetInterval();
			hmdbtrans = false;
		});
}
function hMdbAutoChange()
{
	hminc < hmitens -1 ? hminc++ : hminc = 0;
	hmdbSlideTo(hminc);
}
function hMarkItem(index)
{
	if(hmactual != null) hmactual.removeClass('active');
	hmactual = $('#hmdbcontroller').children('li').eq(index).children('a').addClass('active');
}
function hSetInterval()
{
	hminterval = setInterval("hMdbAutoChange()", hmintervaltime);
}
function hSlideLeft()
{
	hminc > 0 ? hminc-- : hminc = hmitens-1;
	hmdbSlideTo(hminc);
}
function hSlideRight()
{
	hMdbAutoChange();
}
/* ============================================================================================================ home mediabox ============*/

/* ============================================================================================================ navigation ============*/
var navindex = 0;
var navactual = $('');
$(document).ready(function(){
		$('#content-list').css('height', ($('#content-list').children('div').size()*547)+'px');
		$('#logo h1 a').click(function(evt){
				evt.preventDefault();
				if(navactual !=null) navactual.removeClass('active');	
				//navSlideTo(0);
				$.address.value('/home');
				$.address.title('Cidade do Natal | Página Inicial');
			});
		$('#menu li a').click(function(evt){
			evt.preventDefault();
			if(($(this).parents('li').index() + 1) != navindex) 
			{
				$.address.value('/'+$('#menu li:eq('+($(this).parents('li').index())+') a').attr('rel'));
				$.address.title('Cidade do Natal | '+$(this).attr('title'));
			}
			//navSlideTo(($(this).parents('li').index() + 1));
			});
		$('#fixed-cams a').click(function(evt){
				evt.preventDefault();
				if(navactual !=null) navactual.removeClass('active');
				//navSlideTo(2);
				$.address.title('Cidade do Natal | Câmeras ao vivo');
				$.address.value('/cameras');
			});
	});
function navSlideTo(index)
{	
	var last = navactual.parents('li').index()+1;
	if(navactual !=null) navactual.removeClass('active');
	navactual = $('#menu li:eq('+(index-1)+') a').addClass('active');
	//if(index==3) index = 0;
	navindex = index;
	$('#content-list').animate({'margin-top':(0-(index*547))+'px'}, 1000);
}
/* ============================================================================================================ navigation ============*/

/* ============================================================================================================ scrollpane ============*/
$(document).ready(function()
{
	$('#about .info .container').jScrollPane(
	{
		showArrows:false,
		autoReinitialise:true
	}
	);
	
});
/* ============================================================================================================ scrollpane ============*/

/* ============================================================================================================ cameras ============*/
var camsOn = false;
$(document).ready(function(){
		$('#cam-map ul li a').click(function(evt){
				evt.preventDefault();
				 Shadowbox.open({
        		content:    'cam-0'+($(this).parents('li').eq(0).index()+1)+'.html',
				player:     "iframe",
				title:      "Cidade do Natal - Live Video",
				height:     480,
				width:      640
		    });
			});
		
	});


/* ============================================================================================================ cameras ============*/


/* ============================================================================================================ jqueryaddressnavigation ============*/
var foo = null;
$(document).ready(function(){
	$.address.externalChange(function(event){
			navController(event.value);
		});
	$.address.internalChange(function(event){
			navController(event.value);
		});
});

function navController(command)
{
	switch(command)
			{
				case '/home' : 
				navTo(0);
				break;
				case '/acidade' : 
				navTo(1);
				break;
				case '/cameras' : 
				navTo(2);
				break;
				case '/fotos' : 
				navTo(3);
				break;
				default : 
				navTo(-1);
				break;
			}
}

function navTo(index)
{
	if(index == -1)
	{
		navSlideTo(0);
		$.address.value('/home');
		$.address.title('Cidade do Natal | Página Inicial');
	}
	else
	{
		navSlideTo(index);
		$.address.title('Cidade do Natal | '+$('#menu li').eq(index-1).children('a').attr('title'));
		_gaq.push(['_trackPageview(\'/'+$('#menu li').eq(index-1).children('a').attr('rel')+')']);
	}
}

/* ============================================================================================================ jqueryaddressnavigation ============*/


/* ============================================================================================================ gallery ============*/

var gcounter = 0;
var gitens = 0;
var glicon = null;
var gimage = null;
var ggallery = null;
var gleft = null;
var gright = null;
var gimg = $('<img width=\'950\' height=\'547\' alt=\'\' title=\'\' />');
var glast = null;
var cindex = -1;
$(document).ready(function(){
		if(('#gallery').length > 0 )
		{
			glicon = $('#licon');
			gimage = $('#image-container');
			gimage.append(gimg);
			ggallery = $('#gallery #thumb-container .mask ul');
			gleft = $('#scroll-left');
			gleft.css('display', 'none');
			gright = $('#scroll-right');
			gitens = ggallery.children('li').size();
			ggallery.css('width',(gitens*44)+'px' );
			gright.click(function(event){
					event.preventDefault();
					if(gcounter < gitens-5)
					{
						gcounter++;
						scrollGallery(gcounter);
					}
				});
			gleft.click(function(event){
					event.preventDefault();
					if(gcounter > 0)
					{
						gcounter--;
						scrollGallery(gcounter);
					}
				});
			ggallery.children('li').children('a').click(function(event){
					event.preventDefault();
					loadImage($(this).parents('li').index());
				});
			loadImage(0);
		}
	});

function scrollGallery(index)
{
	if(index <= 0)
	{
		gleft.css('display', 'none');
	}
	else if(index > 0 && index <= gitens-6)
	{
		gleft.css('display', 'block');
		gright.css('display', 'block');
	}
	else if(index >= gitens-6)
	{
		gright.css('display', 'none');
	}
	ggallery.animate({'margin-left':(0-(index*44))+'px'}, 500);
}
function loadImage(index)
{
	if(index != cindex)
	{
	markImage(index);
	glicon.fadeIn('fast');
	gimg.fadeOut('fast', function(){
			gimg.attr('src', $('#gallery ul li:eq('+index+') a').attr('href'));
			gimg.attr('title', $('#gallery ul li:eq('+index+') a').attr('title'));
			gimg.attr('alt', $('#gallery ul li:eq('+index+') a').attr('title'));
			cindex = index;
			gimg.load(function(){
					gimg.fadeIn('slow');
					glicon.fadeOut('fast');
				});
		})
	}
}
function markImage(index)
{
	if(glast!=null) glast.removeClass('active');
	 glast = $('#gallery ul li:eq('+index+') a').addClass('active');
}
/* ============================================================================================================ gallery ============*/