// Define Vars
var ajax;
var $WebRoot = '/';
var slide_show_counter=2;
var intval=""
var features_array;
var selected_feature=1;

// onload function to start slideshow
function feat_slideshow_start(type){
	ctype=type
	if(intval==""){
		intval=window.setInterval("rotate_features(ctype)",5000)
	}else{
		stop_Int()
	}
}

// function to stop slideshow
function feat_slideshow_stop(){
	if(intval!=""){
		window.clearInterval(intval)
		intval=""
	}
}

// function to cycle thru features
function rotate_features(type) 
{
	if(type=='U'){
		change_movie_feature(slide_show_counter);
		slide_show_max=5;
	} else if(type=='O'){	
		change_movie_feature(slide_show_counter);
		slide_show_max=5;
	} else if(type=='G'){	
		change_movie_feature(slide_show_counter);
		slide_show_max=5;	
	} else if(type=='H'){
		change_home_feature(slide_show_counter);
		slide_show_max=4;
	} else if(type=='T'){
		change_movie_feature(slide_show_counter);
		slide_show_max=4;	
	} else if(type=='C'){
		change_movie_feature(slide_show_counter);
		slide_show_max=4;	
	} else if(type=='CE'){
		change_movie_feature(slide_show_counter);
		slide_show_max=4;				
	} else {

	}
	
	// increment counter
	slide_show_counter=slide_show_counter+1;
 
	// when at the end, start again
	if(slide_show_counter==slide_show_max) { slide_show_counter=1; }		
}

// function to change home page feature
function change_home_feature(slide_show_counter) {
	if(slide_show_counter!=selected_feature){
		Effect.Fade('feat_image',{delay:0.0, duration: 0.5}); 
		//features_array=features;
		feature_num=slide_show_counter;
		selected_feature=slide_show_counter;
		setTimeout("change_home_feature_do(feature_num);", 500);
		Effect.Appear('feat_image',{delay:1.0, duration:0.5});
	}
}

// function to change the feature info on the home page
function change_home_feature_do(feat_id) {
	// set default styling for all features
	document.getElementById("feat1span").className = "num_gr";
	document.getElementById("feat2span").className = "num_gr";
	document.getElementById("feat3span").className = "num_gr";
			
	// set selected styling for given feature
	document.getElementById("feat" + features_array[feat_id]['key'] + "span").className = "num_or2";
	
	// set image for given feature
	var img_feature = document.getElementById("feature_photo");
    img_feature.setAttribute('src', features_array[feat_id]['image']);
    
    // set link for given feature
    var img_link = document.getElementById("feature_link");
    img_link.setAttribute('href', features_array[feat_id]['url']);
    
    var text_link = document.getElementById("text_link");
    text_link.setAttribute('href', features_array[feat_id]['url']);
	
	// set value for headline
	var headline_div = document.getElementById("feature_headline");
	headline_div.firstChild.nodeValue = features_array[feat_id]['headline'];

	// set value for description
	var desc_div = document.getElementById("feature_description");
	desc_div.firstChild.nodeValue = features_array[feat_id]['description'];	
}

function change_movie_feature(slide_show_counter) {
	if(slide_show_counter!=selected_feature){
		Effect.Fade('feat_image',{delay:0.0, duration: 0.5}); 
		//features_array=features;
		feature_num=slide_show_counter;
		selected_feature=slide_show_counter;
		setTimeout("change_movie_feature_do(feature_num);", 500);
		Effect.Appear('feat_image',{delay:1.0, duration:0.5});
	}
}

// Function to change the featured image - LANDING PAGES
function change_movie_feature_do(feat_id, type) {
	// set default styling for all features
	document.getElementById("feat1").className = "film";
	document.getElementById("feat1span").className = "text_bleck_14";
	document.getElementById("feat2").className = "film";
	document.getElementById("feat2span").className = "text_bleck_14";
	document.getElementById("feat3").className = "film";
	document.getElementById("feat3span").className = "text_bleck_14";
	document.getElementById("feat4").className = "film";
	document.getElementById("feat4span").className = "text_bleck_14";			
	// set selected styling for given feature
	document.getElementById("feat" + feat_id).className = "film_or";
	document.getElementById("feat" + feat_id + "span").className = "text_orange_big";
		
	// set image for given feature
	var img_feature = document.getElementById("feature_photo");
    img_feature.setAttribute('src', features_array[feat_id]['image']);
    
    // set link for given feature
    var img_link = document.getElementById("feature_link");
    img_link.setAttribute('href', features_array[feat_id]['url']);
}