var fleshUpIcon = 'http://www.lajevard.com/web/theme/image/layout/flesh-up.gif';var fleshRightIcon = 'http://www.lajevard.com/web/theme/image/layout/flesh-right.gif';var fleshLeftIcon = 'http://www.lajevard.com/web/theme/image/layout/flesh-left.gif';var fleshPortfolioIcon = fleshMultimediaIcon = fleshContactIcon = fleshAboutIcon = fleshHomeIcon = fleshRightIcon;var jsonCaptions;var jsonCaptionsItems;var captionJSON;var isOpenCaption = false;var isOpenPortfolio = false;var isOpenMultimedia = false;var isOpenMenu = true;var isPagingClicked = false;var globalIndex;CenterPanel = function(){var page, port, index;var leftPixel;leftPixel = ((screen.width - 2 - 1022 ) / 2);Ext.get('main-panel').dom.style.left = leftPixel + 'px';Ext.get('south').dom.style.left = leftPixel + 'px';page = Ext.Erpc.getHrefLocation('page');port = Ext.Erpc.getHrefLocation('port');globalIndex = index = Ext.Erpc.getHrefLocation('index');switch ( page ) {case 'portfolio' :break;case 'multimedia' :break;case 'contact' :fleshContactIcon = fleshUpIcon;Ext.get('contact-label-flesh').dom.src = fleshContactIcon;break;case 'about' :fleshAboutIcon = fleshUpIcon;Ext.get('about-label-flesh').dom.src = fleshAboutIcon;break;case 'home' :fleshHomeIcon = fleshUpIcon;Ext.get('home-label-flesh').dom.src = fleshHomeIcon;break;}CenterPanel.superclass.constructor.call(this, {region: 'center', renderTo: 'content-container', border: false, items:[{id: 'content-panel', border: false, height: 391}, {layout: 'column', border: false, items: [{border: false, cls: 'paging-panel', columnWidth: .7, id: 'paging-panel'}, {border: false, cls: 'option-panel', columnWidth: .3, hidden: true, id: 'option-panel', items: [{border: false, cls: 'caption-button', id: 'caption-button', html: ' caption

'}]}]}]});Ext.Erpc.loadContent(page, port, index);};Ext.extend(CenterPanel, Ext.Panel, {});MenuPanel = function() {MenuPanel.superclass.constructor.call(this, {border: false, renderTo: 'menu-container', items:[{border: false, contentEl: 'menu-panel'}]});};Ext.extend(MenuPanel, Ext.Panel, {});Ext.onReady(function(){Ext.QuickTips.init();var northPanel = new Ext.Panel({border: false, id: 'north-panel', renderTo: 'north'});var menuPanel = new MenuPanel();var centerPanel = new CenterPanel();var captionPanel = new Ext.Panel({border: false, renderTo: 'caption-container', items:[{border: false, contentEl: 'caption-panel'}]});var southPanel = new Ext.Panel({border: false, height: 20, id: 'south-panel', renderTo: 'south'});var contentPan = Ext.getCmp('content-panel');var pagingPan = Ext.getCmp('paging-panel');var optionPan = Ext.getCmp('option-panel');Ext.get('caption-button').on('click', function() {var slideCaption = Ext.get('caption-panel');var fleshCaption = Ext.get('caption-label-flesh').dom;if ( isOpenCaption == false ) {slideCaption.slideIn('l', {easing: 'easeOut', callback: function() {fleshCaption.src = fleshLeftIcon;}, duration: .5});isOpenCaption = true;} else {slideCaption.slideOut('l', {easing: 'easeOut', duration: .5, callback: function() {fleshCaption.src = fleshRightIcon;}, remove: false, useDisplay: true});isOpenCaption = false;}});Ext.select('p.portfoliomenu').on('click', function(e) {var which = Ext.get(e.getTarget());isPagingClicked = false;Ext.Erpc.setHrefLocation('#portfolio-' + which.id);Ext.Erpc.slideMenu(which.id, 'portfolio-list');Ext.Erpc.loadContent('portfolio', which.id, '0');});Ext.get('menu-portfolio').on('click', function() {Ext.Erpc.slideMenu('portfolio-menu-span', 'portfolio');});Ext.select('p.multimediamenu').on('click', function(e) {var which = Ext.get(e.getTarget());isPagingClicked = false;Ext.Erpc.setHrefLocation('#multimedia-' + which.id);Ext.Erpc.slideMenu(which.id, 'multimedia-list');Ext.Erpc.loadContent('multimedia', which.id, '0');});Ext.get('menu-multimedia').on('click', function() {Ext.Erpc.slideMenu('multimedia-menu-span', 'multimedia');});Ext.get('menu-contact').on('click', function() {Ext.Erpc.setHrefLocation('#contact');Ext.Erpc.setCaption(-1);Ext.Erpc.slideMenu('contact-menu-span', 'contact');Ext.Erpc.loadContent('contact', '', '');});Ext.get('menu-about').on('click', function() {Ext.Erpc.setHrefLocation('#about');Ext.Erpc.setCaption(-1);Ext.Erpc.slideMenu('about-menu-span', 'about');Ext.Erpc.loadContent('about', '', '');});Ext.get('menu-home').on('click', function() {Ext.Erpc.setHrefLocation('#home');Ext.Erpc.setCaption(-1);Ext.Erpc.slideMenu('home-menu-span', 'home');Ext.Erpc.loadContent('home', '', '');});});Ext.Erpc.changePhoto = function(id) {var loadingPanContent = Ext.get('loading-panel-content');isPagingClicked = true;Ext.Erpc.showPhoto(id);};Ext.Erpc.getHrefLocation = function(type) {var baseUrl, page, port, index;port = '';index = '-1';baseUrl = window.location.href;if ( baseUrl.indexOf('#') > 0 ) {page = baseUrl.substring(baseUrl.indexOf('#') + 1, baseUrl.length);if ( page.substring(0, 9) == 'portfolio' ) {if ( page.indexOf(';') > 0 ) {port = page.substring(10, page.indexOf(';'));index = page.substring(page.indexOf(';') + 1, page.length);index = parseInt(index) - 1;} else {port = page.substring(10, page.length);}page = page.substring(0, 9);} else if ( page.substring(0, 10) == 'multimedia' ) {port = page.substring(11, page.length);page = page.substring(0, 10);index = '0';}} else {page = 'home';}if ( type == 'page' ) {return page;} else if ( type == 'port' ) {return port;} else if ( type == 'index' ) {return index;}};Ext.Erpc.loadContent = function (page, id, index) {var contentPan = Ext.getCmp('content-panel');var pagingPan = Ext.getCmp('paging-panel');var optionPan = Ext.getCmp('option-panel');var loadingPan = Ext.get('loading-panel');var contentUri, pagingUri, captionUri;Ext.Erpc.resetLayout();loadingPan.show();switch ( page ) {case 'home' :contentUri = 'http://www.lajevard.com/web/content/intro/';break;case 'about' :contentUri = 'http://www.lajevard.com/web/content/about/';break;case 'contact' :contentUri = 'http://www.lajevard.com/web/content/contact/';break;case 'portfolio' :contentUri = 'http://www.lajevard.com/web/content/portfolio/?purl=' + id;pagingUri = 'http://www.lajevard.com/web/content/paging/?c=portfolio&purl=' + id;captionUri = 'http://www.lajevard.com/web/content/caption/?c=portfolio&purl=' + id;break;case 'multimedia' :contentUri = 'http://www.lajevard.com/web/content/multimedia/?murl=' + id;pagingUri = 'http://www.lajevard.com/web/content/paging/?c=multimedia';captionUri = 'http://www.lajevard.com/web/content/caption/?c=multimedia&murl=' + id;break;}contentPan.load({url: contentUri, scope: this, discardUrl: false, nocache: true, scripts: true, text: '', callback: function() {contentPan.show();loadingPan.hide();if ( page == 'portfolio' || page == 'multimedia' ) {pagingPan.load({url: pagingUri, scope: this, discardUrl: false, nocache: true, scripts: true, text: ''});Ext.Ajax.request({url: captionUri, success: function(result, request) {captionJSON = result.responseText;pagingPan.show();if ( page == 'portfolio' ) {globalIndex = index;Ext.Erpc.showPhoto(index);if ( !document.getElementById(index) ) {index = 0;}} else if ( page == 'multimedia' ) {Ext.Erpc.showFlash();}}});}}});};Ext.Erpc.resetLayout = function() {var contentPan = Ext.getCmp('content-panel');var pagingPan = Ext.getCmp('paging-panel');var optionPan = Ext.getCmp('option-panel');var captionPan = Ext.get('caption-panel');var fleshCaption = Ext.get('caption-label-flesh').dom;contentPan.hide();pagingPan.hide();optionPan.hide();captionPan.hide();fleshCaption.src = fleshRightIcon;isOpenCaption = false;};Ext.Erpc.setCaption = function (id) {if ( id >= 0 ) {Ext.Erpc.setWhichFileJSON(id);Ext.get('caption-text-title').dom.innerHTML = jsonCaptionsItems.caption;Ext.get('caption-text-descr').dom.innerHTML = jsonCaptionsItems.description;} else {Ext.get('caption-text-title').dom.innerHTML = '';Ext.get('caption-text-descr').dom.innerHTML = '';}};Ext.Erpc.setHrefLocation = function(href) {var url;if ( href.substring(0, 1) == '#' ) {window.location = href;} else {url = window.location.href;if ( url.indexOf('#') > 0 ) {url = url.substring(url.indexOf('#') + 1, url.length);if ( url.indexOf(';') > 0 ) {url = url.substring(0, url.indexOf(';'));}}window.location = '#' + url + href;}};Ext.Erpc.setPagingSlider = function(id) {for ( i=0; i<=20; i++ ) {if ( document.getElementById(i) ) {document.getElementById(i).className = 'paging-number';document.getElementById(i).innerHTML = parseInt(i)+1;}}document.getElementById(id).className = 'paging-number-selected';document.getElementById(id).innerHTML = '[' + (parseInt(id)+1) + ']';};Ext.Erpc.setWhichFileJSON = function(id) {jsonCaptions = Ext.util.JSON.decode(captionJSON);jsonCaptionsItems = jsonCaptions.albumfile[id];};Ext.Erpc.slideMenu = function (spanStrike, which) {var slidePortfolio = Ext.get('portfolio');var slideMultimedia = Ext.get('multimedia');var fleshPorfolio = Ext.get('portfolio-label-flesh').dom;var fleshMultimedia = Ext.get('multimedia-label-flesh').dom;var fleshContact = Ext.get('contact-label-flesh').dom;var fleshAbout = Ext.get('about-label-flesh').dom;var fleshHome = Ext.get('home-label-flesh').dom;switch ( which ) {case 'portfolio' :if ( isOpenPortfolio == false ) {if ( Ext.isIE6 ) {slidePortfolio.dom.style.display = 'block';slidePortfolio.dom.style.visibility = 'visible';} else {slidePortfolio.slideIn('t', {easing: 'easeOut', duration: .4});}fleshPorfolio.src = fleshUpIcon;isOpenPortfolio = true;} else {if ( Ext.isIE6 ) {slidePortfolio.dom.style.display = 'none';slidePortfolio.dom.style.visibility = 'hidden';} else {slidePortfolio.slideOut('t', {easing: 'easeOut', duration: .4, remove: false, useDisplay: true});}fleshPorfolio.src = fleshRightIcon;isOpenPortfolio = false;}break;case 'portfolio-list' :fleshPorfolio.src = fleshRightIcon;fleshMultimedia.src = fleshRightIcon;fleshContact.src = fleshRightIcon;fleshAbout.src = fleshRightIcon;fleshHome.src = fleshRightIcon;break;case 'multimedia' :if ( isOpenMultimedia == false ) {if ( Ext.isIE6 ) {slideMultimedia.dom.style.display = 'block';slideMultimedia.dom.style.visibility = 'visible';} else {slideMultimedia.slideIn('t', {easing: 'easeOut', duration: .4});}fleshMultimedia.src = fleshUpIcon;isOpenMultimedia = true;} else {if ( Ext.isIE6 ) {slideMultimedia.dom.style.display = 'none';slideMultimedia.dom.style.visibility = 'hidden';} else {slideMultimedia.slideOut('t', {easing: 'easeOut', duration: .4, remove: false, useDisplay: true});}fleshMultimedia.src = fleshRightIcon;isOpenMultimedia = false;}break;case 'multimedia-list' :fleshPorfolio.src = fleshRightIcon;fleshMultimedia.src = fleshRightIcon;fleshContact.src = fleshRightIcon;fleshAbout.src = fleshRightIcon;fleshHome.src = fleshRightIcon;break;case 'contact' :fleshPorfolio.src = fleshRightIcon;fleshMultimedia.src = fleshRightIcon;fleshContact.src = fleshUpIcon;fleshAbout.src = fleshRightIcon;fleshHome.src = fleshRightIcon;break;case 'about' :fleshPorfolio.src = fleshRightIcon;fleshMultimedia.src = fleshRightIcon;fleshContact.src = fleshRightIcon;fleshAbout.src = fleshUpIcon;fleshHome.src = fleshRightIcon;break;case 'home' :fleshPorfolio.src = fleshRightIcon;fleshMultimedia.src = fleshRightIcon;fleshContact.src = fleshRightIcon;fleshAbout.src = fleshRightIcon;fleshHome.src = fleshUpIcon;break;}if ( isOpenPortfolio == true && which != 'portfolio' ) {if ( Ext.isIE6 ) {slidePortfolio.hide();slidePortfolio.dom.style.display = 'none';slidePortfolio.dom.style.visibility = 'hidden';} else {slidePortfolio.slideOut('t', {easing: 'easeOut', duration: .4, remove: false, useDisplay: true});}fleshPorfolio.src = fleshRightIcon;isOpenPortfolio = false;}if ( isOpenMultimedia == true && which != 'multimedia' ) {if ( Ext.isIE6 ) {slideMultimedia.dom.style.display = 'none';slideMultimedia.dom.style.visibility = 'hidden';} else {slideMultimedia.slideOut('t', {easing: 'easeOut', duration: .4, remove: false, useDisplay: true});}fleshMultimedia.src = fleshRightIcon;isOpenMultimedia = false;}};Ext.Erpc.showFlash = function() {var loadingPan = Ext.get('loading-panel');var loadingPanContent = Ext.get('loading-panel-content');Ext.Erpc.switchOptionPanel(false);Ext.Erpc.setWhichFileJSON(0);Ext.Ajax.request({autoAbort: true, method: 'GET', url: 'http://www.lajevard.com/web/content/multimedia/flash/', params: {path: jsonCaptionsItems.filepath}, disableCaching: false, success: function(result, request) {Ext.get('multimedia-flash').dom.innerHTML = result.responseText;Ext.get('multimedia-flash').dom.style.display = 'block';Ext.Erpc.setCaption(0);loadingPan.hide();loadingPanContent.hide();}});};Ext.Erpc.showPhoto = function(id) {var loadingPan = Ext.get('loading-panel');var loadingPanContent = Ext.get('loading-panel-content');var photoId;if ( id == 'PREV' ) {photoId = parseInt(globalIndex) - 1;} else if ( id == 'NEXT' ) {photoId = parseInt(globalIndex) + 1;} else {photoId = id;}if ( document.getElementById(photoId) ) {globalIndex = photoId;if ( document.getElementById(photoId).className != 'paging-number-selected' ) {if ( photoId >= 0 ) {Ext.Erpc.setHrefLocation(';' + (parseInt(photoId)+1));Ext.Erpc.setPagingSlider(photoId);Ext.Erpc.switchOptionPanel(false);if ( isPagingClicked == true ) {loadingPanContent.show();}Ext.Erpc.setWhichFileJSON(photoId);Ext.Ajax.request({autoAbort: true, method: 'GET', url: 'http://www.lajevard.com/web/content/portfolio/photo/', params: {path: jsonCaptionsItems.filepath}, disableCaching: false, success: function(result, request){Ext.get('portfolio-image').dom.innerHTML = result.responseText;Ext.get('portfolio-image').dom.style.display = 'block';Ext.Erpc.setCaption(photoId);loadingPan.hide();loadingPanContent.hide();}});}}} else {isPagingClicked = false;}};Ext.Erpc.switchOptionPanel = function(entering) {var optionPan = Ext.getCmp('option-panel');if ( entering == true ) {optionPan.hide();} else {optionPan.show();}};