var popup_ids = new Array();

popup_ids[0] = "popup_0";
popup_ids[1] = "popup_1";

function show_popup(popup_id,obj_loc_id) {
for (var i=0; i<2; i++) {
	if (popup_id != popup_ids[i]) {
		hide_popup(popup_ids[i]);
	}
}
var popup_layer = document.getElementById(popup_id);
changeOpac(0,popup_id);
popup_layer.style.visibility = "visible";
popup_layer.style.position = "absolute";
var pos = new Array();
var obj_loc = document.getElementById(obj_loc_id);
pos = findPos(obj_loc);

popup_layer.style.left = pos[0];
popup_layer.style.top = pos[1];

opacity(popup_id,0,100,300);

}
function hide_popup(popup_id) {
	var popup_layer = document.getElementById(popup_id);
	if ((popup_layer.style.opacity > 0) && (popup_layer.style.visibility == 'visible')) {
		opacity(popup_id,100,0,300);
	}
}
function findPos(obj) {
	var curleft = curtop = 0;

	if (obj.offsetParent) {
		do {
			curleft += obj.offsetLeft;
			curtop += obj.offsetTop;
		} while (obj = obj.offsetParent);
	}
	return [curleft,curtop];
}
function opacity(id, opacStart, opacEnd, millisec) { 
	//speed for each frame 
	var speed = Math.round(millisec / 100); 
	var timer = 0; 

	//determine the direction for the blending, if start and end are the same nothing happens 
	if(opacStart > opacEnd) { 
		for(i = opacStart; i >= opacEnd; i--) { 
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
//            if ((opacEnd == 0) && (document.getElementById(id).style.opacity == 0)) {
//                document.getElementById(id).style.visibility = 'hidden';
//            }
			timer++; 
		} 
	} else if(opacStart < opacEnd) { 
		for(i = opacStart; i <= opacEnd; i++) 
			{ 
			setTimeout("changeOpac(" + i + ",'" + id + "')",(timer * speed)); 
			timer++; 
		} 
	}

	if ((opacEnd == 0) && (document.getElementById(id).style.opacity == 0)) {
		document.getElementById(id).style.visibility = 'hidden';
	}
} 

//change the opacity for different browsers 
function changeOpac(opacity, id) { 
	var object = document.getElementById(id).style; 
	object.opacity = (opacity / 100); 
	object.MozOpacity = (opacity / 100); 
	object.KhtmlOpacity = (opacity / 100); 
	object.filter = "alpha(opacity=" + opacity + ")"; 
	if (opacity == 0) {
		document.getElementById(id).style.visibility = 'hidden';
	}
	else {
		document.getElementById(id).style.visibility = 'visible';
	}
} 

function show_video(video_name) 
{
	var video_title = "";
	var video_frame = "videoframe_blank.html";

	if (video_name == "advanced_composites") {
		video_title = "Advanced Composites";
		video_frame = "videoframe_advanced_composites.html";
	}

	if (video_name == "nvh") {
		video_title = "Noise and Vibration Lab";
		video_frame = "videoframe_nvh.html";
	}

	if (video_name == "showcase") {
		video_title = "Vehicle Showcase";
		video_frame = "videoframe_showcase.html";
	}

	if (video_name == "roushcharger") {
		video_title = "The ROUSHcharger Difference";
		video_frame = "videoframe_roushcharger.html";
	}

	if (video_name == "trak_pak") {
		video_title = "ROUSH Trak Pak";
		video_frame = "videoframe_trakpak.html";
	}

	if (video_name == "vehicle_lineup") {
		video_title = "Vehicle Lineup";
		video_frame = "videoframe_vehicle_lineup.html";
	}

	if (video_name == "emissions_testing") {
		video_title = "Emissions & Testing";
		video_frame = "videoframe_emissions_testing.html";
	}

	if (video_name == "assembly") {
		video_title = "Assembly";
		video_frame = "videoframe_assembly.html";
	}

	if (video_name == "part_fabrication") {
		video_title = "Part Fabrication";
		video_frame = "videoframe_part_fabrication.html";
	}

	if (video_name == "intro") {
		video_title = "Introduction to ROUSH";
		video_frame = "videoframe_intro.html";
	}

	var title_para = document.getElementById('video_title');
	title_para.lastChild.nodeValue = video_title;

	var frame_obj = document.getElementById('video_popup_frame');

	var video_layer = document.getElementById('popup_video');
	video_layer.style.top = "50%";
	video_layer.style.left = "50%";
	video_layer.style.width = "200px";
	video_layer.style.height = "80px";
	video_layer.style.marginLeft = "-223px";
	video_layer.style.marginTop = "-195px";
	video_layer.style.position = "absolute";
	video_layer.style.verticalAlign = "middle";
	video_layer.style.horizontalAlign = "center";
	opacity('video_popup_frame',0,100,300);
	opacity('popup_backdrop',0,60,300);
	opacity('popup_video',0,100,300);

	var video_frame_url = "http://www.roushperformance.com/video_frames/" + video_frame;
	//alert(video_frame_url);

	//  frame_obj.style.visibility = "visible";
	frame_obj.src = video_frame_url;
	//  alert("test");
	//  frames['video_popup_frame'].location.href = video_frame_url;

	}

	function close_full_popup (popup_id) {
	opacity(popup_id,100,0,300);
	opacity('popup_backdrop',60,0,300);
	document.getElementById('video_popup_frame').src = "http://www.roushperformance.com/video_frames/videoframe_blank.html";
}

function doPreload() {
	var the_images = new Array('i/nav_home_over.gif','i/nav_home_down.gif','i/nav_vehicles_over.gif','i/nav_vehicles_down.gif','i/nav_parts_down.gif','i/nav_engines_over.gif','i/nav_engines_down.gif','i/nav_roushtv_over.gif','i/nav_roushtv_down.gif','i/nav_news_over.gif','i/nav_news_down.gif','i/nav_downloads_over.gif','i/nav_downloads_down.gif','i/nav_about_over.gif','i/nav_about_down.gif','i/nav_help_over.gif','i/nav_help_down.gif','i/button_tellafriend_gray_down.jpg','i/button_bookmark_gray_down.jpg','i/button_addtocart_red_down.jpg','i/button_addtowishlist_gray_down.jpg','i/button_checkout_redwide_down.jpg','i/button_search_red_down.jpg');
	preloadImages(the_images);
}

function preloadImages(the_images_array) {
	for(loop = 0; loop < the_images_array.length; loop++)
	{
   		var an_image = new Image();
		an_image.src = the_images_array[loop];
	}
}