slider = new Array();
big = new Array();
big["width"] = 205;
big["height"] = 303;
big["height2"] = big["height"] + 28;
small = new Array();
small["width"] = 180;
small["height"] = 266;
small["height2"] = small["height"] + 28;
font = new Array();
font["big"] = 16;
font["small"] = 12;
timer = -1;

function equilibrate() {
    $('#slider ul li').each(function(i) {
        d = Math.abs(actual - i);
        var a = $(this);
        var img = a.children('a').children('img');
        //var ttl = a.children('.imtitle');
        switch (d) {
            case 0:
                img.animate({ width: big["width"], height: big["height"] });
                a.animate({ width: big["width"], height: big["height2"] });
                $("#cupcake-recipe").attr({
                    href: a.children('a').attr("href")
                });
                break;
            case 1:
                //ttl.css({ 'font-size': font["small"] + 'px' });
                //if (a.css('display') == 'none') {
                if (slider[i] == 1) {
                    slider[i] = 0;
                    a.css({ display: 'inline', width: '0px', height: '0px' });
                    img.css({ width: '0px', height: '0px' });
                    //ttl.css({opacity: '0'});

                }
                img.animate({ width: small["width"], height: small["height"] });
                a.animate({ width: small["width"], height: small["height2"] });
                break;
            default:
                if (slider[i] != 1) {
                    slider[i] = 1;
                    //a.hide('slow');
                    img.animate({ width: 0, height: 0 });
                    a.animate({ width: 0, height: 0 });
                }
                break;
        }
    });
	//directlink();
	//rotate();
}
function actual_change(diff) {
    if (actual + diff > 0 && actual + diff < max) {
        actual = actual + diff;
        return true;
    }
    else if (actual + diff == 0) {
//        do {
//            actual++;
//            equilibrate();
//        }
//        while (actual < max)

        actual = max ;
        equilibrate();
        next();
        next();
    }
    else
		return false;
};
function directlink() {
	$('#directlink').attr('href', location.href.replace(location.search, '') + '?show=' + actual);
}
$(document).ready(function() {
    var requete = location.search.substring(1);
    var tab_paires = requete.split("&");
    var tab_elts = new Array();
    for (var i = 0; i < tab_paires.length; i++) {
        temp = tab_paires[i].split("=");
        tab_elts[temp[0]] = unescape(temp[1]);
    }

    $('#slider ul').css('overflow', 'hidden');
    $('#slider ul').prepend('<li><a><img src="UploadedImages/base.png" alt="" /></a></li>');
    max = $('#slider ul li').size();

    i = (tab_elts["show"]) ? parseInt(tab_elts["show"]) : 0;
    actual = (!isNaN(i) && i > 0 && i < max) ? i : max-1;

    $('#slider ul li').each(function(i) {
        d = Math.abs(actual - i);
        var a = $(this);
        var img = a.children('a').children('img');
        var ttl = a.children('.imtitle');
        switch (d) {
            case 0:
                ttl.css({ 'font-size': font["big"] + 'px' });
                img.css({ width: big["width"] + 'px', height: big["height"] + 'px' });
                a.css({ height: big["height2"] + 'px' });
                $("#cupcake-recipe").attr({
                    href: a.children('a').attr("href")
                });
                break;
            case 1:
                img.css({ width: small["width"] + 'px', height: small["height"] + 'px' });
                a.css({ width: small["width"] + 'px', height: small["height2"] + 'px' });
                break;
            default:
                a.css({ display: 'none', width: '0px', height: '0px' });
                break;
        }
    },   
    next(),
    $('#cupcake-slides').css('visibility','visible')    
    );
    
    $('#cupcake-back').click(function() {
        if (actual_change(+1))
            equilibrate();
        return false;
    });
    $('#cupcake-next').click(function() {
        if (actual_change(-1))
            equilibrate();
        return false;
    });

});

function next() {
	if (actual_change(-1))
	    equilibrate();
}
function showtext(id) {
    $('#texts .text').each(function(i) {
        if ($(this).css('display') != 'none')
        //$(this).fadeOut('fast');
            $(this).hide();
    });
}