$(document).ready(function(){
    $(".clickImage").click(function(event){
        var image = $(this);
        $('#showImage').css('display', '');
        $('#showImage').hide();
        $("#img_shower").hide();

        var img = image.attr("src")
        img = img.replace("icons/","");
        img = img.replace(".png",".jpg");
        $('#inner_img_float').css('background', "none" );
        $('#inner_img_float').css('background', "no-repeat center" );
        $('#inner_img_float').css('background-image', "url('" + img + "')" );

        $("#xbox").css("padding-top","190px")
        $("#left_arrow").attr("alt", image.attr("id"));
        $("#right_arrow").attr("alt", image.attr("id"));
        $('#showImage').show();
        $("#img_shower").fadeIn(1000);
        $("#xbox").fadeIn(1000);
        $("#img_arrows").fadeIn(1000);
    });

    $("#left_arrow").click(function(event){
        id = parseInt($(this).attr("alt")) - 1;

        $.get("script/getData.php?logo="+id,function(data){
            data = data.split(";");
            img = $('#inner_img_float').css('background-image');

            temp = img.replace(".jpg)","");
            temp = temp.replace(".jpg\")","");
            var list = temp.split("/");
            temp = list[list.length -1];
            img = img.replace(temp,data[0]);

            $('#left_arrow').attr("alt",data[1]);
            $('#right_arrow').attr("alt",data[1]);
            $('#inner_img_float').css('background-image', img  );
        });
    });
    $("#right_arrow").click(function(event){
        id = parseInt($(this).attr("alt")) + 1;

        $.get("script/getData.php?logo="+id,function(data){
            data = data.split(";");
            img = $('#inner_img_float').css('background-image');

            temp = img.replace(".jpg)","");
            temp = temp.replace(".jpg\")","");
            var list = temp.split("/");
            temp = list[list.length -1];
            img = img.replace(temp,data[0]);

            $('#left_arrow').attr("alt",data[1]);
            $('#right_arrow').attr("alt",data[1]);
            $('#inner_img_float').css('background-image', img  );
        });
    });

    $("#xbox_image").click(function(event){
        $('#showImage').hide();
        $('#img_shower').hide();
        var floatimg = document.getElementById("inner_img_float");
        floatimg.setAttribute("src", "");
   });
 });