var BannerIsHidden = true;
var CurrentBanner = 1;
var MainCount = 0;

//commonly used objects
var MasterarrowcontainerObj;
var NextarrowcontainersObj;
var PrevarrowcontainerObj;
var CurrentbannerObj;

$(document).ready(function() {
    //configure banners
    $(".bannercontainer").each(function(e) {

        //show the first banner
        if (e == 0) {
            this.style.marginLeft= "0";
        }

        //get objects to be used in the click event
        var moretext = $(this).find(".moretext");
        var hiddenimg = $(this).find(".hiddenimg");
        var expimg = $(this).find(".expimg");
        
        var flashcontent = $(this).find(".flashcontent");
        var pathtoswf = $(this).find(".pathtoswf");
        var pathtoflv = $(this).find(".pathtoflv");
        var flashimage = $(this).find(".flashimage");

	//load any flash content contained within the banners
	if(pathtoswf.length && flashcontent.length){
		var s1 = new SWFObject(pathtoswf.val(),flashcontent[0].id + "swfobj","356","200","9","#FFFFFF");
		s1.addParam("allowfullscreen","true");
		s1.addParam("wmode","transparent");
		s1.addParam("allowscriptaccess","always");
		s1.addParam("flashvars","file=" + pathtoflv.val() + "&image=" + flashimage.val());
		s1.write(flashcontent[0].id);
	}

        $(this).find(".seemorebtn").click(function() {
            if (BannerIsHidden) {
            
                //slide content, show hide button
                this.blur();

                $(this).animate({ "marginLeft": "865px" }, 300)
                  .removeClass("seemorebg")
                  .addClass("hidemorebg");
                  
                  if(isIE6){
	                  $(this).html("<span id='seemoreimg'></span>");
	                  $("#seemoreimg").supersleight();
                  }

                hiddenimg.animate({ "marginLeft": "-300px" }, 100);

                moretext.animate({ "width": "903px" }, 300);

                $(moretext).find(".revealcontent").animate({ "marginLeft": "0" }, 300, function(){
                });

                BannerIsHidden = false;
                
                
            }
            else {
                
                //slide content back, show see more button
                this.blur();

                $(this).animate({ "marginLeft": "220px" }, 300)
                  .removeClass("hidemorebg")
                  .addClass("seemorebg");

		if(isIE6){
			$("#seemoreimg").remove();
		}
		
                $(moretext).find(".revealcontent").animate({ "marginLeft": "-900px" }, 300);
                
                //stop to flash video from playing
                if(flashcontent[0] != null){
	                var swf = $("#" + flashcontent[0].id + "swfobj")[0].sendEvent('STOP');
                }
                
                
                moretext.animate({ "width": "260px" }, 300, function() {
                        hiddenimg.animate({ "marginLeft": "0px" }, 100);
                });
                                

                BannerIsHidden = true;
            }
        });
        MainCount++;
        
    });
    

    $(".bannercount").html(MainCount);

    //add the next arrow containers to each banner
    MasterarrowcontainerObj = $("#masterarrowcontainer");
    $(".morecontainer").prepend("<div id='arrowcontainer' class='nextarrowcontainer'>" + MasterarrowcontainerObj.html() + "</div>");

    //load commonly used object
    NextarrowcontainersObj = $(".nextarrowcontainer");
    PrevarrowcontainerObj = $("#prevarrowcontainer");
    CurrentbannerObj = $(".currentbanner");


    $(".nextarrowcontainer").click(function() {

        var temp = CurrentBanner;
        $(".banner" + CurrentBanner).css("z-index", "3");

        CurrentBanner++;

        if (CurrentBanner > MainCount) {
          CurrentBanner = 1;
        }
        
        //overlay master arrow container for content to slide underneath
        MasterarrowcontainerObj.show();
        NextarrowcontainersObj.hide();

        $(".banner" + CurrentBanner)
        	.css({
        	    "z-index": "4",
        	    "margin-left": "920px",
        	    "display": "block"
        	})
        	.animate({ "marginLeft": "0px" }, 500, function() {
        	    CurrentbannerObj.html(CurrentBanner);


        	    NextarrowcontainersObj.show();
        	    MasterarrowcontainerObj.hide();
        	    
        	    //more the previous banner off screen
        	    $(".banner" + temp).css("margin-left", "1000px");
        	    
        	    
        	    
        	});
    });
    
    
    //fix pngs
    $(".seemorebtn, .foreground, .nextarrowcontainer, #masterarrowcontainer").supersleight();
    
    //fix cursor issues
    /*
    $("area").mouseover(function(){
    $(this).css('cursor', 'pointer');
    });

    */
    $(".bannercontainer img").mouseover(function(){
    $(this).css('cursor', 'default');
	});
	
	$(".bannercontainer img").css('cursor', 'default');
	
	$(".lbthumb img").mouseover(function(){
    $(this).css('cursor', 'pointer');
	});
});