// JavaScript Document

var IntervalID = 0;

$(function(){
	
	$('.ir_nav img').imgpreload(function() {
		initializeImageRotator();
	});
	
	IntervalID = setInterval("rotatePanels()", 4000);

	$('#imagerotator div.panel').each(function(index){
		if(index == 0) {
			$('#imagerotator .ir_nav').append('<a class="ir_nav_item selected"></a>');
		} else {
			$('#imagerotator .ir_nav').append('<a class="ir_nav_item"></a>');
		}
	});	
	
	$('.ir_nav a.ir_nav_item').click(function() {
		clearInterval( IntervalID);
		$('.ir_nav a.ir_nav_item').removeClass('selected');
		$(this).addClass('selected');
		
		var navClicked = $(this).index();
		//alert(navClicked);
		
		var oCurPanel = $('#imagerotator div.current');
		var oNxtPanel = $('#imagerotator').eq(navClicked);
		
		oCurPanel.removeClass('current').addClass('previous');
		$('#imagerotator div.panel').eq(navClicked).css({opacity:0.0}).addClass("current").animate({opacity:1.0},1000, function() {
			oCurPanel.removeClass('previous');
		});		
	});
	
});

function rotatePanels() {
	var oCurPanel = $("#imagerotator div.current");
	var oCurIndex = $('#imagerotator div.current').index();
	var oNxtPanel = $('#imagerotator div.current ~ div.panel:first');
	var oNxtIndex = $('#imagerotator div.current ~ div.panel:first').index();
	//var oNxtPhoto = oCurPhoto.next();
	if(oNxtPanel.length == 0) { 
		oNxtPanel = $("#imagerotator div.panel:first");
		oNxtIndex = 0;
	}
		
	oCurPanel.removeClass("current").addClass("previous");
	oNxtPanel.css({opacity:0.0}).addClass("current").animate({opacity:1.0},1000, function() {
		oCurPanel.removeClass('previous');
		$('.ir_nav a.ir_nav_item').eq(oCurIndex).removeClass('selected');
		$('.ir_nav a.ir_nav_item').eq(oNxtIndex).addClass('selected');
	});
	
}

function initializeImageRotator() {
	
}

function show_video(vWidth, vHeight, vName) {
	$('#video_container').css('width', vWidth);
	$('#video_container').css('height', vHeight);
	
	var windowWidth = $(window).width();
	var windowHeight = $(window).height();
	var setWidth = (windowWidth - vWidth) / 2;
	var setHeight = (windowHeight - vHeight) / 2;
	
	$('#video_container').css('left', setWidth + 'px');
	$('#video_container').css('top', setHeight + 'px');
		
	strHtml = '<a href="javascript:close_video();" class="popup_icon"><img src="images/popup_close.png"></a>';
	strHtml = strHtml + '<object width="' + vWidth + '" height="' + vHeight + '">';
    strHtml = strHtml + '<param name="movie" value="' + vName + '"></param>';
    strHtml = strHtml + '<param name="allowFullScreen" value="true"></param>';
    strHtml = strHtml + '<param name="allowscriptaccess" value="always"></param>';
    strHtml = strHtml + '<embed src="' + vName + '" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="' + vWidth +'" height="' + vHeight + '"></embed></object>';

	$('#video_container').html(strHtml);
	$('#video_container').show();
}
function close_video() {
	$('#video_container').hide();
}