// JavaScript Document

var isNS = (navigator.appName == "Netscape") ? 1 : 0;
if(navigator.appName == "Netscape") document.captureEvents(Event.MOUSEDOWN||Event.MOUSEUP);
function mischandler() {
	return false;
}
function mousehandler(e){
	var myevent = (isNS) ? e : event;
	var eventbutton = (isNS) ? myevent.which : myevent.button;
	if((eventbutton==2)||(eventbutton==3)) return false;
}
document.oncontextmenu = mischandler;
document.onmousedown = mousehandler;
document.onmouseup = mousehandler;

$(document).ready(function() {
	$(".feature").append("<div class=\"details\"><p class=\"title\"></p><p class=\"subtitle\"></p></div>");		   
	$active = $("#features ul li:first-child");
	slideSwitch();
	$("#features ul li:first-child").addClass('active');
	$("#features li").animate({ opacity: 0.5 }, 1 );
	$("#features li.active").animate({ opacity: 1 }, 1 );
	$("#features li").click(function(){
		$active = $(this);
		slideSwitch();
		return false;
	});
	$("#feature_area").hover(function() {
		clearInterval($intid);
	}, function() {
		$intid = setInterval('slideSwitchTimed()', 6000 );
	});
	$(function() {
		$intid = setInterval('slideSwitchTimed()', 6000 );
	});
});


function slideSwitchTimed() {
	$active = $('#features ul li.active').next();
	if ( $active.length == 0 ) $active = $('#features ul li:first-child');
	slideSwitch();
}

function slideSwitch() {
	$("#features ul li").removeClass('active');
	$active.addClass('active');
	$("#features li").animate({ opacity: 0.5 }, 1 );
	$("#features li.active").animate({ opacity: 1 }, 1 );
	var imgSrc = $active.find('a').attr("href");
	var imgAlt = $active.find('img').attr("alt");
	var imgTitleLink = $active.find('h2').html();
	var imgSubTitle = $active.find('p').html();
	$(".feature .title").html(imgTitleLink);
	$(".feature .subtitle").html(imgSubTitle);
	$("#feature_area").css({'background-image' : 'url(' + imgSrc + ')'});
}