// $Id$

initFlipbookLinks = function() {
	// get all links with class flipbook
	var aLinks = $('a.flipbook');
	var iLength = aLinks.length;
	$(aLinks).click(function() {
		var sData = $(this).attr('href');
		// if there's no photo-wrapper, make it.
		if ($('#photo-wrapper').length == 0) {
			$('<div id="photo-wrapper" class="tabcontent ui-tabs" style="display: none;"><div class="ui-tabs-panel"><div class="imagewrapper-560-350"></div></div></div>').appendTo('body');
		}
		
		
		$('#photo-wrapper .imagewrapper-560-350').css({'paddingLeft': '25px'}).html(
				'<img id="modal-image" src="' + sData +'" />'
				+ '<span id="modal-zoom-text"><br /><img class="zoomImage" src="' + websiteGlobal.baseUri + '/website/img/magnify.gif" />' + imageZoomText + '</span>' 
		);
				
		// create a modal dialog
        $.extend($.modal.defaults, {
            closeClass: "modalClose",
            overlayId: "modalOverlay",
            containerId: "modalContainer"
        });

                
        $('#photo-wrapper').modal();
        
        var steps = 5;
        var currentstep = 0;
        
        $('#modal-image').imagetool({
        	'viewportWidth': 500,
        	'viewportHeight': 350
        });
        	
        return false;
	});
}

/**
 * Initialize Thumbnails
 */
thumbInit = function() {
  
    $(' .thumbnail').click(function() {

        var src = $(this).find('input').val();
        var alt = $(this).find('img').attr('alt');
        
        $('#photo-wrapper .imagewrapper-560-350').html('<img src="'+ src +'" alt="'+ alt +'" />');
        
        $.extend($.modal.defaults, {
            closeClass: "modalClose",
            overlayId: "modalOverlay",
            containerId: "modalContainer"
        });
    
        $('#photo-wrapper').modal();
    });
    
}

showImage = function (imgPath) { alert('asd');
    var src = $(this).find('input').val();
    var alt = $(this).find('img').attr('alt');
    
    $('#photo-wrapper .imagewrapper-560-350').html('<img src="'+ imgPath  +'" />');
    
    $.extend($.modal.defaults, {
        closeClass: "modalClose",
        overlayId: "modalOverlay",
        containerId: "modalContainer"
    });

    $('#photo-wrapper').modal();
}


showBigImage = function (imgPath) { 
    var src = imgPath;
    var alt = $(this).find('img').attr('alt');
    
	if ($('#productphoto-wrapper').length > 0) {
		$('#productphoto-wrapper').remove();
	} 
	
	$('body').append('<div id="productphoto-wrapper" class="tabcontent ui-tabs"><div class="ui-tabs-panel"><div class="imagewrapper-900-600-scroll"><img src="'+ imgPath  +'" /></div></div></div>');
	
	//$('body').append('<div id="#photo-wrapper"><div class="imagewrapper-760-550"><img src="'+ imgPath  +'" /></div></div>');
   // $('#photo-wrapper .imagewrapper-760-550').html('<img src="'+ imgPath  +'" />');
    
    $.extend($.modal.defaults, {
        closeClass: "modalClose",
        overlayId: "modalOverlay",
        containerId: "modalContainer"
    });

	var setMarginLeft = -163;
	if($.browser.msie && $.browser.version == '6.0') {
		var setMarginLeft = 0;
	}

    $('#productphoto-wrapper').modal ({
        	containerCss: {
        		marginLeft: setMarginLeft

        	}
        });
}


/**
 * Initialize the Page object.
 */
Dropdown = {
    init: function() {
        $('.custom-dropdown .dropdown-arrow').click(function() { Dropdown.createDropdown($(this)) });
        $('.custom-dropdown input').click(function() { Dropdown.createDropdown($(this)) });
        $('.custom-dropdown input').focus(function() { Dropdown.createDropdown($(this)) });
    }
}
Dropdown.createDropdown = function(dropdownElement) {    
    var dropdownWrapper = $(dropdownElement).closest('.custom-dropdown');
    var dropdownSelect  = $(dropdownWrapper).find('.dropdown-select');
    
    if (dropdownSelect.css('display') == 'none') {
        Dropdown.open(dropdownWrapper);
    } else {
        Dropdown.close(dropdownWrapper);
    }
}

Dropdown.open = function(dropdownWrapper) { 
    var dropdownSelect  = $(dropdownWrapper).find('.dropdown-select');
    
    $(dropdownSelect).show();
    $(dropdownSelect).find('li').click(function() {
        Dropdown.close(dropdownWrapper);
        Dropdown.selectItem($(this));          
    });
}

Dropdown.close = function(dropdownWrapper) { 
    var dropdownSelect  = $(dropdownWrapper).find('.dropdown-select');
    $(dropdownSelect).hide();
}

Dropdown.selectItem = function(element) {
    var parentCustomDropDown = element.closest('.custom-dropdown');

    if ($(element).find('input')) {
        var value = $(element).find('input').val();
    } else {
        var value = $(element).html();
    }
    
    $(parentCustomDropDown).find('input[type=text]').val(value);
}

// Run any/all init functions.
$(document).ready(function() {	
    $('#language-selected').click(function () {
        $('#language-select-dropdown').toggle(); 
    });
    
    Dropdown.init();
    thumbInit();
    initFlipbookLinks();
});