var main_clicked = false;
var blog_clicked = false;
var video_clicked = false;
var photo_clicked = false;
var main_indexcount = 0;
var blog_indexcount = 0;
var video_indexcount = 0;
var photo_indexcount = 0;

window.addEvent("domready", function(){

    var myTransition = new Fx.Transition(Fx.Transitions.Quint, 3);

    var main_scroll = new Fx.Scroll('main_feature', {
         wait: false, duration: 800,
         offset: {'x': 0, 'y': 0},
         transition: myTransition.easeInOut
    });

    $("main_next").addEvent("click", function(event){
    	main_clicked = true;
        event = new Event(event).stop();
    	if(main_indexcount >= (main_count-1)){ main_indexcount = 0; }else{ main_indexcount = main_indexcount + 1; }
        main_scroll.toElement('feature_news_' + main_indexcount);
    }) 
    $("main_previous").addEvent("click", function(event){
    	main_clicked = true;
        event = new Event(event).stop();
    	if(main_indexcount == 0){ main_indexcount = main_count - 1; }else{ main_indexcount = main_indexcount - 1;}
        main_scroll.toElement('feature_news_' + main_indexcount);
    })
    main_scroll.toElement('feature_news_' + main_indexcount);


    var blog_scroll = new Fx.Scroll('blog_feature', {
         wait: false, duration: 800,
         offset: {'x': 0, 'y': 0},
         transition: myTransition.easeInOut
    });

    $("blog_next").addEvent("click", function(event){
    	blog_clicked = true;
        event = new Event(event).stop();
    	if(blog_indexcount >= (blog_count-1)){ blog_indexcount = 0; }else{ blog_indexcount = blog_indexcount + 1; }
        blog_scroll.toElement('blog_news_' + blog_indexcount);
    }) 
    $("blog_previous").addEvent("click", function(event){
    	blog_clicked = true;
        event = new Event(event).stop();
    	if(blog_indexcount == 0){ blog_indexcount = blog_count - 1; }else{ blog_indexcount = blog_indexcount - 1;}
        blog_scroll.toElement('blog_news_' + blog_indexcount);
    })
    blog_scroll.toElement('blog_news_' + blog_indexcount);

    var photo_scroll = new Fx.Scroll('scrollerPlacement', {
         wait: false, duration: 800,
         offset: {'x': 0, 'y': 0},
         transition: myTransition.easeInOut
    });

    $("photo_next").addEvent("click", function(event){
    	photo_clicked = true;
        event = new Event(event).stop();
    	if(photo_indexcount >= (photo_count-1)){ photo_indexcount = 0; }else{ photo_indexcount = photo_indexcount + 1; }
        photo_scroll.toElement('photo_' + photo_indexcount);
        get_photo_description(photo_indexcount);
    }) 
    $("photo_previous").addEvent("click", function(event){
    	photo_clicked = true;
        event = new Event(event).stop();
    	if(photo_indexcount == 0){ photo_indexcount = photo_count - 1; }else{ photo_indexcount = photo_indexcount - 1;}
        photo_scroll.toElement('photo_' + photo_indexcount);
        get_photo_description(photo_indexcount);
    })
    photo_scroll.toElement('photo_' + photo_indexcount);
    get_photo_description(photo_indexcount);

    var video_scroll = new Fx.Scroll('video_feature', {
         wait: false, duration: 800,
         offset: {'x': 0, 'y': 0},
         transition: myTransition.easeInOut
    });

    $("video_next").addEvent("click", function(event){
    	video_clicked = true;
        event = new Event(event).stop();
    	if(video_indexcount >= (video_count-1)){ video_indexcount = 0; }else{ video_indexcount = video_indexcount + 1; }
        video_scroll.toElement('video_news_' + video_indexcount);
    }) 
    $("video_previous").addEvent("click", function(event){
    	video_clicked = true;
        event = new Event(event).stop();
    	if(video_indexcount == 0){ video_indexcount = video_count - 1; }else{ video_indexcount = video_indexcount - 1;}
        video_scroll.toElement('video_news_' + video_indexcount);
    })
    video_scroll.toElement('video_news_' + video_indexcount);
});

function get_photo_description(num){
    var photo_id = $("flickr_photo_id_" + num).get("value");
    if($("flickr_description_" + num).innerHTML == "Loading..."){
        var myRequest = new Request({
    	method: 	'get',
    	url:		'/get-flickr-desc/',
    	onComplete: function(response){
            $("flickr_description_" + num).set("html", response);
        }}).send("photo_id=" + photo_id);        
    }    
}

function body_onLoad() {
    mookieExampleOne = new Mooquee({
       element: 'twitterFeed',
       cssitem: 'tweet_item',
       trans:{'tin':'up', 'tout':'up'},
       duration:2, //time in seconds
       pause:5,
    });
}