/// <reference path="../../libraries/jquery-1.3.2-vsdoc.js" />
function changeBackImage(newSrc) {
    $(titleComment).css("background-image", "url(resources/images/" + newSrc + ")");
}
var links = $('.header div');
links.click(function() {
    var senderID = $(this).attr("id");
    var homeComment = $('#homeComment')
    var titleComment = $('#titleComment');
    if (senderID == 'home') {
        $(titleComment).fadeOut(400);
        $(titleComment).html(DTO.HomeContent);
        $(titleComment).fadeIn(400);
        changeBackImage("title-welcome.jpg");
    }

    else if (senderID == 'links') {
        $(titleComment).fadeOut(400);
        $(titleComment).html(DTO.LinksContent);
        $(titleComment).fadeIn(400);
        changeBackImage("title-links.jpg");

    }
    else if (senderID == 'contact') {
        $(titleComment).fadeOut(400);
        $(titleComment).html(DTO.ContactContent);
        $(titleComment).fadeIn(400);
        changeBackImage("title-contact-us.jpg");
    }
    else if (senderID == 'blog') {
        $(titleComment).fadeOut(400);
        $(titleComment).html(DTO.BlogContent);
        $(titleComment).fadeIn(400);
        changeBackImage("title-blog.jpg");
    }
      else if (senderID == 'franz') {
        $(titleComment).fadeOut(400);
        $(titleComment).html(DTO.franzContent);
        $(titleComment).fadeIn(400);
        changeBackImage("franz.jpg");

    }
 else if (senderID == 'birit') {
        $(titleComment).fadeOut(400);
        $(titleComment).html(DTO.biritContent);
        $(titleComment).fadeIn(400);
        changeBackImage("birit.jpg");
        }
});

var squareCell = $('.header .colorful a');
squareCell.mouseover(function(){
    var senderID = $(this).attr("id");
    if(senderID =='link1') {
        var image =$(this).find('img');
        image.attr("src","./resources/images/links2.jpg");
        }
   if(senderID =='home1') {
        var image =$(this).find('img');
        image.attr("src","./resources/images/home2.jpg");
        }
   if(senderID =='contact1') {
        var image =$(this).find('img');
        image.attr("src","./resources/images/contact2.jpg");
        }
   if(senderID =='blog1') {
        var image =$(this).find('img');
        image.attr("src","./resources/images/blog2.jpg");
        }
   if(senderID =='pics1') {
        var image =$(this).find('img');
        image.attr("src","./resources/images/pics2.jpg");
        }
        
        });
squareCell.mouseout(function() {
    var senderID = $(this).attr("id");
    
    if (senderID == 'link1') {
       var image = $(this).find('img');
        image.attr("src","./resources/images/bt-links-over.jpg");
       } 
    if (senderID == 'home1') {
       var image = $(this).find('img');
        image.attr("src","./resources/images/bt-home-over.jpg");
       } 
    if (senderID == 'contact1') {
       var image = $(this).find('img');
        image.attr("src","./resources/images/bt-contact-over.jpg");
       } 
    if (senderID == 'blog1') {
       var image = $(this).find('img');
        image.attr("src","./resources/images/bt-blog-over.jpg");
        }
    if (senderID == 'pics1') {
       var image = $(this).find('img');
        image.attr("src","./resources/images/bt-pics-over.jpg");
        }
  
        
});

var productLinkList = $('.productList .showWindow a');
productLinkList.mouseover(function() {
    var senderID = $(this).attr("id");
    if (senderID == 'tshirt1') {
        var image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/2.1.jpg");
    }

    if (senderID == 'tshirt2') {
        var image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/2.2.jpg");
    }
    if (senderID == 'tshirt3') {
        var image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/2.3.jpg");
    }
    if (senderID == 'tshirt4') {
        var image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/2.4.jpg");
    }
    if (senderID == 'tshirt5') {
        var image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/2.5.jpg");
    }
    if (senderID == 'tshirt6') {
        var image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/2.6.jpg");
    }
    if (senderID == 'tshirt7') {
        var image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/2.7.jpg");
    }
    if (senderID == 'tshirt8') {
        var image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/2.8.jpg");
    }
    if (senderID == 'tshirt9') {
        var image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/2.9.jpg");
    }

});

productLinkList.mouseout(function() {
    var senderID = $(this).attr("id");
    var image;
    if (senderID == 'tshirt1') {
        image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/1.1.jpg");
    }

    if (senderID == 'tshirt2') {
        image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/1.2.jpg");
    }
    if (senderID == 'tshirt3') {
        image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/1.3.jpg");
    }
    if (senderID == 'tshirt4') {
        image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/1.4.jpg");
    }
    if (senderID == 'tshirt5') {
        image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/1.5.jpg");
    }
    if (senderID == 'tshirt6') {
        image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/1.6.jpg");
    }
    if (senderID == 'tshirt7') {
        image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/1.7.jpg");
    }
    if (senderID == 'tshirt8') {
        image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/1.8.jpg");
    }
    if (senderID == 'tshirt9') {
        image = $(this).find('img');
        image.attr("src", "./mediaItems/images/products/1.9.jpg");
    }

});