﻿//articles functions
var Position = 0;

function DisableButtons(){
    $('a_Pre').setProperty('href', 'javascript:DoNothing()');
    $('a_Next').setProperty('href', 'javascript:DoNothing()');    
}

function DoNothing() { 
}

function EnableButtons(){
    $('a_Pre').setProperty('href', 'javascript:CarouselNext()');
    $('a_Next').setProperty('href', 'javascript:CarouselPrevious()');    
}


var speed = 300;
function CarouselNext() {
    //small itesm
    var elements = [$('div_SmallArticles'), $('div_LargeArticles')]
    var myFx = new Fx.Elements(elements, {duration : speed, link: 'ignore', onStart: DisableButtons, onComplete: EnableButtons });
    var startSmall = $('div_SmallArticles').getStyle('margin-right').toInt();
    if (isNaN(startSmall)) {
        start = -42;
    }
    var startBig = $('div_LargeArticles').getStyle('margin-right').toInt();
    if (isNaN(startBig)) {
        start = -29;
    }

    if (Position <= 0) {
        var firstDiv = $('div_SmallArticles').getElement('div');
        var lastDiv = $('div_SmallArticles').getLast('div');
        lastDiv.inject(firstDiv, 'before');
        $('div_SmallArticles').setStyle('margin-right', startSmall - 188);

        var firstDiv = $('div_LargeArticles').getElement('div');
        var lastDiv = $('div_LargeArticles').getLast('div');
        lastDiv.inject(firstDiv, 'before');
        $('div_LargeArticles').setStyle('margin-right', startBig - 222);
        
        myFx.start({
            '0': { 
                'margin-right': [startSmall - 188, startSmall]
            },
            '1': { 
                'margin-right': [startBig - 222, startBig]
            }
        });
    }
    else {
        myFx.start({
            '0': {
                'margin-right': [startSmall, startSmall + 188]
            },
            '1': {
                'margin-right': [startBig , startBig + 222]

            }
        });      
    }
    if (Position > 0) {
        Position--;
    }
}


function CarouselPrevious(){
    var myFx = new Fx.Tween('div_SmallArticles', { duration: speed, link: 'ignore', onStart: DisableButtons, onComplete: EnableButtons });
    var start = $('div_SmallArticles').getStyle('margin-right').toInt();
    if (isNaN(start)) {
        start = -42;
    }
    if (Position >= 3) {
        var firstDiv = $('div_SmallArticles').getElement('div');
        var lastDiv = $('div_SmallArticles').getLast('div');
        firstDiv.inject(lastDiv, 'after');
        $('div_SmallArticles').setStyle('margin-right',start + 188);        
        myFx.start('margin-right', start + 188, start);        
    }
    else {
        var next = start - 188;
        myFx.start('margin-right', start, next);
    }



    //big Items
    var largeFx = new Fx.Tween('div_LargeArticles', { duration: speed, link: 'ignore', onStart: DisableButtons, onComplete: EnableButtons });
    start = $('div_LargeArticles').getStyle('margin-right').toInt();
    if (isNaN(start)) {
        start = -29;
    }
    if (Position >= 3) {
        var firstDiv = $('div_LargeArticles').getElement('div');
        var lastDiv = $('div_LargeArticles').getLast('div');
        firstDiv.inject(lastDiv, 'after');
        $('div_LargeArticles').setStyle('margin-right', start + 222);        
        largeFx.start('margin-right', start + 222, start);
    }
    else {
        var next = start - 222;
        largeFx.start('margin-right', start, next);
    }
    
    if (Position < 3) {
        Position++;
    }
}


//accordion functions
var currAccordion = 'div_Forum';

function OpenRecc(openDiv) {
    var oldFx = new Fx.Tween(currAccordion);
    var newFx = new Fx.Tween(openDiv, {
    onStart: function() {
    ($(openDiv).getElements('div'))[1].getElement('a').setStyle('display', 'none');    
    $(currAccordion).getElement('div.ac_openBox').setStyle('display', 'none');
    },
        onComplete: function(){
            ($(currAccordion).getElements('div'))[1].getElement('a').setStyle('display', 'block');
            
            
            $(openDiv).getElement('div.ac_openBox').setStyle('display', 'block');
            currAccordion = openDiv;       
	}
});
    
    var fromWidth = 22;
    var toWidth = 192;

    oldFx.start('width', toWidth, fromWidth);
    newFx.start('width', fromWidth, toWidth);

//    var fromWidth = 22;
//    var toWidth = 192;

//    var fxElementsArray = $$(currAccordion, openDiv);
//    var fxElementsObject = new Fx.Elements(fxElementsArray, {
//        //Fx Options
//        link: 'chain',
//        duration: 1000,
//        transition: 'sine:in:out',

//        //Fx Events
//        onStart: function() {
//            ($(openDiv).getElements('div'))[1].getElement('a').setStyle('display', 'none');
//            $(currAccordion).getElement('div.ac_openBox').setStyle('display', 'none');
//        },
//        onComplete: function() {
//            ($(currAccordion).getElements('div'))[1].getElement('a').setStyle('display', 'block');


//            $(openDiv).getElement('div.ac_openBox').setStyle('display', 'block');
//            currAccordion = openDiv;
//        }
//    });

//    fxElementsObject.start({
//    '0': {
//            'width': [toWidth, fromWidth]            
//        },
//        '1': {
//            'width': [fromWidth, toWidth]            
//        }
//    });
    
}


var tmVar = null;
var isVideoPlaying = false;
function ShowVideo(wrapDiv, index, link, imageUrl, imageDiv, videoID) {
    if (isVideoPlaying) {
        return;
    }
    clearTimeout(tmVar);
    tmVar = setTimeout(function() {
    if (selectedVideo != wrapDiv) {
            $(imageDiv).onclick = function() { PlayVideo(wrapDiv, index, link, videoID); }
            $(selectedVideo).setProperty('class', 'item');
            $(videoImage).setOpacity(0);
            $(videoImage).setProperty('src', '');
            var myEffect = new Fx.Tween($(videoImage), {
                property: 'opacity',
                duration: 500,
                link: 'cancel',
                onStart: function() {
                    $(videoImage).setProperty('src', imageUrl);
                    var curCss = 'item currnet' + index;
                    $(wrapDiv).setProperty('class', curCss);
                    $(selectedVideo).setProperty('class', 'item');
                    selectedVideo = wrapDiv;
                }
            });

            myEffect.start(0, 1).wait(1000);
        }
    }, 200);
}

function PlayVideo(wrapDiv, index, link, videoID) {
    isVideoPlaying = true;
    if (selectedVideo != wrapDiv) {
        $(selectedVideo).setProperty('class', 'item'); 
        selectedVideo = wrapDiv;
        var curCss = 'item currnet' + index;
        $(wrapDiv).setProperty('class', curCss);
    }
    $('div_TVBox').innerHTML = '<iframe height="164" width="255" src="http://mfw35.best-tv.com/players/mithatnim/player.aspx?clipid=' + link + '&autostart=true"></iframe>';
    var req = new Request({
        method: 'get',
        url: "/tv.aspx?type=1&vid=" + videoID
    }).send();
}


var selectedSurveyAnswer = -1;
function SelectSurveyAnswer(spanID, answerNum) {
    $('div_SurveyAnswers').getElements('span').setProperty('class', '');
    $(spanID).setProperty('class', 'select');

    selectedSurveyAnswer = answerNum;
}

function SubmitSurvey() {

    
    if (selectedSurveyAnswer < 1) {
        //alert('אנא בחר\י תשובה לסקר');
    }
    else {
        var url = '/ajax/surveySubmit.aspx?ans=' + selectedSurveyAnswer;
        if (Cookie.read('survey') == '1') {
           // alert('ניתן להצביע לסקר פעם אחת בלבד');
            url = '/ajax/surveySubmit.aspx?ans=-1';
        }
        
        var fade = $('div_SurveyWrap');
        fade.innerHTML = '<div><center><img src="/images/ajax_loaderHD.gif" ></center></div>';
        var req = new Request.HTML({
            method: 'get',
            url: url,
            update: fade,
            onRequest: function() {
            },
            onComplete: function() {
                fade.setStyle('opacity', '0');
                var myEffect = new Fx.Tween(fade, {
                    property: 'opacity',
                    duration: 500
                });
                myEffect.start(0, 1);
            }
        }).send();
        Cookie.write('survey', '1', { duration: 365 });
    }

   
}