﻿$(function() {

<!-- DOM 1 -->
    $('ul#options1 li img').click(function() {
        $('ul#options1 li img').removeClass('selected');
        $(this).addClass('selected');

        var imageName = $(this).attr('alt');
		var imageFullTath = $(this).attr('src');

        //$('#featured1 img').attr('src', 'images/dom1/' + imageName);
		$('#featured1 img').attr('src', 'image.php?image=/images/dom1/' + imageName + '&width=300');
		$('#featured1 a').attr('href', 'image.php?image=/images/dom1/' + imageName + '&width=1500');
		
		
        /*var chopped = imageName.split('.');
        $('#featured h2').remove();
        $('#featured')
           .prepend('<h2>' + chopped[0] + '</h2>')
           .children('h2')
           .fadeIn(500)
           .fadeto(200, .6);*/

    });
	
    $('ul#options1 li a').click(function() {
        return false;
    });	
<!-- DOM 1 OFF -->

<!-- DOM 2 -->	
    $('ul#options2 li img').click(function() {
        $('ul#options2 li img').removeClass('selected');
        $(this).addClass('selected');

        var imageName = $(this).attr('alt');
		var imageFullTath = $(this).attr('src');
		
        //$('#featured2 img').attr('src', 'images/dom1/' + imageName);
		$('#featured2 img').attr('src', 'image.php?image=/images/dom2/' + imageName + '&width=300');
		$('#featured2 a').attr('href', 'image.php?image=/images/dom2/' + imageName + '&width=1500');
		
        /*var chopped = imageName.split('.');
        $('#featured h2').remove();
        $('#featured')
           .prepend('<h2>' + chopped[0] + '</h2>')
           .children('h2')
           .fadeIn(500)
           .fadeto(200, .6);*/

    });	
	
    $('ul#options2 li a').click(function() {
        return false;
    });		
<!-- DOM 2 OFF -->

<!-- DOM 3 -->	
    $('ul#options3 li img').click(function() {
        $('ul#options3 li img').removeClass('selected');
        $(this).addClass('selected');

        var imageName = $(this).attr('alt');
		var imageFullTath = $(this).attr('src');
		
        //$('#featured2 img').attr('src', 'images/dom1/' + imageName);
		$('#featured3 img').attr('src', 'image.php?image=/images/dom3/' + imageName + '&width=300');
		$('#featured3 a').attr('href', 'image.php?image=/images/dom3/' + imageName + '&width=1500');
		
        /*var chopped = imageName.split('.');
        $('#featured h2').remove();
        $('#featured')
           .prepend('<h2>' + chopped[0] + '</h2>')
           .children('h2')
           .fadeIn(500)
           .fadeto(200, .6);*/

    });	
	
    $('ul#options3 li a').click(function() {
        return false;
    });		
<!-- DOM 3 OFF -->	

<!-- DOM 4 -->	
    $('ul#options4 li img').click(function() {
        $('ul#options4 li img').removeClass('selected');
        $(this).addClass('selected');

        var imageName = $(this).attr('alt');
		var imageFullTath = $(this).attr('src');
		
        //$('#featured2 img').attr('src', 'images/dom1/' + imageName);
		$('#featured4 img').attr('src', 'image.php?image=/images/dom4/' + imageName + '&width=300');
		$('#featured4 a').attr('href', 'image.php?image=/images/dom4/' + imageName + '&width=1500');
		
        /*var chopped = imageName.split('.');
        $('#featured h2').remove();
        $('#featured')
           .prepend('<h2>' + chopped[0] + '</h2>')
           .children('h2')
           .fadeIn(500)
           .fadeto(200, .6);*/

    });	
	
    $('ul#options4 li a').click(function() {
        return false;
    });		
<!-- DOM 4 OFF -->	

<!-- DOM 5 -->	
    $('ul#options5 li img').click(function() {
        $('ul#options5 li img').removeClass('selected');
        $(this).addClass('selected');

        var imageName = $(this).attr('alt');
		var imageFullTath = $(this).attr('src');
		
        //$('#featured2 img').attr('src', 'images/dom1/' + imageName);
		$('#featured5 img').attr('src', 'image.php?image=/images/dom5/' + imageName + '&width=300');
		$('#featured5 a').attr('href', 'image.php?image=/images/dom5/' + imageName + '&width=1500');
		
        /*var chopped = imageName.split('.');
        $('#featured h2').remove();
        $('#featured')
           .prepend('<h2>' + chopped[0] + '</h2>')
           .children('h2')
           .fadeIn(500)
           .fadeto(200, .6);*/

    });	
	
    $('ul#options5 li a').click(function() {
        return false;
    });		
<!-- DOM 5 OFF -->	
});
