var arrFlashIDs = new Array();

function videoplay(strDivID){
    for (var i = 0; i < arrFlashIDs.length; i++) {
        if (arrFlashIDs[i] != strDivID) {
            if (document.getElementById(arrFlashIDs[i])) {
                if (document.getElementById(arrFlashIDs[i]).pauseplayback) { 
                    document.getElementById(arrFlashIDs[i]).pauseplayback();
                }
            }
        }
    }
}
function stopAll(){
    for (var i = 0; i < arrFlashIDs.length; i++) {
        if (document.getElementById(arrFlashIDs[i])) { 
            if (document.getElementById(arrFlashIDs[i]).pauseplayback) {
                document.getElementById(arrFlashIDs[i]).pauseplayback();
            }
        }
    }
}

// Kohl's Start Your Career Video Slider //
$(document).ready(function () {
	
	// THUMB SLIDER

	var pos = 0;
	var slideCount = $('#video-slider').children().size();
	var slides = Math.ceil(slideCount/2);
	var slide = 1;
	var slideAssign = 0;
	var slideAssignCount = 0;
	var currentSlide = 1;
	
	var strPrevNext = "<a id=\"prev\"></a>";
    strPrevNext += "<div id=\"video-markers\">";
	strPrevNext += "<div id=\"extender\"></div>";
    strPrevNext += "</div>";
    strPrevNext += "<a id=\"next\"></a>";
	$("#video-header #vid-header-wrap").html(strPrevNext);
	
	var flashvars = {};
    var params = {};
    var attributes = {};
    params.allowScriptAccess="always";
    params.wmode="transparent";
	
	for (i=1;i<=slideCount;i++) {		
			
		if (slideAssignCount % 2 == 0) {
			slideAssign++;
		}
	    
	    var divVideo = $("div", $(".video:eq(" + (i-1) + ")", $('#video-slider')));
	    var strDeptName = $("a", $(".video:eq(" + (i-1) + ")", $('#video-slider'))).text();
	    
	    //flash insert
	    arrFlashIDs.push($(divVideo).attr("id"));
	    flashvars.divid = $(divVideo).attr("id");
        flashvars.xmlpath = "/videodata/xml/" + $(divVideo).attr("id") + ".xml";
        swfobject.embedSWF("/videodata/swfs/videoplayer.swf", $(divVideo).attr("id"), "340", "192", "9.0.0", "", flashvars, params, attributes);
       
	    
		$("#extender").append("<div id='slide"+i+"' name='"+slideAssign+"''><a class='marker' title='" + strDeptName + "'><img src='/videodata/images/" + $(divVideo).attr("id") + ".jpg' width='58' height='33' border='0' /></a></div>");
	
		$("#slide"+i+" a img").css("opacity",.5);
	
		$("#slide"+i).click(function(){
			slide = Number($(this).attr("name"));
			if ($("a", $(this)).hasClass("current") == false) {
			    stopAll();
			}
			
			$("#extender div a").removeClass("current");
			$("#extender a img").css("opacity",.5);
			$("#extender div[name='"+slide+"'] a").addClass("current");
			$("#extender div[name='"+slide+"'] a img").css("opacity",1);
			pos = -(728*(slide-1));
			$("#video-slider").animate({left: pos+"px"}, {duration: 500, easing: "easeInOutCirc"});
			
			if (slide > 1) {
				$("#prev").css("opacity",1);
				$("#prev").mouseover(function(){
					$(this).css("cursor","pointer");
				});
			} else {
				$("#prev").css("opacity",.5);
				$("#prev").mouseover(function(){
					$(this).css("cursor","default");
				});
			}
			
			if (slide < slides) {
				$("#next").css("opacity",1);
				$("#next").mouseover(function(){
					$(this).css("cursor","pointer");
				});
			} else {
				$("#next").css("opacity",.5);
				$("#next").mouseover(function(){
					$(this).css("cursor","default");
				});
			}
			
		});
		
		$("#slide"+i).mouseover(function(){
			$("#extender a").removeClass("hover");
			var name = $(this).attr("name");
			$("#extender div[name='"+name+"'] a").addClass("hover");
			$("#extender div[name='"+name+"'] a img").css("opacity",1);
		});
		
		$("#video-markers").mouseover(function(){
			$(this).css("cursor","pointer");
		});
		
		$("#video-markers").mouseout(function(){
			$("#extender a").removeClass("hover");
			$("#extender a img").css("opacity",.5);
			$("#extender a.current img").css("opacity",1);
		});
		
		slideAssignCount++;
		
		$("#extender div[name='"+slide+"'] a").addClass("current");
		$("#extender div[name='"+slide+"'] a img").css("opacity",1);
		
	};
	
	
	// PREVIOUS - NEXT
	
	$("#prev,#next").mouseover(function(){
		$(this).css("cursor","pointer");
	});
	
	if (slide == 1) {
		$("#prev").css("opacity",.5);
		$("#prev").mouseover(function(){
			$(this).css("cursor","default");
		});
	};
	
	$("#next").click(function(){
		if (slide < slides) {
			stopAll();
			
			$("#prev").css("opacity",1);
				$("#prev").mouseover(function(){
				$(this).css("cursor","pointer");
			});
			
			slide++;
			$("#extender div a").removeClass("current");
				$("#extender a img").css("opacity",.5);
				$("#extender div[name='"+slide+"'] a").addClass("current");
				$("#extender div[name='"+slide+"'] a img").css("opacity",1);
			pos = -(728*(slide-1));
			$("#video-slider").animate({left: pos+"px"}, {duration: 500, easing: "easeInOutCirc"});
			
			if (slide == slides) {
				$("#next").css("opacity",.5);
				$("#next").css("cursor","default");
				$("#next").mouseover(function(){
					$(this).css("cursor","default");
				});
			};
		};
	});
	
	$("#prev").click(function(){
	
		if (slide > 1) {
		    stopAll();
		    
			$("#next").css("opacity",1);
			$("#next").mouseover(function(){
				$(this).css("cursor","pointer");
			});
		
			slide--;
			$("#extender div a").removeClass("current");
				$("#extender a img").css("opacity",.5);
				$("#extender div[name='"+slide+"'] a").addClass("current");
				$("#extender div[name='"+slide+"'] a img").css("opacity",1);
			pos = -(728*(slide-1));
			$("#video-slider").animate({left: pos+"px"}, {duration: 500, easing: "easeInOutCirc"});
			
			if (slide == 1) {
				$("#prev").css("opacity",.5);
				$("#prev").css("cursor","default");
				$("#prev").mouseover(function(){
					$(this).css("cursor","default");
				});
			};
		
		}
	});
	
	$("#slide1[name='"+slide+"'] a").addClass("current");
	
});