$(document).ready(function(){
/*    var arrPImg = new Array();
    arrPImg[0] = $(".accordion #topslide1 img.paragraphimage").attr("src");
    arrPImg[1] = $(".accordion #topslide2 img.paragraphimage").attr("src");
    arrPImg[2] = $(".accordion #topslide3 img.paragraphimage").attr("src");
*/
	// basevalue for margin
	baseMargin = 47;
	// initiate margins on .topslide element and active bannertitle("img.paragraphimage")
	$(".accordion .topslide:nth-child(2)").css("marginLeft","47px");
	$(".accordion .topslide:nth-child(3)").css("marginLeft","94px");   
        $(".topslide.active img.paragraphimage").attr("src",$(".topslide.active img.paragraphimage").attr("src").replace(".png","-active.png")).addClass("highlight");

        $(".accordion img.paragraphimage")
            .mouseenter(function(){
                var testSrc = $(this).attr("src")
                // if image is active already
                if (testSrc.indexOf("-active") != -1) 
                {
                    // do nothing 
                } else {
                    $(this).attr("src",testSrc.replace(".png","-active.png"));
                }
            })
            .mouseleave(function(){
                // avoid remove active image on open slide
                if (!$(this).hasClass("highlight")) 
                {
                    $(this).attr("src",$(this).attr("src").replace("-active",""));
                } 
            });
	var ClickIndex = "";
	var $thisElem = "";
	$(".accordion img.paragraphimage").click(function() {
		$thisElem = $(this).parent(".topslide");
		ClickIndex = $thisElem.index();
		$(".accordion img.paragraphimage").each(function(){
			$(this).attr("src",$(this).attr("src").replace("-active","")).removeClass("highlight");
		})
		$(this).attr("src",$(this).attr("src").replace(".png","-active.png")).addClass("highlight");
	
		
		// when left is clicked
		if (ClickIndex == 0) {
			// click index 0 (the first) 
			// if two others are not slided
			if ( !$thisElem.next(".topslide").hasClass("isSlided") && !$thisElem.next(".topslide").next(".topslide").hasClass("isSlided") ) {
			
				// slide both and open this 
				$("#topslide2").animate({
					marginLeft: eval(730-(baseMargin*2))
				}).toggleClass("isSlided");
				
				$(".slide li").has("embed").width("0").css("overflow","hidden");
				$("#topslide3").animate({
					marginLeft: eval(730-(baseMargin*1))
				}).toggleClass("isSlided");
				//$("#topslide3.isSlided .subslide").hide();
														
			}	
			else if ( !$thisElem.next(".topslide").hasClass("isSlided")  ) { 
				// slide only middle slide
				$thisElem.next(".topslide").animate({
					marginLeft: eval(730-(baseMargin*2))
				} ).toggleClass("isSlided")
			}
			
		}
		
		// when middle slide is clicked
		if (ClickIndex == 1) {
			// it is already slided, so slide it back to show it
			if ($thisElem.hasClass("isSlided")) {
				$thisElem.animate({
					marginLeft: eval(baseMargin*1)
				}).toggleClass("isSlided");
			} else {
				// middle slide is open and right slide is slided, do nothing
				if($thisElem.next(".topslide").hasClass("isSlided")) {
					// do nothing
				} else {
					// right slide is visible, so slide that to show middle slide
					$(".slide li").has("embed").width("0").css("overflow","hidden");
					//alert("!")
					$thisElem.next(".topslide").animate({
						marginLeft: eval(730-(baseMargin*1))
					}).toggleClass("isSlided");
					
				}
			}
		}
		
		// when right slide is clicked
		if (ClickIndex == 2) {
			if ($thisElem.hasClass("isSlided")) {
				// check if previous is slided too, then slide that back and remove class
				if($thisElem.prev(".topslide").hasClass("isSlided")) {
					$thisElem.prev(".topslide").animate({
						marginLeft: eval(baseMargin*1)
					}).toggleClass("isSlided");
				}										
				// open this up when isSlided
				// first set overflow to visible unless browser is opera
				if ( $.browser.opera ){
					// do nothing 
				} else {
					$(".slide li").has("embed").css("overflow","visible")
				}
				$thisElem.animate(
					{
						marginLeft: eval(baseMargin*2)
					}, function() 
					{
						$(".slide li").has("embed").css("overflow","visible").width("589");
				}).toggleClass("isSlided");
			} 
		}
										
	}); // click paragraphImage / opens slide

	function startCarousel () {
		$(".topslide").each(function(){
			if ($(this).find("li").length > 1) {
				var thisSlide = "#" + $(this).attr("id") + " .slide"; // ex: "#topslide1 .slide"
				$(thisSlide).jCarouselLite({
					auto 	: 5000,
					speed 	: 1000,
					visible 	: 1,
					easing	: "easeOutQuart"
				})
			}
		}) // end each
	} // end function startCarusel 
	startCarousel ();
	

	$(".latestNewsCarousel").jCarouselLite({
						auto 	: 3000,
					    speed 	: 1500,
					    vertical	: true,
					    visible 	: 1 
					});


}); // document ready