$(document).ready(function(){
/*
$(".popup").hover(function(){

        var file = "./info/"+$(this).attr("alt")+".php"
        var pop = $(this);
        $.get(file, function(data){
            pop.append(
                '<div class="popup_wrapper">'
                        +'<div class="top"></div>'
                        +'<div class="mid">'
                                +data
                        +'</div>'
                        +'<div class="btm"></div>'
                +'</div>'
            );
            $('.popup_wrapper').toggle("300");
        })
    },function(){

        //$('.popup_wrapper').fadeOut(300);
        $('.popup_wrapper').toggle();
        $('.popup_wrapper').remove();
        
    })
 */

$(".popup").click(function(){

        var file = "./info/"+$(this).attr("alt")+".php"
        var pop = $(this);
        $.get(file, function(data){
            pop.append(
                '<div class="popup_wrapper">'
                        +'<div class="top"></div>'
                        +'<div class="mid">'
                                +data
                        +'</div>'
                        +'<div class="btm"></div>'
                +'</div>'
            );
            $('.popup_wrapper').toggle("300");
        })
    })
$(".popup").hover(function(){},function(){

        //$('.popup_wrapper').fadeOut(300);
        $('.popup_wrapper').toggle();
        $('.popup_wrapper').remove();

    })

 });

$(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", "");
   });
 });




// JavaScript Document